@font-face {
	font-family: 'DMSans-Bold';
	src: url(../fonts/DMSans-Bold.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'DMSans-BoldItalic';
	src: url(../fonts/DMSans-BoldItalic.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'DMSans-Italic';
	src: url(../fonts/DMSans-Italic.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'DMSans-Medium';
	src: url(../fonts/DMSans-Medium.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'DMSans-MediumItalic';
	src: url(../fonts/DMSans-MediumItalic.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'DMSans-Regular';
	src: url(../fonts/DMSans-Regular.ttf) format("truetype");
	font-display: swap;
}
* {
	box-sizing: border-box;
}
html {
	margin: 0;
	padding: 0;
	overflow-y: auto;
	scroll-behavior: auto !important;
}
body {
	font-size: 16px;
	line-height: 21px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "DMSans-Regular";
	color: #000;
	font-weight: 400;
	overflow-x: hidden;
	min-width: 375px;
}
.container {
	@media (min-width: 1200px) {
		max-width: 95% !important;

	}
}
h1,
.h1 {
	font-size: 35px;
	line-height: 54px;
	margin-bottom: 20px;
}
h2,
.h2 {
	font-size: 20px;
	line-height: normal;
}
h3,
.h3 {
	font-size: 34px;
	line-height: 50px;
	margin-bottom: 20px;
}
h4,
.h4 {
	font-size: 30px;
	line-height: normal;
}
h5,
.h5 {
	font-size: 25px;
	line-height: normal;
	font-weight: 600;
}
h6,
.h6 {
	font-size: 17px;
	font-weight: 600;
	line-height: normal;
}
p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #2A2A2A;
	margin: 0 0 20px;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	h1,
	.h1 {
		font-size: 38px;
	}
	h2,
	.h2 {
		font-size: 32px;
	}
	h3,
	.h3 {
		font-size: 28px;
	}
	h4,
	.h4 {
		font-size: 24px;
	}
	h5,
	.h5 {
		font-size: 18px;
	}
}
@media only screen and (max-width:767px) {
	h1,
	.h1 {
		font-size: 17px;
		line-height: normal;
	}
	h2,
	.h2 {
		font-size: 15px;
		line-height: normal;
	}
	h3,
	.h3 {
		font-size: 24px;
		line-height: normal;
	}
	h4,
	.h4 {
		font-size: 20px;
	}
	h5,
	.h5 {
		font-size: 20px;
	}
}
@media only screen and (max-width:767px) {
	p {
		margin: 0 0 20px;
		font-size: 16px;
		line-height: 22px;
	}
}
.bw {
	border-width: 0 0 1px 0;
}
.calendly-overlay .calendly-popup-close {
	background: url('../../assets/images/xmark-solid.svg') no-repeat !important;
	top: 20% !important;
	width: 30px !important;
	height: 30px !important;
	fill: currentColor !important;
	color: #000;

	@media(min-width: 992px) {
		background: url('https://assets.calendly.com/assets/external/close-icon.svg') no-repeat !important;

	}
}
/* Topbar styles start */
.topbar ul {
	padding-left: 0;
	display: inline-flex;
	list-style: none;
	margin: 0;
}
/* Topbar styles end */
/* Megamenu styles start */
#navbarSupportedContent .left-content {
	background: #E9F4FF;
}

#navbarSupportedContent .tabcontent {
	margin: 0px !important;
	padding: 30px 10px 0px 10px;
}
#navbarSupportedContent .dropdown-menu {
	position: absolute;
	background-color: #fff;
	width: 100%;
	left: 0;
	box-shadow: 0px 4px 20px 0px rgba(107, 108, 134, 0.25);
	z-index: 1;
	padding: 0px !important;
	color: #344251;
	border: 0;
}
#opeteq-navbar .navbar-brand {
	padding: 0;
}
.navbar .megamenu {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	margin-top: 0;
	background-color: #fff; 
	z-index: 1;
	max-height: 390px;
	min-height: 390px;
	box-shadow: 0 6px 6px -6px #000;
	/* background-image: url('../images/home/megamenu_bg.webp'); */
	background-repeat: no-repeat;
	background-size: cover;
}
/* @media only screen and (min-width: 1800px) {
	.navbar .megamenu {
		max-height: 800px;
	}
} */
.megamenu-height {
	max-height: 390px;
}
.left-menu {
	max-height: 370px;
}
.megamenu-heading {
	color: #223f80;
	padding: 5px 0px 5px 25px;
	font-size: 18px;
}
.megamenu-para {
	color: #fff;
	text-align: left;
	padding: 5px 25px 0px 25px;
	font-size: 13px;
}
.opeteq-navbar .navbar-light .navbar-toggler-icon {
	filter: brightness(0) saturate(100%) invert(100%);
}
.contact-link {
	font-size: 20px;
	color: #189BD7;
	text-align: center;
	font-weight: bold;
}
.bottomcontact-link {
	font-size: 14px;
	color: #fff !important;
	text-align: center;
	font-weight: 500;
}
.heading-bg {
	background-color: #f8f9fa;
}
.bottom-bg {
	background: #223f80;
	box-shadow: 0 8px 6px -6px #000;
}
.tab-space {
	padding: 0px 35px;
}
.tab-img-space {
	padding: 10px 35px;
}
.has-megamenu .nav-link {
	@media(min-width: 992px) {
		padding: 0 1rem;
	}
}
.navbar ul li {

	@media(min-width: 992px) {
		align-self: center;
		margin: 0 !important;
	}
}
.navbar ul li a {
	display: block;
}
#opeteq-navbar.navbar {
	justify-content: end;
}
/* Megamenu styles end */
.primary-color {
	color: #223F80;
}
.secondary-color {
	color: #189BD7;
}
.tertiary-color {
	color: #565656;
}
.site-heading {
	color: #2A2A2A;
}
ul li {
	font-size: 16px;
	line-height: 26px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #000;
}
ul li a {
	text-decoration: none;
	outline: none;
	color: #091E4D;
}
a,
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #223f80;
}
section {
	padding-top: 30px;
	position: relative;
	
	@media(min-width: 992px) {
		padding-top: 50px;
	}
}
.bottom-space {
	padding: 50px;
}
Home page styles start
.whatwedo-bg {
    margin-right: 10px;
    align-self: center;
    width: 100px;
    height: 100px;
}
.whatwedo {
    margin-bottom: 1.5rem;
    height: calc(100% - 15px);
    padding: 0.675rem;
}
.whatwedo:hover {
    box-shadow: 0 0 10px -5px rgba(0, 0, 0, .6117);
}
.openteqservices {
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
}
.header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	z-index: 10000;
	transition: all 0.2s ease-in-out;
	height: auto;
	background-color: #091E4D;

	@media(min-width: 992px) {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0;
		z-index: 10000;
		transition: all 0.2s ease-in-out;
		height: auto;
		background: transparent;
	}
}
.hcurrent {
	background:#091E4D;
	box-shadow: 0px 1px 2px 0px #0000001F;
}
.secondary-header {
	background: #091E4D;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	z-index: 10000;
	transition: all 0.2s ease-in-out;
	height: auto;
}
.img_container {
	position: relative;
}
.img_container img {
	display: block;
	width: 100%;
	height: auto;
}
.overlay-text {
	position: absolute;
	top: 25%;
	max-width: 690px;
	color: #fff;
	@media(min-width: 992px) {
		top: 25%;
	}
}
.custom-btn {
	border: 1px solid #ffffff;
	border-radius: 15px;
	padding: 10px 10px !important;
	font-size: 16px;
	color: #31074f;
	font-weight: 600;
	transition: all 0.5s linear;
	background-color: #fff;

	@media(min-width: 992px) {
		padding: 15px 30px !important;
	}
}
.custom-btn:hover {
	color: #31074f;
	background-color: #fff;
}
.custom-btn .qodef-m-button-arrow-holder .qodef-m-arrow {
	fill: currentColor;
	font-weight: 600;
}
.opeteq-navbar .navbar-light .navbar-toggler {
	border-color: #fff;
}
#opeteq-navbar.navbar-light .navbar-nav .nav-link {
	font-size: 17px;
	color: #fff;
	padding: 0;

	@media(min-width: 992px) {
		padding: 0.75rem 0.95rem;
	}
}
#navbarSupportedContentmobile .dropdown-toggle[aria-expanded='false']::after {
	content: "";
	background: url('../../assets/images/angle-down-solid.svg');
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	float: right;
	border: 0;
}
#navbarSupportedContentmobile .dropdown-toggle[aria-expanded='true']::after {
	content: "";
	background: url('../../assets/images/angle-up-solid.svg');
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	float: right;
	border: 0;
}
#navbarSupportedContentmobile ul .drop .dropdown-menu {
	display: none;
}
#navbarSupportedContentmobile ul .drop.show .dropdown-menu {
	display: block;
	background: #091E4D;
	border: 0;
	padding: 0;
	max-width: 100%;
}
#navbarSupportedContentmobile .navbar-nav .nav-link {
	padding-left: 0rem;
	color: #fff;
}
#home-carousel .owl-prev{
	background: 0 0;
    width: 40px;
    height: 40px;
    font-size: 36px;
    line-height: 48px;
    color: #fff;
    background-color: transparent;
    visibility: visible !important;
    opacity: 1;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    top: 90%;
    z-index: 99;
	position: absolute;
    right: 80px;
    top: 0;
}
#home-carousel .owl-next{
	background: 0 0;
    width: 40px;
    height: 40px;
    font-size: 36px;
    line-height: 48px;
    color: #fff;
    background-color: transparent;
    visibility: visible !important;
    opacity: 1;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    top: 90%;
    z-index: 99;
	position: absolute;
    right: 150px;
    top: 0;
}
#home-carousel.owl-carousel .owl-item {
	/* opacity: 0; */
    transition-property: opacity;
    -webkit-transform: none;
    transform: none;
	backface-visibility: hidden;
  }
  
  #home-carousel.owl-carousel .owl-item.active {
	opacity: 1;
  	transition: transform .6s ease-in-out, -webkit-transform 0.6s ease-in-out;
	transition: -webkit-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
	animation-delay: .5s;
	backface-visibility: hidden;
  }
#home-carousel .owl-controls {
	position: relative;
    margin-top: -80px;
}
.homecarousel-space {
	padding-top: 95px;
	@media(min-width: 992px) {
		padding-top: 120px;
	}
}
.banner-wrapper {
	padding: 60px 0px 60px;
	max-width: 690px;
}
.banner-heading {
	color: #fff;
	font-family: "DMSans-Medium";
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 10px;

	@media(min-width: 992px) {
		margin-bottom: 23px;
	}
}
.banner-subheading {
	color: #fff;
	font-family: "DMSans-Regular";
	font-weight: 400;
	margin-bottom: 10px;

	@media(min-width: 992px) {
		margin-bottom: 23px;
	}
}
.heading {
	font-family: "DMSans-Medium";
	font-weight: 500;
	font-size: 30px;
	@media(min-width: 992px) {
		font-family: "DMSans-Medium";
		font-weight: 500;
		font-size: 34px;
	}
}

.sub-heading {
	font-family: "DMSans-Medium";
	font-weight: 500;
	font-size: 28px;
}
#industry-tabs li a {
    font-size: 18px;
    display: inline-flex;
    padding: 20px;
	border-bottom: 0;
    color: #000;
    padding: 10px 20px;
	margin-right: 10px;
}
#industry-tabs li {
	margin-top: 0;
	margin-bottom: 0;
}
#industry-content .tab-pane {
    padding: 40px 0;
}
#industry-tabs a.active, #industry-tabs a:hover {
	background-color: #223f80;
    color: #fff;
    padding: 10px 20px;
	margin-right: 10px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.technical {
	background-image: url('../images/leadership-uc.webp');
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	min-height: 530px;
	padding: 0;
}
.technical::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: " ";
	background-color: #0000002b;
}
.simple-card.card {
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, .16);
    border-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    max-width: 380px;
    margin: auto;
}
.btn-demo {
	padding: 10px 15px;
	background: #223f80;
	border: 1px solid #223f80;
	color: #fff;
	border-radius: 8px;
}

.btn-demo:hover,
.btn-focus {
	color: #fff;
}
.product-bg {
	background-color: #223F80;
	padding-bottom: 30px;
}
.single-technical {
	position: relative;
	border-right: 1px solid #fff;
	min-height: 100vh;
}

.single-technical-text {
	padding: 20px 15px;
	z-index: 999;
	position: absolute;
	top: 88%;
	bottom: 0;
	min-height: 100%;
}

.single-technical:hover .single-technical-text {
	top: 10%;
	transition: .9s ease-in;
}
.img-firstbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	@media (min-width: 768px) {
        display: flex;
        flex-direction: row;
    }
}
.img-box {
    max-width: 200px;
    height: 120px;
    padding: 27px 24px;
}
.culture-OpenTeQ {
    background-image: url(../images/culture-bg-compress.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 480px;
}
.culture-OpenTeQ-details {
    width: 100%;
    background: #223f80;
    padding: 20px 50px;
    bottom: 0;
    position: absolute;
    color: #fff;
    right:0;
	@media(min-width: 992px) {
		width: 40%;
	}
}
.submit-enquiry {
    background-color: #000;
}
.single-case-txt p{
	color: #fff;
}
.single-news-blog {
	position: relative;
	min-height: 340px;
}
.single-news-blog-button {
	position: absolute;
	bottom: 0;
}
.single-news-blog-txt .site-heading{
	padding: 14px 0 0 0;
	color: #2A2A2A;
	font: normal 400 20px/normal "DMSans-regular";
}
.netsuite-img {
	width: 200px !important;

	@media(min-width: 992px) {
		width: unset !important;
	}
}
/* arrow styles start*/
.qodef-m-button-arrow-holder {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	overflow: hidden;
	transform: translateX(-1px);
	fill: currentColor;
	font-weight: 600;
}
.qodef-m-text {
	font-size: 12px;

	@media(min-width: 992px) {
		font-size: 16px;
	}
}
.qodef-m-button-arrow-holder .qodef-m-arrow:first-child {
	transform: translateY(0) translateZ(0);
}
.qodef-m-button-arrow-holder .qodef-m-arrow {
	display: inline-block;
	transition: transform .3s ease-out;
}
.qodef-button.qodef-html--link {
	letter-spacing: -.015em;
	font-weight: 500;
	font-family: inherit;
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	width: auto;
	margin: 0;
	text-decoration: none;
	outline: 0;
	transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
	padding: 15px 30px;
}
.qodef-button.qodef-html--link.opt-btn {
	border: 1px solid #fff;
	color: #fff;
	border-radius: 10px;
}
.qodef-button-arrow--enable .qodef-button.qodef-html--link {
	opacity: 0;
}
.qodef-button-arrow--initialized .qodef-button.qodef-html--link {
	opacity: 1;
}
.qodef-m-button-arrow-holder .qodef-m-arrow:first-child {
	transform: translateX(0) translateY(0);
	transition-delay: .1s;
	opacity: 1;
}
.qodef-m-button-arrow-holder .qodef-m-arrow {
	display: inline-block;
	transition: transform .3s ease-out;
}
.qodef-m-button-arrow-holder .qodef-m-arrow:last-child {
	position: absolute;
	opacity: 0;
	left: 1px;
	top: 1px;
	transition-delay: 0s;
	transform: translateX(-100%) translateY(100%) translateZ(0);
}
.qodef-m-button-arrow-holder .qodef-m-arrow {
	display: inline-block;
	transition: transform .3s ease-out;
}
.no-touchevents:not(.elementor-html) .qodef-custom-cursor-enabled.qodef-custom-cursor-dot {
	cursor: none !important;
}
.qodef-button.qodef-html--link:not(.qodef-layout--circle):hover .qodef-m-arrow:last-child {
	transform: translateX(0) translateY(0) translatez(0);
	transition-delay: .25s;
	opacity: 1;
}
.qodef-button.qodef-html--link:not(.qodef-layout--circle):hover .qodef-m-arrow:first-child {
	transform: translateX(100%) translateY(-100%) translateZ(0);
}
.qodef-button.qodef-html--links {
	border: 1px solid #fff;
	padding: 6px !important;
}
/* arrow styles end*/

.form-overlay {
	/* background: url(../../assets/images/netsuiteform-bg.webp); */
	padding: 0 0 60px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right;
}

.form-bg {
	background: #091E4D;
	border: 3px solid #fff;
	box-shadow: 0px 2rem 4rem -2rem rgba(0, 0, 0, 0.25);
}

#insert_netsuite_erp,
#insert_netsuite_custom,
#insert_netsuite,
#insert_netsuite_hire,
#insert_netsuite_bpo,
#insert_netsuite_license,
#insert_netsuite_form {
	background-color: #fff;
	border-radius: 10px;
	padding: 30px;
}
.fillthe-form.contactus-bg .form-group .form-control {
	border: 1px solid #555557 ;
	border-radius: 10px;
	padding-left: 25px;
	height: 50px;
}
.fillthe-form.contactus-bg .form-textarea{
	border: 1px solid #616164;
}
.form-group label {
	margin-bottom: 6px;
}

input[type=checkbox]~label,
input[type=radio]~label {
	position: relative;
	font-size: 16px;
	line-height: 17px;
	color: #333;
	font-weight: 400;
	padding-left: 20px;
	cursor: pointer;
}

input[type=checkbox],
input[type=radio] {
	margin-top: 0;
	margin-left: -5px;
	width: 18px;
	height: 18px;
}

.form-group input {
	border: 0 none;
	border-radius: 4px;
	/* height: 50px; */
	font-size: 16px;
	padding: 0 20px;
	border: 1px solid transparent;
}

.form-group {
	margin-bottom: 15px;
}

.form-group textarea {
	min-height: 80px;
	border: 0 none;
	resize: none;
	padding: 15px;
	background-color: #fff;
	border: 1px solid transparent;
}

.checkbox-row p {
	font-size: 20px;
	font-weight: 600;
	width: 100%;
}

.fillthe-form .btn-submit {
	background-color: #223f80;
	color: #ffffff;
	font-size: 18px;
	padding: 8px 20px;
}

.intl-tel-input {
	width: 100%;
}

.carousel-item img {
	width: 100%;
	min-height: 100vh;
	height: 100%;
}

#certified-logo .owl-item img {
	width: unset;
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
	right: auto;
	left: 12px !important;
}

/* #phone {
	padding: 13px 60px !important;
} */

.single-case-txt3.card-body h5,
.single-case-txt3.card-body p,
.single-case-txt3.card-body {
	color: #FFF;
	background-color: #000;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}

.single-case-txt1.card-body,
.single-case-txt3.card-body {
	padding: 45px 40px 30px;
}
.simple-card.card .single-case-txt3.card-body .single-case-button .qodef-button.qodef-html--links {
	border: 1px solid #FFF !important;
	padding: 6px !important;
}

.simple-card.card .single-case-txt3.card-body .single-case-button .qodef-button.qodef-html--links .qodef-m-button-arrow-holder {
	fill: #fff !important;
}

.simple-card.card .single-case-txt1.card-body .single-case-button1 .qodef-button.qodef-html--links .qodef-m-button-arrow-holder
{
	fill: #000 !important;
}
/* Footer styles  start*/
.footer {
	background-color: #f6f7fd;
}
.footer-border {
    border-bottom: 1px solid #cac9da;
    padding: 20px 0;
}
.widget_logo {
    margin-top: 20%;
}
.copyright {
    padding-top: 10px;
    padding-bottom: 10px;
}
.widget-title {
	color: #000;
	font: normal 500 20px/normal "DMSans-Medium";
	margin-bottom: 20px;
}
.widget-title a{
	color: #000;
}
#footer-carousel.owl-carousel .owl-item img {
	width: unset;
}
#menu-footer-services1 li {
	list-style: none;
}
ul#menu-footer-services {
	list-style: none;
	padding-left: 0;
}

ul#menu-footer-services li {
	margin-top: 0;
	margin-bottom: 8px;
}

ul#menu-footer-services li a {
	color: #000;
	font: normal 400 14px/normal "DMSans-Regular";
}
ul#menu-footer-services li:hover a {
	color: #223f80;
	padding-left: 5px;
}

ul.list-inline li,
ul#menu-footer-menu li {
	display: inline-block;
}
ul#menu-footer-menu li a {
	font-size: 14px;
	display: inline-block;
	padding-left: 2px;
	padding-right: 10px;
	padding-bottom: 0;
	margin: 0;
	color: #000 !important;
}
ul#menu-footer li a {
	font-size: 20px;
	padding-left: 2px;
	padding-right: 30px;
	margin: 0;
	color: #fff !important;
}
#menu-footer-services1 a {
    font-size: 14px;
	color: #000;
}
.social-icons img {
	width: 25px;
    border: 1px solid;
    padding: 4px;
    height: 25px;
    border-radius: 30%;
    text-align: center;
    line-height: 40px;
	margin-left: 6px;
}
.social-facebook.social-icons img:hover {
	background-color: #4267B2;
}

.social-twitter.social-icons img:hover {
	background-color: #1DA1F2;
}

.social-instagram.social-icons img:hover {
	background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf)
}

.social-linkedin.social-icons img:hover {
	background-color: #0A66C2;
}

.copy-right {
	color: #FFF;
	font: normal 400 14px/normal "DMSans-Regular";
	text-align: center;
}

#book-btn:hover a {
	border: 1px solid #fff;
	color: #fff;
	border-radius: 10px;
	padding: 8px 10px;
}

#book-btn:hover a::after {
	content: '';
	display: inline-block;
	width: 25px;
	height: 10px;
	background-image: url('../../assets/images/arrow_outward.svg');
	background-repeat: no-repeat;
	background-position: center center;
}

.title {
	position: relative;
}

#blog-news-carousel .owl-nav {
	display: flex;
	position: absolute;
	top: -15%;
	left: 94%;
}

#blog-news-carousel .owl-nav .owl-next {
	margin-left: 10px;
}

#navbarSupportedContent .dropdown-menu {
	position: absolute;
	background-color: #fff;
	width: 100%;
	left: 0;
	z-index: 1;
	padding: 0px !important;
	color: #344251;
	border: 0;

	@media(min-width: 992px) {
		position: absolute;
		background-color: #fff;
		width: 100%;
		left: 0;
		box-shadow: 0px 4px 20px 0px rgba(107, 108, 134, 0.25);
		z-index: 99;
		padding: 0px !important;
		color: #344251;
		border: 0;
		margin: -0.575rem 0;
	}
}

#opeteq-navbar .dropdown-toggle {
	z-index: 5;
	flex-direction: row;
	padding: 0;
	line-height: normal;
	display: flex;
	position: static;

	@media(min-width: 992px) {
		line-height: 3.38;
	}
}

@media(min-width: 992px) {
	#opeteq-navbar .dropdown:hover .dropdown-menu,
	#opeteq-navbar .dropdown:focus .dropdown-menu {
		display: block;
		transition: all .1s ease-out;
		cursor: pointer;
	}
}

#navbarSupportedContentmobile .dropdown-item,
#opeteq-navbar .dropdown-item {
	display: block;
	padding: 10px 5px;
	color: #fff;
	font-size: 13px;
	line-height: 1.5;

	@media(min-width: 992px) {
		color: #000;
	}
}

@media(min-width: 992px) {
	#opeteq-navbar .dropdown-toggle::after {
		display: none;
	}
}

#navbarSupportedContent .dropdown-item:focus,
.dropdown-item:hover {
	/* max-width: 250px; */
	padding: 10px 25px;
	color: #fff !important;
	background-color: #091E4D !important;
}

#netsuite-services .owl-nav,
#clients-carousel .owl-nav {
	display: none;
}

.life-OpenTeQ-right {
	display: flex;
	height: 100%;
	width: 80%;
	justify-content: center;
	align-items: center;
	margin: auto;
}

.career-left2 {
	display: flex;
	height: 100%;
	align-items: center;
}

.career-text {
	padding: 10px 35px;
}

.right-space {
	padding-right: 4.5rem;
}
/* footer styles end */

/* about us page styles start */
.mb-25 {
    margin-bottom: 25px !important;
}
.OpenTeQ-advantage {
	background-color: #f7f9fe;
}
.opt-adv {
    text-align: center;
    display: table;
    width: 100%;
    margin-top: 27px;
}
.opt-adv i {
    font-size: 60px;
    color: #2d4a8a;
    margin-bottom: 15px;
}
.about-text {
	font-size: 19px;
	text-align: center;
}
.about-header::before {
    width: 52px;
    bottom: 10px;
    height: 4px;
    left: 15px;
    top: auto;
    position: absolute;
    content: '';
    border: 4px solid transparent;
    border-bottom: 0;
    margin-bottom: 5px;
	border-top-color: #2d4a8a !important;
}
.opt-benefits .values-ben {
	display: none;
	background-color: #fff;
	border: 1px solid #b1b2b4;
	border-radius: 5px;
	padding: 45px;
	height: 200px
}

.opt-benefits:hover .values-ben {
	display: block;
	transition: 10s
}

.opt-benefits:hover .values-disp {
	display: none
}

.values-ben {
	text-align: center
}

.values-disp {
	text-align: center;
	padding: 45px;
	border: 1px solid #b1b2b4;
	border-radius: 5px;
	height: 200px
}

.values-disp i {
	font-size: 50px;
	margin-bottom: 25px;
	color: #2d48a8
}	
.single-explore-OpenTeQ {
    border: 1px solid #e7e7e7;
    height: calc(100% -  -15px);
}
.single-explore-OpenTeQ:hover {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
}
.about-readybg {
    background-image: url(../images/aboutready-bg.webp);
	margin-bottom: -50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	position: relative;
	margin-top: 60px;
}
.aboutbg-overlay {
	position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
	opacity: .80;
	background-color: #233d82;
}
.quote-btn {
 	background: transparent;
	border: 1px solid rgba(225,225,225,0.2);
	padding: 10px 30px;
	color: #fff;
	margin-top: 10px;
}
.quote-btn:hover {
	color: #000;
	background: #fff;
}
.single-services-technologies img {
    margin-bottom: 20px;
}
.services {
	font-size: 19px;
}
/* about us page styles end */
/* Approach page styles start */
.opt-approach {
    background: url(../images/global-delivery.webp);
    background-size: cover;
    padding: 100px 0;
    border-radius: 10px;
    position: relative;
}
.opt-engage {
    background: url(../images/engagement-model.webp);
    background-size: cover;
    padding: 100px 0;
    border-radius: 10px;
    position: relative;
}
.opt-approach::before, .opt-engage::before{
    position: absolute;
    content: "1";
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.opt-appr {
    position: relative;
    text-align: center;
}
.opt-appr a i {
    color: #fff;
    font-size: 60px;
    margin-bottom: 25px;
}
.opt-appr-color {
    color: #fff;
}
.speak-btn {
	background: transparent;
   border: 1px solid #fff;
   padding: 10px 30px;
   color: #fff;
   margin-top: 10px;
   border-radius: 30px;
}
.speak-btn:hover {
   color: #000;
   background: #fff;
}
/* Approach page styles end */
/* technology page styles start */
.technology-overlay {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 426px;
    background: linear-gradient(90deg, #D7D4CB 22%, rgba(180, 198, 206, 0.00) 100%);
}
.menu-links {
    color: #9F9F9F;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    padding: 22px 0px;
	margin-bottom: 0;
}
.tech-img {
	border: 1px solid #B8B8B8;
	margin: 0px 10px;
	width: 100%;
	height: auto;
	overflow: hidden;
  }
.tech-border {
	padding: 30px 48px;
  }
  .tech-img .tech-border:hover img {
	transform: scale(1.5);
  }
  /* technology page styles end */
/* career page styles start */
.life-OpenTeQ-left {
	position: relative;
  }
  .life-OpenTeQ-left-overflow {
	position: absolute;
	top: 36%;
	left: 42%;
  }
  @media (min-width: 735px) and (max-width: 1024px) {
	.life-OpenTeQ-left-overflow {
	  position: absolute;
	  top: 24%;
	  left: 32%;
	}
  }
  .single-find-at {
	text-align: center;
	background: #F9F9F9;
	padding: 25px;
	max-height: 260px;
	min-height: 260px;
	border: 1px solid rgba(0, 0, 0, .05);
  }
  .single-find-at:hover {
	border: 1px solid #189BD7;
	background: #F3FBFF;
  }
  .find-at-img img {
	width: 60px;
	background: #000;
	border-radius: 50%;
	padding: 14px;
	height: 60px;
	margin-bottom: 13px;
  }
  .find-title {
	font-weight: 700;
	font-size: 17px;
	margin-bottom: 10px;
  }
/* career page styles end */
/* application services styles start */
/* .short-links {
    background: #202938;
}
.short-nav li {
    padding: 0 30px;
	margin: 0;
}
.short-nav li a i {
    padding-right: 10px;
}
.short-nav li a {
    color: #fff;
}
.short-nav li a:hover {
    color: #233d82;
} */
.card.mobilitycard {
    padding: 50px 0;
    flex-direction: row;
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, .16);
}
.industry-list ul li {
	list-style: none;
}
.highlight-list li {
	padding-bottom: 20px;
}
.industry-list li i , .highlight-list li i{
	color: #2d4a8a;
	margin-right: 5px;
    margin-top: 1%;
}
.our-highlights {
    background: url(../images/application_services/application-serv-bg.webp) no-repeat center;
    background-size: cover;
    padding: 60px 0 35px;
    position: relative;
}
.our-highlights:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
}
.highlight-text {
	color: #fff;
}
.moretext {
	display: none;
  }
  .moreless-button {
	font-size: 15px;
	font-weight: bold;
  }
/* application services styles end */
/* mobile app development styles start */
.opt-dedicated-teams {
    display: inline-flex;
    margin-bottom: 15px;
}
.team-head-icon {
    margin-right: 3em;
}
.mobile-bg {
	background-color: #f9f9f9;
}
.card.netcard {
    max-width: 450px;
    margin: auto;
    height: calc(100% - 20px);
}
.card.supplycard {
	padding: 25px;
    flex-direction: column;
    height: 100%;
    border-radius: 16px;
	margin-bottom: 20px;
}
.card.supplycard:hover {
	box-shadow: 0 0 30px 10px rgba(0, 0, 0, .16);
}
.tech-exp-list ul li {
    display: inline-block;
    padding: 20px 30px;
}
.key-factors {
    background-color: #016ECC0F;
}
.guidecard {
	max-width: 450px;
    margin: auto;
    height: calc(100% - 20px);
	box-shadow: rgba(0, 0, 0, .2) 6px 4px 21px 1px;
    border-radius: 20px;
    margin: 0 0 20px;
}
.guidecard img {
    border-radius: 20px 20px 0 0;
    min-height: 253px;
    max-height: 253px;
    width: 100%;
}
.readmore {
	background: #2d4a8a;
    color: #fff;
    border-radius: 25px;
	width: 130px;
	padding: 8px 12px;
    margin-bottom: 30px;
	border: 1px solid #2d4a8a;
	font-size: 16px;
}
.readmore:hover, .readmore:focus {
	background: #2d4a8a;
    color: #fff;
	border: 1px solid #2d4a8a;
}
.sales-bg {
	background-color: #2d4a8a;
}
/* Sapdata services start */
.card.sapcard {
    box-shadow: 0px 1px 24px 5px rgb(0 0 0 / 10%);
	border: none;
	border-radius: 0;
	/* height: calc(100% - -15px); */
	min-height: 100%;
}
.saphead {
	padding: 10px;
    border-left: 4px solid #2d4a8a;
    border-bottom: 1px solid #d4d4d4;
}
.sappara {
	padding: 10px;
}
.relservicesimg {
    background: url(../images/sap_dataservices/sap-bg.webp) no-repeat;
    min-height: 150px;
    padding: 100px 0;
	@media (max-width: 992px) {
		margin-bottom: 10px;
	}
}
.sapinvestment {
    background: url(../images/sap_dataservices/sap-bg.webp) no-repeat;
    padding: 100px 0;
    position: relative;
}
.card.testing-border {
	height: calc(100% - 10px);
	border: none;
}

.testing-border:hover {
	box-shadow: 0 0 30px 10px rgba(0, 0, 0, .16);
}
/* Sapdata services end */
/* insurance page styles start */
.industry-solution {
    background: #f0f8ff;
    padding: 75px 25px;
}
.opt-ind-sol {
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    padding: 25px;
	height: calc(100% - 15px);
}
.opt-ind-sol h5 {
    font-size: 17px;
	margin-bottom: 30px;
}
.opt-ind-sol img {
    margin-bottom: 20px;
} 
.our-highlights-ind {
	background: url(../images/insurance/healthcare-highlight-bg.webp) no-repeat center;
    background-size: cover;
    padding: 60px 0 35px;
    position: relative;
}
.our-highlights-ind::before {
	position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
}
.app-highlights ul li {
	color: #fff;
}
.ind-related-serv {
    background: url(../images/insurance/services.webp);
    background-size: cover;
    padding: 100px 0;
    border-radius: 10px;
    position: relative;
    margin-bottom: 15px;
    height: 240px;
}
.ind-related-serv::before {
    position: absolute;
    content: "1";
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.ind-serv {
    position: relative;
    text-align: center;
}
.ind-serv a {
    color: #fff;
    font-size: 21px;
    text-transform: uppercase;
}
/* insurance page styles end */
/* industry styles start */
.inds-section .opc-serv {
    height: 220px;
    margin-bottom: 20px;
	box-shadow: 0 0 2px 1px #e7e7e7;
    padding: 25px;
}
.opc-serv-icon img {
    margin-bottom: 15px;
}
.opc-serv:hover {
	background-color: #2d4a8a;
}
.opc-serv:hover .opc-ser-head h6 {
	color: #fff;
}
/* industry styles end */
/* case study styles start */
.widget-area .case-widget  {
    position: relative;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, .2) 6px 4px 21px 1px;
	border-radius: 20px;
}
.widget-categories ul  {
	padding: 0;
	list-style: none;
}
.widget-categories ul li {
	border-bottom: 1px solid #f0f0f0;
	padding: 12px 0;
}
.widget-categories ul li a:before {
    content: "";
    background: url(../images/plus-solid.svg);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
    line-height: 12px;
}
/* case study styles end */
/* Contact new styles start */
.contact-bg {
	background-color: #f7f9fe;
}
#insert_contact .form-control {
	padding: 10px 12px;
	height: auto;
	border-radius: 0;
	font-size: 12px;
	background-color: transparent;
	border: 1px solid #999;
	width: 100%;
	display: block;
}
.iti {
	width: 100%;
}
.contc-details {
	min-height: 380px;
	height: calc(100% - 15px);
}
.c-border {
    border: 1px solid #eaeaea;;
    /* padding: 1rem;
    border-radius: 16px;
    background-color: #fff;
    max-width: 400px;
    height: calc(100% - 15px); 
	transition: all .5s !important;
    box-shadow: 0px 2rem 4rem -1rem rgba(0, 0, 0, 0.25);  */
}
.opt-loc {
    background: #f8f8f8;
    color: #233d82;
    padding: 25px 40px;
    border-bottom: 1px solid #eaeaea;
}
.opt-loc-add {
    padding: 25px;
}
.opt-loc img {
    border-radius: 10px;
}
.opt-loc .title {
    color: #233d82;
    margin: 0;
    /* font-style: italic; */
	font-size: 19px;
	font-weight: 600;
}
.opt-form-submit {
    padding: 80px 0 40px;
    margin-top: 150px;
    border-top: 1px solid #e7e7e7;
}
.opt-address-list li {
	margin-left: 5px;
	margin-bottom: 15px;
	list-style: none;
}
.opt-address-list {
	font-weight: 400;
	font-size: 14px;
	line-height: 25px;
	color: #6e6e6e;
}
.opt-address-list li i {
	position: absolute;
	left: 35px;
	margin-top: 3px;
	font-size: 19px;
}
.loc-link {
	color: #343a40;
}
.contact-topspace {
	padding-top: 90px;
	padding-bottom: 90px;
}
/* Contact new styles end */
#insert_service_popup .form-group {
	margin-bottom: 10px;
}
.subscription-heading {
	color: #223f80;
	font-family: "DMSans-Medium";
	font-weight: bold;
	font-size: 30px;
	text-transform: capitalize;
}
/* Job details styles start */
.fulltime {
	padding: 2px 30px;
	background-color: #eff4ff;
	border-radius: 10px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.jobtype {
	font-size: 12px;
	color: #2d4a8a;
	margin-bottom: 0;
	font-weight: bold;
}
.job-card {
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 2px 20px rgba(30, 10, 58, 0.2);
	border: 1px solid #fff;
	padding: 20px;
	margin-bottom: 20px;
}
.apply {
	background: #2d4a8a;
	color: #fff;
	border-radius: 10px;
	padding: 6px 10px !important;
	margin-bottom: 30px;
	border: 1px solid #2d4a8a;
	font-size: 14px;
}
.apply:hover, .apply:focus {
	background: #2d4a8a;
	color: #fff;
}
.gap {
	gap: 15px;
}
.job-list {
	list-style: none;
	padding-left: 0;
}
.job-list li {
	color: #868686;
}
.job-list li i {
	color: #2d4a8a;
	margin-right: 5px;
	margin-top: 1%;
}
.job-desc {
	color: #868686;
	margin-bottom: 2rem;
}
.job-location {
color: #868686;
margin-bottom: 0;
}
.job-subheading {
font-size: 22px;
}
.job-interest {
	font-size: 18px;
}
.designation {
	font-size: 14px;
	margin-bottom: 0;
	line-height: normal;
}
.company {
	font-size: 13px;
	color: #868686;
	font-weight: bold;
	margin-bottom: 5px;
}
i.location {
	font-size: 15px;
	margin-bottom: 5px;
    vertical-align: bottom;
    color: #2d4a8a;
    margin-right: 5px;
    align-self: center;
}
/* Job details styles end */
/* itstaff agumentation styles start */
.submit-btn {
	border: 1px solid #223f80 !important;
	border-radius: 6px; 
	padding: 0.5rem 1.5rem !important;
	font-size: 16px;
	/* transition: all 0.5s linear !important; */
	background-color: #223f80 !important;
	color: #fff !important;
	cursor: pointer;
}
.itstaff-bg {
	background: rgb(19, 34, 53);
	padding: 50px 0;
}
.staff-border::after {
	content: "";
    height: 120px;
    position: absolute;
    right: 70px;
    top: 0px;
    width: 1px;
    background: rgba(79, 105, 139, 0.41);
}
.staff-list  {
	list-style-type: disc;
}
.staff-list li {
	margin-bottom: 12px;
	color: #000;
	font-weight: bold;
}
.palcement {
	font-size: 12px;
	color: #666;
	line-height: normal;
}
.percent-border::before {
	content: "";
	background: red;
    border-right: 1px solid red;
    margin-right: 10px;
}
.gridgap {
	gap: 6rem;
}
.grey-bg {
	background-color: #f9f9f9;
}
.blue-bg {
	background-color: #F1F6FF;
}
.img-border {
   border: 1px solid #cccccc;
}
.grey-color {
	color: #8a8a8a;
}
.technicalcard {
   background-color: #ffffff;
   padding: 40px 20px;
   margin-bottom: 20px;
   height: calc(100% - 15px);
   border-radius: 10px;
   box-shadow: 0 0 6px 0px #0000000F;
}
.tech-heading {
   font-size: 20px;
   color: #233d82;
   margin-bottom: 7px;
   font-weight: bold;
}
.ndacard {
	border: 2px solid #fff;
	padding: 28px;
	color: #fff;
	border-radius: 10px;
	margin-bottom: 20px;
	background-color: transparent;
}
.ndacardeven{
	border: 2px solid transparent;
	padding: 28px;
	color: #fff;
	border-radius: 10px;
	margin-bottom: 20px;
	background-color: #fff;
}
.ndacardeven p {
	color: #000;
	font-size: 1rem;
}
.number {
	font-size: 3.125rem;
	color: #223f80;
	font-weight: bold;
}
.numgap {
 gap: 30px;
}
.oursoftware {
	background-color:#231f20;
}
.ndacard p {
	font-size: 1rem;
}
.finance {
    background-image: url(../images/sapservices/inhousedevelopment_one.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px;
    position: relative;
	display: flex;
	align-items: center;
	background-position: center;
}
.financeoverlay-text {
    max-width: 800px;
    color: #000;
	padding: 60px 100px 30px 30px;
}
.schedule {
	max-width: 300px;
}
.contact-staffform .form-group input, .contact-staffform .form-group textarea {
	border-bottom: 1px solid #000;
    background-color: transparent !important;
	border-radius: 0;
}
#accordionExample .card-header h2 .btn-link[aria-expanded='false']::after {
    content: "";
    background: url(../images/plus-solid.svg);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
	position: absolute;
    right: 30px;
    line-height: 12px;
}
#accordionExample .card-header .btn-link {
    color: #000;
    font-weight: 600;
    text-wrap: wrap;
	text-decoration: none;
	padding: 0;
	font-size: 14px;
	@media(min-width: 992px) {
		font-size: 16px;
	}
}
#accordionExample .card-header h2 .btn-link[aria-expanded='true']::after {
    content: "";
    background: url(../images/minus-solid.svg);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
	position: absolute;
    right: 30px;
    line-height: 12px;
}
#accordionExample .card {
	background-color: #fff;
	border: 0;
}
#accordionExample .card-header {
	background-color: transparent;
	border-bottom: 1px solid #cac9da;
	padding: 1.2rem 0;
	border-radius: 0;
}
#accordionExample .card-body {
	padding: 1.25rem 0 0 0;
}
/* itstaff agumentation styles end */
.staffing-bg {
	background-color: #13094D;
	padding-bottom: 20px;
	@media(min-width: 992px) {
		background: url('../images/sapservices/staff-augumentation-1.png') rgba(9, 30, 77, 0.3);
		background-blend-mode: multiply;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		padding-bottom: 0px;
		position: relative;
	}
}
.left-div,
.right-div {
	width: 100%;

	@media(min-width: 992px) {
		width: 100%;
	}
}
#insert_netsuite_form.campaign-contact {
	background-color: #fff;
	border-radius: 10px;
	padding: 1.5rem 2rem;
	box-shadow: 0rem 2rem 4rem -2rem rgba(0, 0, 0, 0.25);
}
.campaign-contact .form-group .form-control {
	border: 1px solid #000;
	color: #000;
	border-radius: 6px;
	padding-left: 15px;
	height: 40px;
}
.submit-btn {
	border: 1px solid #223f80;
	border-radius: 6px;
	padding: 0.5rem 1.5rem !important;
	font-size: 16px;
	/* transition: all 0.5s linear; */
	background-color: #223f80;
	color: #fff !important;
	cursor: pointer;
}
.sap-width {
	max-width: 700px;
}
.campaigns-form {
	margin-top: 40px;
}
.right-div {
	background-color: rgba(0, 0, 0, 0); ;
	border: 1px solid hsla(0, 0%, 100%, .4);
    border-radius: 8px;
    padding: 20px;
}
.campaigns-contact .form-group .form-control  {
    color: #fff;
    padding: 16px;
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 8px;
    width: 100%;
    background-color: hsla(0, 0%, 100%, .1);
    font-size: 18px;
    resize: none;
}
.campaigns-contact .form-group .form-control::placeholder {
	color: #fff;
	font-size: 14px;
}
.staff-btn {
	display: inline-flex;
    align-items: center;
    justify-content: center;
	border-radius: 8px;
	border: 1px solid hsla(0, 0%, 100%, .4);
	padding: 8px 16px;
    font-weight: 600;
    color: #fff;
	background-color: hsla(0, 0%, 100%, .2);
    text-transform: capitalize;
    text-align: center;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 17px;
}
.staff-btn:focus {
	outline: none;
}
.lh-base {
	line-height: normal;
}
.expert {
	height: 30px;
    width: 30px;
    border-radius: 50%;
    display:inline-block;
    transition: all 1000ms ease;
	background-color: #cccccc;
	margin-top: -7px;
}
.expert:first-child:after {
	content: '';
	display: inline-block;
    height: 75px;
    width: 2px;
    margin-left: 50%;
    transition: all 800ms ease;
	background-color: #cccccc;
}
.expert:nth-of-type(2):after {
	content: '';
	display: inline-block;
    height: 40px;
    width: 2px;
    margin-left: 50%;
    transition: all 800ms ease;
	background-color: #cccccc;
}
.expert:last-child::after {
	display: none;
}
/* new header styles start */
#servicetabs .nav-item .nav-link.active {
	/* background-color: rgba(24, 155, 215, 10%); */
	background-color: #091E4D;
	border-radius: 3px;
	color: #fff !important; 
	font-size: 14px !important;
	font-weight: 500;
	padding: 3px 10px !important;
	border: 1px solid rgba(24, 155, 215, 10%);
	margin-bottom: 7px;
	width: 278px;
	position: relative;
}
#servicetabs .nav-item .nav-link {
	background-color: transparent;
	border-radius: 0;
	font-size: 14px !important;
	font-weight: 500;
	padding: 3px 10px !important;
	border: 0;
	margin-bottom: 7px;
	width: 278px;
	position: relative;
}
.enterprise {
	color: #000;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 7px;
	line-height: normal;
}
.enterprise-para {
	color: #2A2A2A;
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: normal;
}
.enterprisecard {
	background-color: #F2F2F2;
	padding: 12px;
	border: 1px solid #F2F2F2;
	border-radius: 6px;
	margin-bottom: 8px;
	height: calc(100% - 15px);
}
.colcard {
	flex: 1 1 calc(33.33% - 20px);
	display: flex;
}
.netsuite-heading {
	font-size: 14px;
	color: #000;
	margin-bottom: 3px;
	font-weight: 600 !important;
}
.netsuite-para {
	font-size: 12px;
	color: #000;
	margin-bottom: 3px;
	font-weight: 500;
	line-height: normal;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: wrap;
    max-width: 230px;
}
.enterprisecard:hover {
	border: 1px solid #189BD7;
	background-color: #fff;
}
.enterprisecard:hover .netsuite-heading {
	color: #189BD7;
}
#servicetabs .nav-item .nav-link.active::after {
	content: '';
	background-image: url(../images/sapservices/arrow-small.svg);
	width: 14px;
    height: 12px;
    display: inline-block;
	position: absolute;
    top: 12px;
    right: 10px;
	filter: brightness(0) saturate(100%) invert(100%);
}
#servicetabs.nav-tabs {
	border-bottom: 0;
}
.header-border {
	border-right: 1px solid #189BD7;
	min-height: 370px;
}
.header-bottom {
	border-bottom: 1px solid #189BD7;
}
.headerappcard {
	background-image: url(../images/sapservices/application_modernization.png);
	width: 300px;
	height: 105px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	border-radius: 6px;
}
.text-space {
	padding: 23px;
}
.megamenu .tab-content {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.headertop-space {
	padding-top: 0.8rem;
}
/* sap services styles start */
.canhelp {
	background-color: #000000;
	padding: 40px 50px;
}
.img-radius {
	border-radius: 6px;
}
.whoknowsap {
	background-color: #000000;
	padding: 40px 16px;
}
.sapcard {
	background-color: #f2f2f2;
	padding: 20px 15px;
	border-top: 5px solid #74C0FC;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-bottom: 20px;
	height: calc(100% - 15px);
}
.sap-heading {
	font-size: 18px;
	color: #000;
	margin-bottom: 7px;
	font-weight: bold;	
}
.sap-para {
	font-size: 14px;
	margin-bottom: 0;
}
.achieve {
	max-width: 730px;
	margin: 0 auto;
}
.hightlight {
	border: 1px solid #8900C5;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.border-box {
	border-right: 1px solid #8900C5;
	padding: 15px 20px;
	height: 100%;
}
.upgrade {
	font-size: 20px;
	font-weight: bold;
}
.wemeasure {
	max-width: 630px;
}
.reputation {
	padding: 20px 15px;
	border-top: 1px solid #cccccc;
	margin-bottom: 20px;
	height: calc(100% - 15px);
}
.blogcard {
	background-color: #FFFFFF;
	padding: 20px 15px;
	border-top: 5px solid #8900C5;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-bottom: 20px;
	height: calc(100% - 15px);
}
.blogbg {
	background-color: #f2f2f2;
	display: none;
}
.sap {
	border-bottom: 2px solid #007bff;
	width: 30px;
	color: #000;
}
/* .readmore {
	font-size: 16px;
	color: #007bff;
	margin-top: 20px;
} */
.blogpara {
	font-size: 14px;
    margin-bottom: 20px;
}
.contact-btn {
	background: #fff;
    color: #000;
    padding: 8px 20px;
    margin-top: 20px;
}
/* sap services styles end */
/* sap Testing services styles start */
.reduce-bottom {
	border-bottom: 1px solid #cccccc;
}
.para-color {
	margin-bottom: 18px;
    margin-top: 18px;
	color: #233d82;
}
.para-color::before {
	content: "✓";
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 15px;
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid #233d82;
	vertical-align: middle;
	font-size: 20px;
	color: #233d82;
	text-align: center;
}
.expertise{
	background-color: #f6f6f6;
}
.bussiness-bg {
	padding: 12px;
	background-color: transparent;
	border-radius: 8px;
	margin-bottom: 15px;
}
.sapprocess {
	display: none;
	margin-bottom: 10px;
  }
.bussiness-bg:hover {
	padding: 15px 20px;
	background-color: #fff;
	border-radius: 8px;
	margin-bottom: 30px;
	transition: 0.5s;
	transform: translateY(-10%);
}
.bussiness-bg:hover .sapprocess {
	display: block;
	margin-bottom: 10px;
}
.testingservicescard {
	display: flex;
	flex-direction: column;
	background-color: #f9f9f9;
	padding: 30px 40px;
	margin-bottom: 10px;
	border-radius: 6px;
	height: calc(100% - 15px);
}
.testingservicescard:hover {
	background-color: #233d82;
}
.testingservicescard:hover h6 {
	color: #fff;
}
.testingservicescard:hover img {
	filter: brightness(0) saturate(100%) invert(100%);
}
.testingservicescard:hover p {
	color: #fff;
}
.sap-advantage li {
 	font-size: 14px;
	margin-bottom: 10px;
	list-style: none;
}
.sap-advantage li::before {
	content: "";
	background-image: url(../images/sapservices/list-style.svg);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 10px;
    transform: translate(10px, 2px);
}
.sap-border {
	border-right: 1px solid #cccccc;
}
.ourservicescard {
	background: transparent linear-gradient(336deg, #e7f1f3, #f9f9f9) 0 0 no-repeat padding-box;
	padding: 40px 20px;
	box-shadow: 20px 60px 60px 24 #233d82;
	border: 2px solid #fff;
    border-radius: 30px;
	margin-bottom: 30px;
}
.oursapgap {
	gap: 15px;
}
.saptestingservice {
	background-color: #000;
}
.borderclass {
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}
.list-items {
	padding-left: 30px;
}
.list-items li {
	list-style-type: disc;
	color: #fff;
	margin-bottom: 10px;
}
.trustus {
	border-top: 2px solid #000;
	padding: 20px 15px;
}
.bottom-spacetwo {
	padding-bottom: 2rem;
}
#sapform .form-control {
 	border: 1px solid #000 !important;
	margin-bottom: 0.5rem;
	border-radius: 8px !important;
}
.rightdiv {
	flex: 1;
}
.technicalcard {
	background-color: #ffffff;
	padding: 40px 20px;
	margin-bottom: 20px;
	height: calc(100% - 15px);
	border-radius: 10px;
	box-shadow: 0 0 6px 0px #0000000F;
}
.professional-it {
	font-size: 14px;
}
/* sap Testing services styles end */
/* home page video styles */
.bg-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
  }
  .videocontent {
	position: relative;
	color: white;
	text-align: center;
	z-index: 1;
  }
  .video-bg {
	position: relative;
	width: 100%;
	height: 712px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .videooverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(9, 30, 77, 0.5);
	z-index: -1;
  }
/* home page video styles end*/
/* hire python page styles start */
.sapnetsuite-bg {
	background-color: #13094D;
	padding-bottom: 20px;
	@media(min-width: 992px) {
		background: url('../images/sapservices/itstaff_banner.png') rgba(9, 30, 77, 0.3);
		background-blend-mode: multiply;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height: 630px;
		padding-bottom: 0px;
		position: relative;
	}
}

.sapnetsuite-bg2 {
	background-color: #13094D;
	padding-bottom: 20px;
		background: url('../images/hire-web3-developers_03.png') rgba(9, 30, 77, 0.3);
		background-blend-mode: multiply;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		padding-bottom: 0px;
		position: relative;
		z-index: 1;
}
.sapnetsuite-bg2::before{
	@media(min-width: 992px){
		content: "";
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .4);
		position: absolute;
		z-index: 0;
		margin-top: -50px;
		}
}
.costcard {
    border: 1px solid #ddd;
    border-radius: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
	padding: 30px;
  }
  .call-border {
	position: relative;
  }
  .call-border::after {
	content: '';
 	display: inline-block;
	width: 100%;
	height: 1px;
	border-top: 1px solid #189bd7;
	position: absolute;
	top: 25px;
  }
  .applicationcard {
	display: flex;
	flex-direction: column;
	background-color: #f9f9f9;
    padding: 40px;
    border-radius: 16px;
	margin-bottom: 20px;
	height: calc(100% - 15px);
  }
  h6.with-underline {
	position: relative;
	padding-bottom: 20px;
  }
.applicationcard h6.with-underline::after {
    content: "";
	bottom: 0;
    left: 0;
	position: absolute;
    width: 40px;
    height: 4px;
    background-color: #13094D;
    border-radius: 8px;
	display: inline-block;
}
.engagementcard {
	display: flex;
	flex-direction: column;
	background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 16px;
    padding: 32px 24px;
    height: 100%;
}
/* hire python page styles end */
/* service page styles start */
.featured-content-new {
    padding: 25px;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    position: relative;
    margin-bottom: 30px;
}
.featured-content-new:before {
    content: "";
    background: #dbdbdb;
    width: 100%;
    height: 6px;
    position: absolute;
    top: 0;
    left: 0;
}
.featured-content-new:hover:before {
    background: linear-gradient(270deg, #9175eb 0, #2d4a8a 100%);
    content: "";
}
.featured-content-new:hover .opt-offer-list-bottom span {
    color: #5236ab;
}
.featured-content-new:hover .opt-offer-list-bottom i {
    color: #5236ab;
    padding-left: 5px;
    transform: translate(-50%, 0);
}
.opt-offer-list-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    border-top: 1px solid #d2d2d2;
    padding: 15px 25px;
}
.featured-content-new .a-height {
    display: inline-block;
    min-height: 200px;
}
.fw-600 {
	font-weight: 600;
}
.portfolio {
	font-weight: 600;
    font-size: 25px;
    line-height: 35px;
    padding-bottom: 10px;
}
/* service page styles end */
 /* new form styles */ 
 #new-form {
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(30, 10, 58, 0.2);
    border-radius: 20px;
  }
  .contactcard {
    background-color: #223f80;
    box-shadow: 0 2px 20px rgba(30, 10, 58, 0.2);
    border-radius: 20px;
  }
.contactform-bg {
    background-image: url(../images/contact_bg.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 50px 0;
    border-radius: 20px;
    background-size: 175px 175px;
}
  .contact-heading {
    font-size: 30px;
    color: #fff;
  }
  ul#menu-footer {
    list-style: none;
    padding-left: 0;
  }
  #menu-footer a {
    color: #fff;
  }
  #menu-footer i {
    color: #fff;
  }
  #menu-footer li {
    padding-top: 30px;
  }
  .contact-space {
    padding: 25px;
  }
  /* new form styles end */
  a.header-link, a:hover.header-link {
	color: #000;
  }
.bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(11, 24, 58, 0.5);
}
.ourservices {
    padding: 20px;
    background: #f0f0f0!important;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    position: relative;
    margin-bottom: 30px;
	border-radius: 6px;
}
.ourservices .discover {
	position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 15px 25px;
}
.ourservices .a-height {
	display: inline-block;
	min-height: 200px;
}
.app-heading {
	font-size: 20px;
    line-height: 1.5;
    color: #000;
}
#serviceExample .card-header .btn-link[aria-expanded='false']::after {
	content: "";
    background: url(../images/angle-down-solid_service.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 30px;
    line-height: 12px;
}
#serviceExample .card-header .btn-link[aria-expanded='true']::after {
	content: "";
    background: url(../images/angle-up-solid_service.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 30px;
    line-height: 12px;
}
#serviceExample .card-header .btn-link {
	color: #000;
    font-weight: 600;
    text-wrap: wrap;
    text-decoration: none;
    padding: 0;
	font-size: 20px;
}
#serviceExample .card-header {
    background-color: transparent;
    border-bottom: 1px solid #ebebec;
    padding: 1.2rem 0;
    border-radius: 0;
}
#serviceExample .card-body {
    padding: 1.2rem 0 0 0;
}
#serviceExample .card {
 	border: 0;
}
.serv-staff {
    background: #1f2041;
}
.quote {
	color: #fff;
	font-size: 60px;
	margin-bottom: 20px;
}
.addstroke {
	font-size: 25px;
	margin-bottom: 20px;
}
.team-head-icon i {
    font-size: 70px;
    width: 80px;
    color: #233d82;
}
.staff-contact {
	background-image: url(../images/staff-contact.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.staff-contact-bglayer {
	background-color: #233d82;
	opacity: 0.9;
}
.world-wide-img i {
	font-size: 70px;
    width: 80px;
    color: #E7E7E7;
}
.single-world-wide {
    display: inline-flex;
    padding: 38px 31px;
    flex-direction: column;
    background: #F9F9F9;
    align-items: flex-start;
    gap: 15px;
    margin-top: 30px;
	margin-bottom: 20px;
}
.single-world-wide:hover {
    background: #000;
    transition: 0.6s ease-in;
}
.single-world-wide:hover .world-wide-text p, .single-world-wide:hover .card__author, .single-world-wide:hover .card__job {
	color: #fff;
}
.world-wide-text p {
	margin-bottom: 0;
	min-height: 210px;
}
.order2_div {
    width: 100vw;
    max-width: 584px;
    /* padding-top: 80px; */
}
.order1_div {
	width: 100vw;
    max-width: 584px;
}
.soft-solutions-second {
    background: #f1f1f1;
}
.near-adv-icon {
	margin-bottom: 20px;
}
.opt-dedicated-team {
    background: url(../images/dedi-sec-bg.jpeg) no-repeat;
    background-size: cover;
    z-index: 0;
    background-position: center;
}
.opt-dedicated-team:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #233d82;
    opacity: .8;
    z-index: -1;
}
.dt-team-head-icon img {
    width: 250px;
    padding-right: 30px;
    margin-right: 60px;
}
.partner-opt {
    background: #1f2041;
	padding: 80px 0;
}
.partner-list li {
	color: #fff;
}
.btn-dedicate {
    border: 1px solid #233d82;
    border-radius: 30px;
    padding: 8px 20px;
    margin-top: 12px;
}
.image-holder {
    position: relative;
    /* width: 280px; */
}
.image-holder img {
    width: 100%;
    display: block;
    border-radius: 16px;
	margin-bottom: 20px;
}
.holderoverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); 
    display: flex;
    justify-content: start;
    align-items: end;
    border-radius: 16px;
}
.holderoverlay-text {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
	text-align: left;
    margin-left: 20px;
}
.image-holder:hover {
	transform: rotateY(180deg);
}
.rolloutcard {
    width: 280px;
    height: 250px;
    perspective: 1000px;
	margin-bottom: 20px;
}
.rolloutcard-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s ease-in-out;
}
.rolloutcard:hover .rolloutcard-inner {
    transform: rotateY(180deg);
}
.rolloutcard-front {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}
.rolloutcard-back {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    border-radius: 10px;
	padding: 20px;
}
.rolloutcard-front img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}
.rolloutcard-back {
    background: #091E4D;
    color: white;
    transform: rotateY(180deg);
    font-size: 18px;
    font-weight: bold;
}
.rolloutcard-back p{
 	font-size: 12px;
}
.productscard {
	background-color: #fff;
	padding: 30px 30px 30px 30px;
	border-radius: 6px;
	margin-bottom: 20px;
}
.sapproject {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 20px;
	@media(min-width: 992px) {
		display: flex;
		flex-direction: row;
	}
}
.projectanalysis {
	width: 100%;
	@media(min-width: 992px) {
		width: 20%;
	}
}
.analysis {
    width: 88px;
    height: 88px;
    background: url(../images/sap_implementation/cutting-bg.svg) no-repeat center;
	display: inline-block;
    /* -webkit-transition: .3s cubic-bezier(.3,.58,.55,1);
    transition: .3s cubic-bezier(.3,.58,.55,1); */
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	position: relative;
}	
.analysis::before {
    content: '';
    width: 140px;
    height: 1px;
    position: absolute;
    border-top: 1px solid #091E4D;
    z-index: -1;
    left: 90px;
}
.analysis:hover {
	transform: scale(1.1);
}
.projectanalysis:last-child .analysis::before {
	display: none;
}
.pss-text-area h6 {
	height: 46px;
}
.successcard {
	background-color: #fff;
	padding: 30px;
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
    align-items: stretch;
	height: calc(100% - 15px);
}
.sap-btns {
	background-color: #ccc;
	color: #000;
	padding: 6px 14px;
	font-size: 16px;
	border-radius: 6px;
	border: 1px solid #ccc;
	font-weight: 500;
}
.managedservice-bg {
	background: url(../images/aboutready-bg.webp) no-repeat center;
    background-size: cover;
    position: relative;
    margin-top: 60px;
	background-blend-mode: multiply;
	background-color:  rgba(35, 61, 130, 0.8);
}
.getstartaws {
	width: 50%;
	margin: auto;
	@media(min-width: 992px) {
		width: 20%;
		margin: unset;
	}
}
.heading-subpara {
	font-size: 18px !important;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0.5rem;
	color: #000;
}
.aws-bg {
	background-color: #f3f8fa;
}
.inner-content {
	padding: 30px 20px;
	background-color: #091E4D;
}
.inner-img img{
	width: 570px;
	height: 500px;
	object-fit: cover;
	object-position: center;
}
.sales-content {
	background-color: #091E4D;
	padding-bottom: 50px;
}
.planining {
	background-color: rgba(82, 78, 183,0.4);
	padding: 30px;
	position: relative;
	border-radius: 16px;
}
.plannninglist {
	list-style-type: none;
	border-top: 1px solid #189bd7;
	position: relative;
	margin-top: 20px;
}
.plannninglist li {
	color: #fff;
	margin-top: 20px;
}
.plannumber {
	font-size: 20px;
	font-weight: bold;
	color:#223F80;
}
.roadmap {
	display: grid;
    grid-template-columns: repeat(7, 1fr);
    justify-content: space-between;
}
@media (max-width: 992px) {
	.roadmap {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 480px) {
	.roadmap {
		grid-template-columns: repeat(1, 1fr);
	}
}
.plannninglist::before {
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #189bd7;
	display: inline-block;
	position: absolute;
    top: -7px;
}
.servicenow-bg {
	background-color: #091E4D;
}
.howhelp {
	background: url('../images/servicenow/how_help.avif') no-repeat center;
	padding: 40px 0 20px 0;
	background-repeat: repeat;
}
.wehire{
	background: #122753;
	padding: 40px 0 20px 0;
	background-repeat: repeat;
}
.help-hightlight {
    border: 1px solid #fff;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.hire-highlight{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.help-box {
    border-right: 1px solid #fff;
    padding: 15px 20px;
    height: 100%;
}
.hire-box{
	border-left: 1px solid #fff;
    padding: 15px 20px;
    height: 100%;
}
.qualitycard {
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
    padding: 40px;
    border-radius: 0;
	margin-bottom: 20px;
	height: calc(100% - 15px);
	border-left: 1px solid #ccc;
}
.qualitypotential::before {
	content: '';
    width: 6px;
    height: 25px;
    background: #091E4D;
    display: inline-block;
    position: absolute;
    left: 15px;
}
.establishcard {
	height: calc(100% - 20px);
    box-shadow: rgba(0, 0, 0, .2) 6px 4px 21px 1px;
    border-radius: 20px;
    margin: 0 0 20px;
}
.establishcard img {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.opt-casestudy-img {
	position: relative;
}
.cardtext {
	position: absolute;
	top: 30%;
	left: 30px;
}
.imgoverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
}
.bg-engage {
	background-color: #189bd7;
	padding: 20px 0 20px 20px;
	border-radius: 16px;
	color: #fff;
}
.payment-list li {
	color: #fff;
	list-style: none;
	display: flex;
    align-items: start;
    gap: 6px;
}
.payment-list li i{
	color: #fff;
	font-size: 18px;
	margin-right: 5px;
    margin-top: 1%;
}
.globalcard {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	padding: 30px 40px;
	margin-bottom: 10px;
	border-radius: 6px;
	height: calc(100% - 15px);
	box-shadow: 0 0 10px -5px rgba(0, 0, 0, .6117);
}
.globalcard:hover {
	background-color: rgba(35, 61, 130, 0.8);
}
.globalcard:hover h6 {
	color: #fff;
}
.globalcard img {
	filter: brightness(0) saturate(100%) invert(100%);
}
.globalcard:hover img {
	color: rgba(24, 155, 215, 0.8);
	filter: brightness(1.1);
}
.globalcard:hover p {
	color: #fff;
}
.globalcard:hover .global-bg {
	background-color: #fff;
}
.global-bg {
	background-color: rgba(35, 61, 130, 0.8);
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin: 20px auto;
}
.offsitecard {
	background-color: #fff;
	padding: 10px 10px;
	margin-bottom: 20px;
	border-radius: 25px;
	box-shadow: 0 0 10px -5px rgba(0, 0, 0, .6117);
}
.advantage-circle {
	background-color: #189bd7;
	width: 40px;
	height: 40px;
	border-radius: 10% 50% 50% 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	margin-left: -10px;
    margin-top: -10px;
}
.globalpartner {
	background-color: #fff;
	padding: 25px 30px;
	margin-bottom: 20px;
	border-radius: 10px;
	box-shadow: 0 0 10px -5px rgba(0, 0, 0, .6117);
	height: calc(100% - 15px);
}
.globalnum {
	font-size: 28px;
	color: #091E4D;
	font-weight: bold;
}
.risk {
	font-size: 18px !important;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0.5rem;
	color: #091E4D;
}
.globalform .form-group .form-control {
    border: 1px solid #000;
    border-radius: 6px;
    padding-left: 25px;
    height: 50px;
}
.tech-circle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 10px -5px rgba(0, 0, 0, .6117);
	margin: 0 auto 20px auto;
	position: relative;
    z-index: 90;
}
.techborder::after {
	content: '';
	width: 170px;
	height: 1px;
	background-color: #091E4D;
	position: absolute;
	top: 46px;
	left: 50%;
	z-index: 80;
}
.image-paint {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
}
#digitalservices .col:last-child .techborder::after{
	display: none;
}
.cloud-circle {
	width: 170px;
	height: 170px;
	border-radius: 40px 40px 40px 5px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 10px -5px rgba(0, 0, 0, .6117);
	margin-bottom: 20px;
}
.quality-bg {
    background-image: url(../images/qualityengineering/next_level.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	position: relative;
	margin-top: 60px;
}
.onboarding-bg {
	background: #000;
	padding: 30px 30px;
	border-radius: 30px;
}
.sidebar {
	position: sticky;
	top: 10px;
	padding-top: 40px;
}
.sidebar div {
	padding: 10px;
	cursor: pointer;
	font-size: 18px;
}
.ourcontent {
	width: 100%;
	/* overflow-y: scroll;
	scrollbar-width: none;
	height: 100%; */
}
.oursection {
	padding: 20px;
}
.oursections {
	margin-bottom: 10px;
}
.wantto {
	padding: 30px 30px 0 30px;
}
.h-unset {
	height: unset;
}
.contact-card {
	font-size: 16px !important;
    text-transform: lowercase !important;
}
.highquality {
	display: flex;
    align-items: center;
	border-radius: 7px;
	margin-bottom: 20px;
	min-height: 100px;
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #c7c7c7;
}
.process-content {
	height: 100%;
}
.development-process {
	background-image: url(https://codevian.com/wp-content/uploads/2024/01/methodologies-img6.png);
    background-position: center center;
    background-size: cover;
	display: flex;
	flex-direction: column;
	padding-top: 30px;
	padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
	border-radius: 16px;
}
.maindevelopment {
	align-self: auto;
    flex-basis: auto;
    flex-grow: 1;
	display: flex;
	width: 100%;
	height: 100%;
}
.cards-container {
    display: flex;
    /* gap: 1.5rem; */
	justify-content:space-evenly;
	align-items: center;
	flex-wrap: wrap;
  }
  .design {
    width: 18%;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: flex-end;
	justify-content: center;
    padding: 10px;
    color: #fff;
    text-align: center;
    cursor: pointer;
  }
  
@media (max-width: 768px) {
	.design {
		width: 22%;
		margin-bottom: 10px;
	}
}
@media (max-width: 576px) {
	.design {
		width: 30%;
		margin-bottom: 10px;
	}
}
  .discovery {
	background-image: url(../../assets/images/dev_methodology/discovery.webp) !important;
	background-color: rgba(0, 0, 0, 0.2);
    background-position: center center;
    background-size: cover;
	background-blend-mode: multiply;
	position: relative;
  }
  .planing {
	background-image: url(../../assets/images/dev_methodology/planing.webp) !important;
	background-color: rgba(0, 0, 0, 0.2);
    background-position: center center;
    background-size: cover;
	background-blend-mode: multiply;
	position: relative;
  }
  .development {
	background-image: url(../../assets/images/dev_methodology/development.webp) !important;
	background-color: rgba(0, 0, 0, 0.2);
    background-position: center center;
    background-size: cover;
	background-blend-mode: multiply;
	position: relative;
  }
  .proto {
	background-image: url(../../assets/images/dev_methodology/prototyping.webp) !important;
	background-color: rgba(0, 0, 0, 0.2);
    background-position: center center;
    background-size: cover;
	background-blend-mode: multiply;
	position: relative;
  }
  .launching {
	background-image: url(../../assets/images/dev_methodology/launch.webp) !important;
	background-color: rgba(0, 0, 0, 0.2);
    background-position: center center;
    background-size: cover;
	background-blend-mode: multiply;
	position: relative;
  }
  .design::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    transition: 0.3s ease-in-out;
  }
  .design .design-content {
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  }
  .design:hover .design-content {
    opacity: 1;
	transform: translateY(-50%);
	text-align: center;
	top: -25%;
  }
  .design:hover::before {
    background: rgba(0, 0, 0, 0.7);
  }
  .design:hover {
	width: 280px;
	height: 400px;
	margin-bottom: 40px;
  }
  .delivery-circle {
	width: 50px;
	height: 50px;
	background-color: #091E4D;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
  }
  .launch {
	position: absolute;
  }
  .insurance {
	font-size: 18px;
	color: #000 !important;
  }
  .carousel-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 50px;
	background-color: #111;
	color: #fff;
}
.leftcontent {
	width: 45%;
}
.right-carousel {
	width: 50%;
	position: relative;
}
.carousel-inner img {
	border-radius: 10px;
}
.carousel-control-prev {
	background-color: rgba(0, 0, 0, 0.5);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	top: 10px;
	transform: translateY(-50%);
}
.carousel-control-next {
	background-color: rgba(0, 0, 0, 0.5);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	right: 0;
	transform: translateY(-50%);
}
.aboutcard {
	background-color: #F2F2F2;
	padding: 20px;
	border: 1px solid #F2F2F2;
	border-radius: 16px;
	margin-bottom: 15px;
	height: calc(100% - 15px);
}
.weexplore {
	background-color: #000;
	padding: 40px;
	width: 65%;
}
#chooseExample .card-header h2 .btn-link[aria-expanded='false']::after {
	content: "";
    background: url(../images/og/angle-down-solid.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    right: 30px;
    line-height: 12px;
	opacity: 0.8;
	top: 10px;
}
#chooseExample .card-header h2 .btn-link[aria-expanded='true']::after {
	content: "";
    background: url(../images/og/angle-up-solid.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    right: 30px;
    line-height: 12px;
	opacity: 0.8;
	top: 10px;
}
#chooseExample .card-header h2 .btn-link {
	color: #fff;
    font-weight: 600;
    text-wrap: wrap;
    text-decoration: none;
    padding: 0;
	font-size: 15px;
}
#chooseExample .card {
	border: 0;
	background-color: rgba(0, 0, 0, 0.8);
	margin-bottom: 20px;
}
#chooseExample .card-header {
	background-color: #232020;
	border-bottom: 1px solid transparent;
	padding: 0.4rem 1rem;
    border-radius: 5px;
}
#chooseExample .btn-link{
   color: #fff;
}
#chooseExample .btn-link:hover{
	color: #fff;
}
#chooseExample .card-body {
	border-bottom: 1px solid transparent;
    padding: 1rem;
    border-radius: 0;
	color: #fff;
}
.agilecard {
	background-color: #fff;
    padding: 30px;
    margin-bottom: 10px;
	border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: calc(100% - 15px);
	box-shadow: 0px 4px 20px 0px rgba(107, 108, 134, 0.25);
}
#agiletabs.nav-tabs {
	/* background-color: #e8e8e8;
	padding: 20px;
	margin-bottom: 20px;
	width: 100%; */
	background-color: #091e4d;
    padding: 10px;
    margin-bottom: 20px;
    width: 100%;
    border-radius: 10px;
    display: flex;
    justify-content: center;
}
#agiletabs.nav-tabs .nav-item {
    color: #fff !important;
}
#agiletabs.nav-tabs .nav-item .nav-link.active {
    border-color: #ffffff !important;
    color: #ffffff !important;
}
#agiletabs.nav-tabs .nav-item .nav-link{
    color: #ffffff !important;
	
}
#agiletabs.nav-tabs .nav-item .nav-link ,#agiletabs.nav-tabs .nav-item .nav-link.active {
	position: relative;
}
#agiletabs.nav-tabs .nav-item .nav-link.active {
	background-color: transparent;
	border-width: 2px 0 0 0;
	border-color: #000;
	border-radius: 0;
	padding: 1rem 2.6rem;
	color: #000;
	font-size: 18px;
	text-align: center;
}
#agiletabs.nav-tabs .nav-item .nav-link {
	background-color: transparent;
	border-width: 2px 0 0 0;
	border-color: rgba(105,105,105,.5);
	border-radius: 0;
	padding: 1rem 2.6rem;
	color: #000;
	font-size: 18px;
	text-align: center;
}
#agiletabs.nav-tabs .nav-item {
	width: 300px;
}
.culturediv {
	padding-top: 10rem;
    /* padding-bottom: 3rem; */
    /* height: 130rem; */
	padding-bottom: 3rem;
    height: 40rem;
    /* margin-top: -9rem; */
  }
#one.culturediv {
	padding-top: 3rem !important;
}
#eleven.culturediv {
	padding-top: 8rem !important;
}
  #menu-section {
	position: relative;
  }
#left-menu {
  width: 310px;
  position: fixed;
  left: 45px;
  top: 75%;
  height: 80vh;
  /* overflow-y: auto; */
}
#menu-section .col-md-8 {
	margin-left: auto;
	max-width: calc(100% - 300px);
}
.jumpmenu-sidebar ul {
 	list-style: none;
	padding-left: 0;
	width: 295px;
	border-right: .0625rem solid rgba(255, 255, 255, .5);
}
.jumpmenu-sidebar ul li {
	border-bottom: .0625rem solid rgba(255, 255, 255, .5);
}
.jumpmenu-sidebar ul li a {
	padding: 0 0 0 2rem;
	overflow: hidden;
	color: rgba(255, 255, 255, .5);
	font-weight: bold;
    transition: color 0.3s ease-in-out;
}
.jumpmenu-sidebar ul li a.active {
    color: #fff;
    font-weight: bold;
}
.jumpmenu-sidebar::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    border-right: .0625rem solid rgba(255, 255, 255, .5);
    right: 0;
    /* height: 100vh; */
	/* scrollbar-width: none; */
}
.overlay-container {
	position: relative;
	text-align: left;
	color: #fff;
}
.thought-text {
	background-image: url(../../assets/images/home/thought.webp);
	background-position:right;
	background-size: 100% 100%;
	background-color: rgba(0, 0, 0, 0.6);
	background-blend-mode: multiply;
	width: 330px;
	height: 480px;
	padding: 25px;
}
.tech-excellence {
	background-image: url(../../assets/images/home/technicalexcellence.webp);
	background-position: center;
	background-size: 100% 100%;
	background-color: rgba(0, 0, 0, 0.6);
	background-blend-mode: multiply;
	width: 330px;
	height: 480px;
	padding: 25px;
}
.industryexpertise {
	background-image: url(../../assets/images/home/industryexpertise.webp);
	background-position: center;
	background-size: 100% 100%;
	background-color: rgba(0, 0, 0, 0.6);
	background-blend-mode: multiply;
	width: 330px;
	height: 480px;
	padding: 25px;
}
.globaldelivery {
	background-image: url(../../assets/images/home/globaldelivery.webp);
	background-position: center;
	background-size: 100% 100%;
	background-color: rgba(0, 0, 0, 0.6);
	background-blend-mode: multiply;
	width: 330px;
	height: 480px;
	padding: 25px;
}
.overlay-container .text-content{
	opacity: 1;
	transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
	top: 26rem;
    POSITION: absolute;
}
.overlay-container:hover .text-content {
	opacity: 1;
	transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
	transform: translateY(-100px);
    top: 7rem;
}
@media(max-width: 767px) {
	.overlay-container .text-content {
		top: 27rem;
	}
}
.marquee {
	white-space: nowrap;
	overflow: hidden;
	display: flex;
  }
  .marquee-content {
	display: inline-block;
	white-space: nowrap;
	animation: marquee 10s linear infinite;
  }
  @keyframes marquee {
	from {
		transform: translateX(-50%);
	}
	to {
		transform: translateX(0);
	}
  }
  .marquee-content ul {
	list-style: none;
  }
.marquee-content li a {
	font-weight: bold;
	font-size: 3rem;
	color: rgba(250,250,250,0.6);
}
.marquee-content li a:hover {
	color:#091E4D;
}
.menu-item {
	margin-bottom: 10px;
}
a.menu-item {
	font-weight: bold;
	color: #000;
  }
  a.menu-item:hover{
	color: #091E4D;
  }
.menu-item.active {
	font-weight: bold;
	color: #091E4D;
	margin-bottom: 10px;
  }
.side-sticky-section {
	position: sticky;
	top: 10rem;
	height: fit-content; 
}
.topbenefits {
	background: url(../images/globaldelivery/topbenefits.webp) no-repeat center;
    background-size: cover;
    padding: 35px 0 35px;
    position: relative;
}
.topbenefits::before {
	position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
}
.swipecarousel-container {
	background-image: url(../images/home/home_carouselone.webp);
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    position: relative;
	width: 100%;
    height: 100%;
	background-color: rgba(0, 0, 0, .8);
	background-blend-mode: multiply;
	padding-top: 30px;
}
.custom-list li {
	color: #fff;
}
#benefits-carousel .owl-nav .owl-prev {
	width: 60px;
	height: 35px;
    border-radius: 16px;
    position: absolute;
    bottom: 20px;
    right: 38%;
    background: #091E4D;
    padding: 7px;
}
#benefits-carousel .owl-nav .owl-next {
	width: 60px;
	height: 35px;
    border-radius: 16px;
    position: absolute;
    bottom: 20px;
    left: 51%;
    background: #091E4D;
    padding: 7px;
}
#benefits-carousel .owl-nav .owl-prev img, #benefits-carousel .owl-nav .owl-next img {
	margin: auto;
	display: block;
	width: 35px;
}
.enterprise-btn {
	background-color: rgb(233 233 244);
	color: #000;
	border-radius: 30px;
	padding: 7px 20px;
}
.bankingcard {
	background-color: #091E4D;
	border-radius: 16px;
	color: #fff;
	padding: 60px 50px;
	@media(min-width: 992px) { 
		padding: 90px 50px;
	}
}
.bankcarddiv {
	margin-right: -20px;
	position: relative;
    z-index: 0;
	max-width: 525px;
	@media(min-width: 992px) { 
		max-width: 100%;
	}

}
.leftimg {
	position: relative;
	z-index: -2;
}
.bankimg {
	border-radius: 16px;
	@media(min-width: 992px) {
		border-top-right-radius: 16px;
		border-bottom-right-radius: 16px;
	}
}
.bankingcard a {
	font-size: 22px;
}
.contactus-bg {
	background-color: #ffffff;
	/* position: relative;
	background-image: url('../images/home/contactus_bg2.png');
	background-repeat: no-repeat;
	background-position: center center; */
}
/* .contactus-bg::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0px;
	background: rgba(34, 63, 128,0.9);
	z-index: 0;
} */
.industry-heading {
	font-size: 14px;
	/* color: #fff; */
	margin-bottom: 20px;
}
.industry-heading img {
	/* filter: brightness(0) saturate(100%) invert(100%); */
	margin-bottom: 0;
}
.industry-heading:hover {
	color:#189bd7;
}
.industry-heading:hover img {
	filter: invert(50%) sepia(88%) saturate(424%) hue-rotate(164deg);
}
.hiredemand {
	background: rgba(249, 249, 249,1);
	padding: 10px 20px;
}
.skillsnum {
	width: 30px;
	height: 30px;
	background-color: #000;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin-bottom: 20px;
}
.hourly {
 border-bottom: 1px solid #189bd7;
}
#hours .hover-card:hover {
	transform: scale(1.2);
	z-index: 9;
}

#hours .hover-card:hover .default-card {
	transform: none;
}

#hours .hover-card:hover .engagementcard {
	background-color: #091e4d;
	color: #fff;
}

#hours .hover-card:hover .engagementcard p{
	color: #fff;
}

#hours .default-card {
	transform: scale(1.2);
	z-index: 1;
}
#pricetabs.nav-tabs .nav-item.show .nav-link, #pricetabs.nav-tabs .nav-link.active {
	color: #fff;
	background-color: #189bd7;
	border: 1px solid #189bd7;
	padding: 10px 25px;
	border-radius: 30px;
	margin-right: 10px;
}
#pricetabs li.active a{
	color: #fff;
}
#pricetabs.nav-tabs .nav-link {
	background-color: #fff;
	border: 1px solid #dee0e2;
	padding: 10px 25px;
	border-radius: 30px;
	margin-right: 10px;
	color: #000;
}
.price-tag {
	display: flex;
	flex-direction: column;
	background-color: #f2f2f2;
    border-radius: 16px;
    padding: 32px 24px;
    height: 100%;
	color: #000;
}
.price-tag:hover {
	background-color: #4267B2;
}
.price {
	margin-bottom: 5px;
}
.price-tag:hover p,.price-tag:hover .hour{
	color: #fff;
}
.strikethrough {
	text-decoration: line-through;
  }



@media only screen and (max-width: 767px) {
     .owl-carousel .owl-stage {
           padding: 10px;
           width: 351rem !important;
	}
}
@media only screen and (max-width: 767px) {
   .owl-item  p {
        margin: 0px 10px 20px;    }
}
@media only screen and (max-width: 767px) {
    .owl-carousel .owl-item img {
             width: 95% !important;
   }
   .header-bg .owl-carousel .owl-item img {
             width: 100% !important;
   }
     #new-form{
      height:100% !important;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-wrap: wrap;
    }
}
.overlay-container .thought-text, .overlay-container .industryexpertise,.overlay-container .globaldelivery,.overlay-container .tech-excellence {
   width:100% ;
}
.img-firstbox{
        flex-wrap: wrap !important;
        flex-direction:row !important;
}
@media (max-width: 576px) {
      #menu-footer-menu{
        padding-inline-start:0px;
   }
   #serviceExample .card-header  .btn-link[aria-expanded='false']::after {
      right: 5px;
    }
   #serviceExample .card-header .btn-link[aria-expanded='true']::after{
      right: 5px;
   }
}
#calendarinline{
   background-color: #fff;
    box-shadow: 0 2px 20px rgba(30, 10, 58, 0.2);
    border-radius: 20px;
    height: 350px !important;
}
#calendarinline .flatpickr-calendar.animate.inline{
   width: 90% !important;
}
.flatpickr-innerContainer{
    overflow:auto !important;
}
.flatpickr-rContainer,.flatpickr-days{
   width:100%  !important;
}
.dayContainer{
    max-width: 100% !important;
    min-width: 100% !important;
}
.flatpickr-day{
    max-width: none !important;

}
.navbar button:focus {
       outline: 0px auto -webkit-focus-ring-color !important;
}

@media (max-width: 600px) {
  .single-news-blog {
     min-height: 395px !important;
   }
}

@media (max-width: 470px) {
  .single-news-blog {
     min-height: 340px !important;
   }
}
#benefits-carousel .owl-nav .owl-prev{
   right:50% !important;
}
#calendarinline .flatpickr-calendar.animate.inline{
   top:25px !important;
}
.price-tag:hover .industry-list li i, .highlight-list li i{
	color: #fff;
}
.price-tag:hover .submit-btn {
    border: 1px solid #223f80 !important;
    background-color: #ffffff !important;
    color: #223f80 !important;
	transition: none !important;
}
.price-tag:hover .plannumber{
   color: #fff;
}
.megamenu .nav-item .nav-link{
   color: #000 !important;
}
@media (max-width: 1023px) {
	#about-carousel .slide-content{
		display: block !important;
	}
	.overlay-text {
		max-width: 888px !important;
	}
}
@media (max-width: 576px) {
	.weexplore {
		padding: 5px !important;
	}
}
@media (max-width: 1200px) {
	.nav-link.dropdown-toggle.has-megamenu{
		line-height: 2 !important;
	}
}
.ttm-post-featured .blog-img {
    width: 100%;
    min-height: 250px;
    object-fit: scale-down;
    object-position: top;
    border-radius: 20px 20px 0 0;
}
article.ttm-blog-classic .ttm-blog-classic-content {
    padding: 45px 30px 30px;
    background: #fff;
    z-index: 1;
    position: relative;
    border-radius: 0 0 20px 20px;
}
article.ttm-blog-classic {
    margin-bottom: 35px;
    box-shadow: rgba(0, 0, 0, .2) 6px 4px 21px 1px;
    border: 1px solid #d2d0d0;
    border-radius: 20px;
}
.ttm-blog-classic .post-meta {
    padding: 6px 15px;
    display: inline-block;
    margin-bottom: 0;
    box-shadow: 0 0 15px 0 rgba(40, 61, 88, .07);
    background-color: #fff;
    position: relative;
    border-radius: 5px;
    margin: 0;
}
article.ttm-blog-classic .ttm-post-entry-header {
    position: absolute;
    top: -20px;
    left: auto;
}
.ttm-blog-classic .post-meta .ttm-meta-line, .ttm-blog-single-content .post-meta .ttm-meta-line {
    font-size: 13px;
    line-height: 15px;
    display: inline-block;
    padding-right: 25px;
    position: relative;
}
.ttm-blog-classic .post-meta .ttm-meta-line i, .ttm-blog-single-content .post-meta .ttm-meta-line i {
    padding-right: 7px;
    font-size: 13px;
}
.ttm-blog-classic .entry-header .entry-title {
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 10px;
	font-weight: 600;
}
.ttm-blog-classic .entry-header .entry-title a{ 
	color: #343a40;
}
.separator .sep-line {
    height: 1px;
    border-top: 1px solid #ebebeb;
    display: block;
    position: relative;
    width: 100%;
}
.ttm-btn.btn-inline {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    border: 1px solid transparent;
    background-color: transparent;
    overflow: visible;
}
.ttm-btn.ttm-btn-size-sm i {
    font-size: 11px;
    right: 16px;
    margin-top: 1px;
    line-height: 1;
}
.opt-insights-btn .ft-insight {
    background: #223d82;
    color: #fff;
    border: 1px solid #223d82;
}
.opt-form-submit .opt-thanks {
    text-decoration: underline;
    color: #008ace;
}
.entry-date.published{
    color: #6e6e6e;
}
.post-meta i{
	color: #2d4a8a;
}
.carousel-caption {
    position: absolute;
    top: 200px;
    left: 90px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: justify;
	color: #fff;
}
.carousel-control-next, .carousel-control-prev {
    bottom: 0 !important;
    z-index: 99999 !important;
}
.carousel-fade .carousel-item {
    opacity: 1 !important;
	
}
.loading-space {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgb(225,225,225);
	z-index: 99999;
  }
  .loader {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 5px solid #7a95d9;
	border-top-color: #223d82;
	animation: loader 1s linear infinite;
  }
  @keyframes loader {
	to {
	  transform: rotate(360deg);
	}
  }

  @media (max-width: 600px) {
	 .rolloutcard {
		  width: 250px !important;
	  }
  }
  
  @media (max-width: 576px) {
	#accordionExample .card-header h2 .btn-link[aria-expanded='false']::after {
		right: 0px !important;
	}
}
  
@media (max-width: 576px) {
	#accordionExample .card-header .btn-link {
		padding: 1px;
	}
 }
 @media (max-width: 576px) {
	.techborder::after {
		height: 0px !important;
	}
 }
 @media (max-width: 576px) {
	.submit-btn {
		padding: 0.5rem 0.5rem !important;
		font-size: 13px;
	}
	.single-partner-section {
		width: 40% !important;
	}
}

 @media (max-width: 992px) {
	.help-hightlight {
		overflow: auto;
		height: 300px;
	}
 }
 .btn.btn-demo:focus{
	color: #fff !important;
 }
 .nav.nav-tabs button:focus {
    outline: 0px dotted !important;
     outline: 0px auto -webkit-focus-ring-color !important; 
	 box-shadow:none !important;
}
.contactup_sec{
	margin-bottom: -50px;
}

/* @media (max-width: 768px) {
	.img_container .overlay-text{
		top: 0px !important;
	}
} */
 
@media(max-width: 991px) {
.dropdown-submenu {
	position: relative;
  }
  .dropdown-submenu:hover > .dropdown-menu {
	display: block;
  }
  /* .dropdown-submenu > .dropdown-toggle::after {
	transform: rotate(-90deg);
	float: right;
	margin-top: 6px;
  } */
  .sub-dropmenu{
	padding-left: 1rem;
  }
  .sub-dropmenu .dropdown-item{
	  padding: 10px 18px;
  }
  #navbarSupportedContentmobile ul .drop.show .dropdown-menu.sub-dropmen{
	display: none;
  }
}
@media(max-width: 767px) {
	.weexplore {
		width: 100% !important;
	}
}
@media (max-width: 576px) {
	.overlay-text {
		top: 10% !important;
		
	}
}
.guidewire-acc .card-header{
	border-radius: 0px !important;
}
.guidewire-acc .card-body {
    background: #f7f7f7;
}
.guidewire-acc .card-header{
	border-bottom: 0px;
}
.guidewire-acc .card-header .btn-link{
	color: #000;
	padding:0px;
	font-weight: 600;
}
.guidewire-acc .btn-link:hover{
	text-decoration: none;
}
.guidewire-acc .btn-link:focus{
	text-decoration: none;
}

.guidewire-acc .card-header h2 .btn-link[aria-expanded='false']::after {
	content: "";
    background: url(../images/og/angle-down-solid.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    right: 30px;
    line-height: 12px;
	opacity: 0.8;
	top: 10px;
}
.guidewire-acc .card-header h2 .btn-link[aria-expanded='true']::after {
	content: "";
    background: url(../images/og/angle-up-solid.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    right: 30px;
    line-height: 12px;
	opacity: 0.8;
	top: 10px;
}
.development-ex span{
	background: #fff;
    padding: 3px 12px;
    border-radius: 50px;
	font-size: 0.85rem;
}
.development-ex span i{
 font-size: 12px;
}
.development-ex{
    border-radius: 10px;
    text-align: left;
    padding: 15px;
}

.backend{
    background: #ffe8ea;
	/* margin-bottom: 20px; */
}
.mobile{
	background: #ffe8ea;
	/* margin-bottom: 20px; */
}
.ai{
	background: #ffe8ea;
	/* margin-bottom: 20px; */
}
.frontend{
    background: #fff6cf;
}
.database{
	background: #342f832b;
}
.cloud{
	background: #dc8fff40;
}
.testing{
	background: #8fecc63d;
}
.btn-primary {
    color: #fff;
    background-color: #223f80;
    border-color: #223f80;
}
.btn-primary:hover{
    color: #fff;
    background-color: #223f80;
    border-color: #223f80;
}
.btn-primary:active{
    color: #fff;
    background-color: #223f80 !important;
    border-color: #223f80 !important;
}
.btn-primary:focus{
   box-shadow: none !important;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{
	color: #fff;
    background-color: #223f80 !important;
    border-color: #223f80 !important;
}
#pricetabs.nav-tabs .nav-item.show .nav-link, #pricetabs.nav-tabs .nav-link.active{
	color: #fff;
    background-color: #223f80 !important;
    border-color: #223f80 !important;
}

  .our-dev{
	display: flex;
    flex-wrap: wrap;
  }
  .icon-bg{
	color: #fff;
    background: #000;
    padding: 3px;
    font-size: 11px;
  }
.sub-text-title{
	font-family: "DMSans-Medium";
	font-weight: 500;
	font-size: 28px;
}
.right-div .heading{
	font-size: 28px;
}

#hire-guidwire .hover-card.active {
	transform: scale(1.2);
    z-index: 9;
    box-shadow: 0px 0px 10px #00000033;
    background: none;
    position: relative;
    border-radius: 16px;
	margin-top: 15px;  
}
@media(max-width:992px){
	#hire-guidwire .hover-card.active{
		transform: scale(1) !important;
	}
}
.start-ribbon{
	z-index: 99;
    position: absolute;
    top: -38px;
    left: 10px;
    margin: 0 auto;
    right: 10px;
}
@media(max-width:992px){
	.start-ribbon{
		top: -10px;
	}
}
.main-text{
	position: absolute;
    z-index: 99;
    bottom: 0px;
    font-size: 28px;
    padding: 25px;
}

/* swiper slider */
  .slider-section {
	/* display: flex; */
	height: auto;
	background-size: cover;
	background-position: center;
	transition: background-image 0.5s ease;
	position: relative;
  }
  .slider-section::before{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		background: rgb(0,0,0, 0.7);
		z-index: 0;
		top: 0px;
  }

  .content-swiper, .image-swiper {
	width: 90%;
	height: 400px;
  }
  @media(max-width:450px){
	 .content-swiper, .image-swiper{
		height: 450px 
	 }
  }

  .content-swiper .swiper-slide {
	/* background: rgba(255, 255, 255, 0.8); */
	font-size: 20px;
	padding: 0px;
	border-radius: 10px;
	color: #fff;
  }

  .image-swiper .swiper-slide {
	height: 300px;
	width: 35% !important;
	opacity: 0.5;
	transition: all 0.3s ease;
	transform: scale(0.9) !important;
  }
  .image-swiper{
	margin-left: inherit !important;
	margin-right: inherit !important;
	overflow: inherit !important;

  }

  .image-swiper .swiper-slide-active {
	opacity: 1;
	transform: scale(1.2) !important;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	border-radius: 10px;
	margin-right: 17px;
	/* margin-left: -14px; */
  }
 
@media(max-width: 767px) {
	.image-swiper .swiper-slide-active {
		opacity: 1;
		transform: scale(1) !important;
	}
}
 
@media(max-width: 991px) {
	.swiper-button {
	  top: 19% !important;
	}
}
@media(max-width: 991px) {
	.swiper-button-prev-custom {
	  left: 38% !important;
	}
}
@media(max-width: 991px) {
	.swiper-button-next-custom {
	  right: 38% !important;
	}
}
  .image-swiper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
  }

  /* Shared arrows styling */
  .swiper-button {
	position: absolute;
	top: 23%;
	z-index: 10;
	width: 40px;
	height: 40px;
	background: rgb(9 30 77);
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transform: translateY(-50%);
  }

  .swiper-button-prev-custom {
	left: 45%;
  }

  .swiper-button-next-custom {
	right: 45%;
  }
  .slide-container{
	z-index: 0;
    position: inherit;
  }
  .img-oveflow{
	overflow-x: clip;
  }
  .slide-top{
	margin-top: 6rem;
  }
  /* .image-paint .container {
	margin-top: 3rem !important;
  } */
   .breadcrumb a{
	color: #fff;
	text-decoration: underline;
   }
   .breadcrumb-item.active{
	color: #fff;
	
   }
   /* new page */
   
.tech-paint {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
}

   .tech-btn{
	border: 1px solid rgba(225, 225, 225, 0.2);
	padding: 5px 15px;
	margin-right: 10px;
	border-radius: 5px;
	margin-top: 5px;
   }
   .tech-item{
	font-weight: 600;
	padding: 10px 10px;
	color: #000;
   }
   .tech-item.w--current{
	position: relative;
      background-color: rgba(52, 47, 131, 0.1 );
	  border-radius: 5px;
	  color: #000;
   }
   .tech-item.w--current::before{
		content: "";
		width: 7px;
		height: 42px;
		background-color: #091e4d;
		position: absolute;
		border-radius: 4px;
		right: -30px;
		top: 0px;
	}
	.side-section{
		position: sticky;
		top: 10rem;
		height: fit-content; 
	}
	.side-section::before{
	content: "";
	width: 7px;
	height: 100%;
	background-color: #e7e7ea;
	position: absolute;
	border-radius: 10px;
	right: -30px;
	top: 0px;
	}
	.tech-content{
		width: 100%;
	}
	.tech-content ul{
		 list-style: none;
	}
	.tech-content ul li{
		margin-left: 10px;
	}
	.tech-content ul li::before{
		font-family: "Font Awesome 6 Free";
		content: "\f058";
		font-weight: 900; /* Required for solid icons */
		margin-right: 8px;
		color: #091e4d;
		left: 10px;
		position: absolute;
		font-size: 15px;
	}
	.text-primary {
		color: #091e4d !important;
	}
	.left-content{
		display: flex;
	   align-items: center;
	}
	.side-bottom{
		margin-bottom: 2rem;
	}
	
.heading-para {
	font-size: 25px !important;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0.5rem;
	color: #000;
}
.slider-img{
	display: flex;
	margin: 0 auto;
}
.slider-img img{
	border-radius: 5px;
    width: 35%;
    margin: 0 auto;
    text-align: center;
}

.slider-img {
    position: relative;
    width: 80%;
    height: 250px;
    overflow: hidden;
  }

  .slider-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity 1s ease-in-out;
  }

  .slider-img img.active {
    opacity: 1;
    z-index: 1;
  }
  
  .slider-dots {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
  }

  .slider-dots .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border-radius: 50%;
	border: 1px solid #fff;
    cursor: pointer;
	background-color: #0000;
  }

  .slider-dots .dot.active {
		background-color: #091e4d;
		border: 1px solid #fff;
  }
  .btn-outline-primary {
    color: #091e4d;
    background-color: transparent;
    background-image: none;
    border-color: #091e4d;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #091e4d;
    border-color: #091e4d;
}
.prime-widget{
    background-color: #091e4d;
    width: 300px;
    height: 250px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    padding: 12px;
    /* display: flex; */
	margin-left: auto;
	padding-top: 45px;
    text-align: center;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{
	color: #091e4d;
    background-color: transparent;
    border-color: #091e4d;
}
.btn-outline-primary.focus, .btn-outline-primary:focus{
	box-shadow: none !important;
}
.bg-primary{
	background-color: #091e4d !important;
}
.case-tabs.nav-pills .nav-link{
	color: #fff;
	font-weight: 700;
	font-size: 25px;
	background-color: transparent;
	border: 0px !important;
}
.case-tabs.nav-pills .nav-link.active {
	background-color: transparent;
	color:#b8ceff;
}
.case-tabs.nav-pills button:focus,.btn-outline:focus{
  outline: 0px !important;
}
.btn-outline{
	padding: 10px 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #0000;
    color: #fff;
    border-radius: 5px;
	margin-left: 10px;
}
.btn-outline:hover{
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
}
.case-img{
	width: 17.5rem;
    height: 22.2rem;
	overflow: hidden;
}
.case-img:hover{
	transform: scale(1.009);
}
.img-event{
	position: absolute;
    top: 0;
	width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
}
.img-fit:hover{
	transform: scale(1.009);
}
.tech-content ul.banner-tool li::before {
    color: #8b97b3 !important;
}
.form-overlay.fillthe-form.contactus-bg h2,
.form-overlay.fillthe-form.contactus-bg p,
.form-overlay.fillthe-form.contactus-bg label,
.fillthe-form.contactus-bg .form-group .form-control{
   color: #000;
}
  #AI-tabs.nav-pills .nav-link {
    border: 0px !important;
    background: rgb(9 30 77 / 10%) !important;
    outline: 0px;
    cursor:pointer;
  }
  #AI-tabs.nav-pills .nav-link.active, #AI-tabs.nav-pills .show>.nav-link{
    border: 0px !important;
    background: #091e4d !important;
    color: white !important;
    outline: 0px;
  }
#AI-tabs{
	gap: 25px !important;
}
.guidewire-acc .btn{
	white-space: normal !important;
}

@media(max-width: 568px) {
	.call-border::after {
		width: 90% !important;
	}
}

@media(max-width: 568px) {
	#AI-tabs.nav-pills{
		display: block;
	}
}
.share-btn{
	font-size: 30px;
	padding: 0px;

}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none !important;
}
a.text-primary:focus, a.text-primary:hover {
     color: #091e4d !important; 
}
.row-cols-3{
    justify-content:center
}
.tech-content{
	margin-top: -127px;
	padding-bottom: 40px;
}
 @media(min-width:992px){
    .tech-content .oursections{
       padding-top: 180px;
	   margin-bottom: -10rem;
	}
 }
  @media(max-width:992px){
    .side-section{
       margin-bottom: 8rem !important;
	}
 }



.gray-card{
	background: #ececec;
    padding: 15px;
    border-radius: 5px;
	margin-bottom: 15px;
	height: 270px;
  }
  .arrow-font{
	font-size: 15px;
	font-weight: 600;
  }
  .sticky-background-section {
	background: url(../images/sap_dataservices/sap-bg.webp) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .imageclasswe3 {
	background: url(../images/b3/01.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .imageclassgenai {
	background: url(../images/b3/02.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .blockchain {
	background: url(../images/b3/4.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .react {
	background: url(../images/b3/react.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .nodejs {
	background: url(../images/b3/node.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .java {
	background: url(../images/b3/java.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .php {
	background: url(../images/b3/php.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .netsuite {
	background: url(../images/b3/netsuite.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .salesforce {
	background: url(../images/b3/salesforce.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .service {
	background: url(../images/b3/service.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .hiresap {
	background: url(../images/b3/sap.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .guidewire {
	background: url(../images/b3/guidewire.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .oracle {
	background: url(../images/b3/oracle.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .hireaws {
	background: url(../images/b3/aws.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .microsoft {
	background: url(../images/b3/microsoft.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .workday {
	background: url(../images/b3/workday.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .imageclassml {
	background: url(../images/b3/3.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
   .ios {
	background: url(../images/b3/b.ios.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
   .android {
	background: url(../images/b3/b.android.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
    .wordpress {
	background: url(../images/b3/b.wordpress.png) ;
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Makes background image sticky */
	position: relative;
	z-index: 1;
    padding-block: 5rem;
    padding-inline: 3rem;
  }
  .sticky-background-section::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	top: 0px;
	left: 0px;
  }

  .sticky-background-section .content {
	position: relative;
	z-index: 2;
  }
  .image-container {
	position: relative;
	display: inline-block;
	border-radius: 10px;
	overflow: hidden; /* Ensures overlay stays inside rounded corners */
  }
  
  .image-container img {
	width: 100%;
	display: block;
	border-radius: 10px;
	box-shadow:0px 0px 15px #00000042;
  }
  .image-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1;
}

.custom-wrapper .swiper-wrapper {
	padding: 10px;
}

/* Text layer */
.layer-text {
	z-index: 9;
	position: absolute;
	top: 0px;
	left: 0px;
	right: -150px;
	padding: 15px;
	display: flex;
	width: 100%;
	border-radius: 10px;
	transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
	opacity: 1;
	transform: translate(0);
	visibility: visible;
}

/* White overlay layer */
.white-layer {
	z-index: 9;
	position: absolute;
	top: -5px;
	left: 0px;
	right: -150px;
	padding: 15px;
	width: 100%;
	box-shadow: 0px 0px 15px #00000042;
	background: white;
	border-radius: 9px;
	margin-top: 5px;
	color: #000;
	height: 100%;
	transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
	opacity: 0;
	transform: translate(10px);
	visibility: hidden;
	pointer-events: none;
}

/* On hover, fade-in white layer and fade-out layer-text */
.swiper-slide:hover .white-layer {
	opacity: 1;
	transform: translate(0);
	visibility: visible;
	pointer-events: auto;
}

.swiper-slide:hover .layer-text {
	opacity: 0;
	transform: translate(-10px);
	visibility: hidden;
}
  .custom-wrapper .swiper-button-prev {
    left: -17rem;
    right: auto;
    top: 14rem;
    width: 10px;
    height: 10px;
    font-size: 3px;
    color: #091e4d;
}
.custom-wrapper  .swiper-button-next{
	left: -15rem;
    top: 13rem;
    color: #091e4d;
}
.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 13px !important;
    border: 2px solid;
    padding: 6px 9px;
    border-radius: 39px;
}
.dev-card{
	text-align: center;
    border: 1px solid #c9cbcf;
    padding: 10px;
    border-radius: 35px;
	margin-bottom: 20px;
	height: 260px;

}
.dev-card-sub{
	background: #091e4d24;
    padding: 10px;
    border-radius: 2rem;
}
.dev-card img{
	width: 50px;
    margin-top: -35px;
}
  .arrow-card-img{
	margin-left: 100px;
    max-width: 220px;
  }
  @media(max-width:1200px){
	.arrow-card-img{
		display: none;
	  }
  }
  .techs-card{
	width: 250px;
    height: 150px;
    background-color: #fff;
    box-shadow: 0px 0px 23px #00000042;
    margin-bottom: 20px;
    padding: 30px 15px;
    text-align: center;
    align-items: center;
    position: relative;
    transition: border-bottom 0.3s ease;
    border-bottom: 0px solid transparent;
	display: block;
  }
  .transform-arrow{
	position: absolute;
    top: 10px;
    right: 10px;
    transform: rotate(315deg);
  }
  .techs-card:hover .transform-arrow{
    transform: rotate(0deg);

  }
  .techs-card:hover {
    border-bottom: 5px solid #091e4d;
	color:#091e4d;
  }
  
.overlay-section .text-content{
	opacity: 1;
	transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
	top: 27rem;
    position: absolute;
}
.overlay-section .text-content .h5{
   font-size: 20px !important;
}
.overlay-section .text-content2 .h5{
   font-size: 20px !important;
}
.overlay-section:hover .text-content {
	opacity: 1;
	transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
	transform: translateY(-100px);
    top: 7rem;
}

  .overlay-section {
	position: relative;
	text-align: left;
	color: #fff;
}
.overlay-section .text-content2 {
    opacity: 1;
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
    top: 12.5rem;
    position: absolute;
}
.overlay-section:hover .text-content2 {
	opacity: 1;
	transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
	transform: translateY(-100px);
    top: 7rem;
}
.first-overlay {
	background-image: url(../../assets/images/home/thought.webp);
	background-position:right;
	background-size: 100% 100%;
	background-color: rgba(0, 0, 0, 0.6);
	background-blend-mode: multiply;
	width: 100%;
	height: 480px;
	padding: 25px;
	border-radius: 5px;
}
.second-overlay {
	background-image: url(../../assets/images/contact/Canada.webp);
	background-position:right;
	background-size: 100% 100%;
	background-color: rgba(0, 0, 0, 0.6);
	background-blend-mode: multiply;
	width: 100%;
	height: 240px;
	padding: 25px;
	border-radius: 5px;
}
.third-overlay {
	background-image: url(../../assets/images/contact/Canada.webp);
	background-position:right;
	background-size: 100% 100%;
	background-color: rgba(0, 0, 0, 0.6);
	background-blend-mode: multiply;
	width: 100%;
	height: 240px;
	padding: 25px;
	border-radius: 5px;
}
.forth-overlay {
	background-image: url(../../assets/images/contact/Canada.webp);
	background-position:right;
	background-size: 100% 100%;
	background-color: rgba(0, 0, 0, 0.6);
	background-blend-mode: multiply;
	width: 100%;
	height: 240px;
	padding: 25px;
	border-radius: 5px;
}
.fifth-overlay {
	background-image: url(../../assets/images/home/thought.webp);
	background-position:right;
	background-size: 100% 100%;
	background-color: rgba(0, 0, 0, 0.6);
	background-blend-mode: multiply;
	width: 100%;
	height: 240px;
	padding: 25px;
	border-radius: 5px;
}
.Industries-wrapper{
	display: flex;
}
.Industries-wrapper .swiper-slide{
   width: 370px !important;
}
.Industries-wrapper .swiper-button-next{
	top: 60px;
    right: 110px;
}
.Industries-wrapper .swiper-button-prev{
	top: 60px;
    left: 75rem;
}
.Industries-wrapper .swiper-button-next:after, .swiper-button-prev:after {
    color:#091e4d;
}
.rounded-lg{
	border-radius: 20px;
}
.text-heiglet{
 color: #ff0f0f;
}

#tech-tabs.nav-pills .nav-link {
    border: 0px !important;
    background: transparent !important;
    outline: 0px;
    cursor:pointer;
	font-weight: 600;
  }
  #tech-tabs.nav-pills .nav-link.active, #tech-tabs.nav-pills .show>.nav-link{
    border: 0px !important;
    background: transparent !important;
    color: #091e4d !important;
    outline: 0px;
    border-bottom: 3px solid #091e4d !important;
    border-radius: 0px;
 
  }
  #tech-tabs{
    gap: 5rem !important;

  }
  #tech-tabs .nav-item{
	margin-bottom: 0px;
  }
  .gray-card2 {
    background: #3b5389;
	padding: 20px;
	border-radius: 5px;
	margin-bottom: 15px;
	color: #fff;
}
.gray-card3 {
  background: #ececec;
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 15px;
  height: 320px;
  overflow: hidden;
}
.contactus-bg .form-group textarea{
   color: #000;
}
.modal {
    z-index: 99991;
}

.modal-bg {
	position: relative;
	background-image: url('../images/home/contactus_bg2.png');
	/* background-size: 100% 100%; */
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 10px;
	z-index: 9;
    padding: 30px;
	color: #fff;
}
.modal-bg::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0px;
	background: rgba(34, 63, 128,0.9);
	z-index: -1;
	border-radius: 10px;
}
.modal-bg .modal-content{
	background-color: transparent;
	border: 0px !important;
}
.modal-bg .h1{
   font-weight: 600;
}
.form-section{
	background: #fff;
    color: #000;
    padding: 19px;
    border-radius: 10px;
}

.modal-dialog input {
    border: 1px solid #cbc7c7;
}
.modal-dialog .form-textarea {
	border: 0px;
    border-bottom: 1px solid #cbc7c7 !important;
    border-radius: 0px;
    padding-left: 25px;
    display: block;
    width: 100%;
    min-height: unset;
    resize: auto;
    height: 70px;
}
.title-style::before{
   content: "";
   width: 100px;
   height: 3px;
   background-color: red;
   position: absolute;
   top: 50px;
}
.Industries-wrapper .overlay-section{
	overflow: hidden;
}
.text-content2 .title-style::before{
	content: "";
	width: 100px;
	height: 3px;
	background-color: red;
	position: absolute;
	top: 50px;
}
.modal-dialog .form-group label{
  margin-bottom: 0px;
}
.modal-dialog .form-control:focus{
	box-shadow: none !important;
}

@media (min-width: 2560px) {
	.container {
	  max-width: 95% !important;
	  zoom: 130%;
	}
  }
@media (min-width: 1600px) {
	.container {
	  max-width: 95% !important;
	  zoom: 120%;
	  zoom: 110%;
	}
  }
  @media (min-width: 1920px) {
	.container {
	  max-width: 95% !important;
	  zoom: 130%;
	}
  }
  .opeteq-navbar .dropdown .container {
	zoom: 100%;
  }
  .header-link:hover{
	color: #189bd7 !important;
}

.nav-tabs.flex-column .nav-link {
    border-top: 1px solid #dee2e6;
    color: black;
    background-color: #fff;
    margin-bottom: 1px;
    transition: background-color 0.3s, color 0.3s;
	
}
.nav-tabs.flex-column .nav-link:hover {
    background-color: white;
    color: black;
}

.nav-tabs.flex-column .nav-link.active {
    background-color: #223f80;
    color: #fff;
    font-weight: 400;
}
.nav-item.nav-link{
	height: 200px;
}
	 .tabs-scroll{
      height: 400px;
	  overflow-y: scroll;
	 } 
@media (max-width:991px){
	.tabs-scroll {
    height: 300px !important;
    overflow-y: scroll;
	margin-bottom: 1rem;
}
}
.tab-content .tab-pane.b{
    border: 1px solid #dee2e6;
    padding: 50px;
    border-radius: 4px;
    background-color: #fff;
    min-height: 150px;
}
.image-layer{
    position: relative;
}
.content-post{
    position: absolute;
    top: 10px;
    padding: 50px;
    color: white;
}
.image-layer::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 0;
}
.count-view{
    width: 30px;
    height: 30px;
    background-color: #b3b3b3;
    color: #fff;
    border-radius: 50px;
    padding: 5px 8px;
    font-size: 13px;
    margin-right: 15px;
}
.count-view-span{
    display: flex;
    position: relative;
}
.count-view-span::before{
    content: "";
    height: 75%;
    position: absolute;
    top: 30px;
    left: 13px;
    border-left: 3px dotted #b3b3b3;
}

.nav-list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: space-around;
}
@media (max-width:991px){
	#sticky-nav{
		 top: 0px !important;
	}
	 #sticky-nav .nav-list{
		gap: 0px;
	}
	#sticky-nav li{
		margin-bottom: 0px;
	}
}
#sticky-nav {
    position: sticky;
    background: white;
    z-index: 999;
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
  }
  .nav-list li a {
    text-decoration: none;
    color: #333;
    padding: 8px 12px;
    transition: background 0.3s, color 0.3s;
  }
 
  .nav-list li a.active {
    border-radius: 0px;
    border-bottom: 2px solid #091e4d;
  }
 
  .toggle-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-bottom: 30px;
  }

  .label {
	font-weight: 500;
	color: #999;
	transition: 0.3s;
  }

  .label.active {
	color: #000000;
	font-weight: bold;
  }

  .switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 24px;
  }

  .switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }

  .slider {
	position: absolute;
	cursor: pointer;
	top: 0; left: 0;
	right: 0; bottom: 0;
	background-color: #ccc;
	transition: .4s;
	border-radius: 34px;
  }

  .slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	transition: .4s;
	border-radius: 50%;
  }

  input:checked + .slider {
	background-color: #4699fb;
  }

  input:checked + .slider:before {
	transform: translateX(26px);
  }

  .section {
	display: none;
  }

  .section.active {
	display: block;
  }
 .toggle-tab{
	font-size: 18px;
 }
 @media (min-width: 992px) {
    .modal-lg {
        max-width: 950px;
    }
}
.value-list{
	margin-right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    padding: 3px 7px;
    background-color: #fff;
    color: #000;
    display: inline-block;
	font-size: 13px;
	font-weight: 700;
}
.border-bottom-model{
	border-bottom: 1px solid rgba(225,225,225, 0.2);
}
.footer-text{
	font-size: 22px;
}
.pt-100{
	padding-top: 160px;
    margin-bottom: -60px;
}
.mail-img{
	filter: invert(1);
    
}
.modal-content #menu-footer-services1 a{
	font-size: 17px;
}
 @media (min-width: 992px) {
.sticky-background-section  .banner-heading{
	font-size: 28px;
	width: 950px;
	margin-bottom: 8px !important;
}
 }
 
 @media (min-width: 992px) {
.sticky-background-section .banner-subheading{
	width: 950px;
}
 }
.custom-wrapper .swiper-slide{
	margin-right: 15px !important;
}
.custom-wrapper .swiper-pagination{
	display: none;
}
.overlay-section .text-content2.overtext {
    top: 11rem;
}
.text-content2.overtext .title-style::before{
	top: 65px;
}
.btn-primary:focus { 
	color: #fff;
}
.Wordpress-expertise{
	flex-direction: column;
	background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 16px;
    padding: 20px 24px;
    height: 100%;
}
.Wordpress-expertise:hover{
    background: linear-gradient(to right, #d2e0f9 0%, #e8effc 40%);
}

@media (min-width: 992px) {
	.web3-banner,.ai-developer-banner,.ml-banner,.blockchain-banner,.nodejs-banner,.react-banner,.java-banner,.php-banner,.guidewire-banner,.guidewire-lp,.sap-banner,.salesforce-banner,.netsuite-banner,.microsoft-banner,.oracle-banner,.aws-banner,.workday-banner,.servicenow-banner,.android-banner,.ios-banner,.wordpress-banner {
		height: 630px;
	}
}
@media (min-width:992px){
	.guidewire-lp{
		height:530px;
	}
}
@media (max-width: 991px){
	.web3-banner{
    background: url('../images/banner/web3.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.ai-developer-banner{
    background: url('../images/banner/ai.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.ml-banner{
    background: url('../images/banner/ml.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.blockchain-banner{
    background: url('../images/banner/blockchain.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.nodejs-banner{
    background: url('../images/banner/nodejs.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.react-banner{
    background: url('../images/banner/react.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.java-banner{
    background: url('../images/banner/java.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.php-banner{
    background: url('../images/banner/php.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.guidewire-banner{
    background: url('../images/banner/hire_guidewire_experts.webp') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.guidewire-lp{
    background: url('../images/banner/hire-guidewire-experts-landing-page-banners-12.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: initial !important;
	}
	.sap-banner{
    background: url('../images/banner/sap.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.salesforce-banner{
    background: url('../images/banner/salesforce.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.netsuite-banner{
    background: url('../images/banner/hire_netsuite_expert.webp') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.microsoft-banner{
    background: url('../images/banner/microsoft.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.oracle-banner{
    background: url('../images/banner/oracle.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.aws-banner{
    background: url('../images/banner/aws.png') rgba(0, 0, 0, .4) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.workday-banner{
    background: url('../images/banner/workday_banner.webp') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.servicenow-banner{
    background: url('../images/banner/servicenow.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.android-banner{
    background: url('../images/banner/android.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.ios-banner{
    background: url('../images/banner/ios.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
	.wordpress-banner{
    background: url('../images/banner/wordpress.png') rgba(0, 0, 0, .7) !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	}
}
 
.ai-developer-banner {
        background: url('../images/banner/ai.png') rgba(0, 0, 0, .45);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
    }
.web3-banner {
        background: url('../images/banner/web3.png') rgba(0, 0, 0, .5);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
    }
 
.ml-banner {
        background: url('../images/banner/ml.png') rgba(0, 0, 0, .5);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
    }
   
.blockchain-banner {
        background: url('../images/banner/blockchain.png') rgba(0, 0, 0, .5);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
    }
   
.nodejs-banner {
        background: url('../images/banner/nodejs.png') rgba(0, 0, 0, .45);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
    }
.react-banner {
        background: url('../images/banner/react.png') rgba(0, 0, 0, .45);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
    }
.java-banner {
        background: url('../images/banner/java.png') rgba(0, 0, 0, .45);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
    }
.php-banner {
	    background: url('../images/banner/php.png') rgba(0, 0, 0, .45);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
}
.guidewire-banner {
	    background: url('../images/banner/hire_guidewire_experts.webp') rgba(0, 0, 0, .6);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
}
.guidewire-lp {
	    background: url('../images/banner/hire-guidewire-experts-landing-page-banners-12.png') rgba(0, 0, 0, 0.5);
		/* background-blend-mode: multiply; */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
}
.sap-banner {
	    background: url('../images/banner/sap.png') rgba(0, 0, 0, .45);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
}
.salesforce-banner {
	    background: url('../images/banner/salesforce.png') rgba(0, 0, 0, .45);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
}
.netsuite-banner {
	    background: url('../images/banner/hire_netsuite_expert.webp') rgba(0, 0, 0, .6);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
}
.microsoft-banner {
	    background: url('../images/banner/microsoft.png') rgba(0, 0, 0, .45);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
}
.oracle-banner {
	    background: url('../images/banner/oracle.png') rgba(0, 0, 0, .30);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
}
.aws-banner {
	    background: url('../images/banner/aws.png') rgba(0, 0, 0, .30);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
}
.workday-banner {
	    background: url('../images/banner/workday_banner.webp') rgba(0, 0, 0, .6);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
}
.servicenow-banner {
	    background: url('../images/banner/servicenow.png') rgba(0, 0, 0, .45);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
}
.ios-banner {
	    background: url('../images/banner/ios.png') rgba(0, 0, 0, .45);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
}
.android-banner {
	    background: url('../images/banner/android.png') rgba(0, 0, 0, .6);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
}
.wordpress-banner {
	    background: url('../images/banner/wordpress.png') rgba(0, 0, 0, .45);
        background-blend-mode: multiply;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 0px;
        position: relative;
}

 

.oursections p{
	color: #000000;
}
.oursections li{
	line-height: 26px;
}
#documentation{
	margin-bottom: 1rem;
}
html.overflow-hidden {
    overflow: hidden;
    height: 100%;
  }
 
html {
    scrollbar-width: none;
  }
 
  .oursections p{
    color: #000000;
}
.oursections li{
    line-height: 26px;
}
#documentation{
    margin-bottom: 1rem;
}
.staffing-card{
	display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 16px;
    padding: 32px 24px;
}
.staffing-card ul li::marker{
    color:#223f80;
}
.learn_more{
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 8px;
    color: #fff;
    padding:10px;
}
.learn_more:hover{
    text-decoration: none;
    outline: none;
    color: white;
}
.learn_more:focus{
    color:white;  
}
.duration{
    border:1px solid rgb(213, 223, 245);
    border-radius:50px;
    color:#223f80;
    padding:10px;
    background-color:rgb(213, 223, 245);
    line-height:1px;
    font-size:13px
}
@media (max-width:420px){
	.engagementmodel img, .globaldeliverymodel img{
		height: 200px;
	}
	.staff-btn{
		font-weight: 500;
	}
    #serviceExample .card-header .btn-link{
		font-size: 14px;
	}
} 
.border-left-primary{
	border-left: 4px solid #223f80;
	border-radius: 7px;
}
.technologies{
	border:1px solid rgb(213, 223, 245);
    border-radius:50px;
    color:#223f80;
    padding:15px;
    background-color:rgb(213, 223, 245);
    line-height:1px;
    font-size:13px;
	width: fit-content;
    margin: 0;
}
.tech-list {
  gap: 10px;
  padding: 10px;
}
@media(max-width:450px){
	.hour{
text-align: left;
}
}
/* Team Models Section */


.models-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2rem;
}

.model-card {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  position: relative;
}

.model-card.featured {
  border: 2px solid #223f80;
  transform: scale(1.05);
}

.model-badge {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: #223f80;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
}

.model-header {
  padding: 2rem 2rem 1rem;
  text-align: center;
}

/* .model-icon {
  font-size: 3rem;
  margin-bottom: 1rem;
} */

.model-card h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 0.5rem;
}
.model-size {
  color: #000;
  font-size: 0.9rem;
} 

.model-content {
  padding: 0 2rem 2rem;
}

.model-content p {
  color: #000;
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

/* .model-features h4 {
  color: #1e293b;
  margin-bottom: 1rem;
  font-weight: 600;
} */

.model-features ul {
  list-style: none;
  margin-bottom: 1.5rem;
}

.model-features li {
  padding: 0.25rem 0;
  color: #000;
  position: relative;
  padding-left: 1.5rem;
}

.model-features li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #223f80;
  font-weight: bold;
}

.currency {
  font-size: 1.5rem;
  vertical-align: top;
}
.step-number {
  background: rgba(255, 255, 255, 0.2);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 800;
  flex-shrink: 0;
}
.process-steps {
  display: grid;
  gap: 2rem;
}

/* .process-step-card {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
} */
.process-steps .btn{
	white-space: normal;
}

/* Expandable Step Styles */
.expandable-step .step-header {
  cursor: pointer;
  transition: all 0.3s ease;
}

/* .expandable-step .step-header:hover {
  background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);
} */

.step-toggle {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transition: all 0.3s ease;
}

.toggle-icon {
  font-size: 1.2rem;
  transition: transform 0.3s ease;
}

.expandable-step.collapsed .toggle-icon {
  transform: rotate(-90deg);
}

.expandable-step.collapsed .step-content {
  max-height: 0;
  opacity: 0;
  padding: 0 2rem;
  overflow: hidden;
  transition: all 0.3s ease;
}

.step-header {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem;
  background: #223f80;
  color: white;
}

.step-number {
  background: rgba(255, 255, 255, 0.2);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 800;
  flex-shrink: 0;
}

.step-info {
  flex: 1;
}

.step-info h3 {
  font-size: 1.5rem;
  font-weight: 550;
  margin-bottom: 0.5rem;
}

.step-duration {
  opacity: 1;
  font-size: 0.8rem;
}

.step-content {
  padding: 2rem;
  transition: all 0.3s ease;
  max-height: 1000px;
  opacity: 1;
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

.step-content p {
  color: #000;
  margin-bottom: 2rem;
  line-height: 1.6;
}

.step-activities,
.step-deliverables {
  margin-bottom: 2rem;
}
.mb-minus-50 {
  margin-bottom: -50px;
}
.header-partner .enterprisecard{

    background-color: #0000;

    border: 0px;

}

.header-partner .enterprisecard:hover{

    background-color: #F2F2F2 !important;

    border: 0px;

}

.header-partner .netsuite-heading{

  margin-bottom: 0px;

}

.header-partner .enterprisecard:hover .netsuite-heading{

color: #000;

}

.header-partner .enterprisecard{

   padding: 8px;

    margin-bottom: 5px;

}

.header-partner .netsuite-para {

    -webkit-line-clamp: 1;

}

.header-partner .netsuite-para{
    background-color: #0000;
    border: 0px;
}
.header-partner .netsuite-para:hover{
    background-color: #F2F2F2 !important;
    border: 0px;
}
.header-partner .netsuite-heading{
  margin-bottom: 0px;
}
.header-partner .netsuite-para:hover .netsuite-heading{
color: #000;

}
 .landing-footer{
	background-color: #000000;
	color: #ffffff;
 }
 .footer-brand{
     width: 203px;
    display: block;
 }
 .section-services ul{
	list-style: none;
 }
 .section-services ul li{
	font-size: 14px;
 }
 .footer-email img{
	filter: invert(1);
 }
 .header-partner.company .enterprisecard {
    padding: 3px 8px;
    margin-bottom: 5px;
}
.sub-footer p{
	font-size: 17px;
	margin-bottom: 0px;
}
.sub-footer.border-top{
	 border-top-color: rgba(225, 225, 225, .3) !important;
}
.content-section {
    margin-bottom: 3rem;
}
.responsibility-list {
    list-style: none;
    padding: 0;
}


/* Gemini */
    
    .erp-section {
      background: #223f80;
      border-radius: 20px;
      width: 90%;
      max-width: 1200px;
      margin: 40px auto;
      padding: 28px 18px;
      color: #fff;
      text-align: center;
      box-sizing: border-box;
    }
    .erp-section h2 {
      margin: 0 0 20px 0;
      font-size: 2rem;
      font-weight: 700;
    }
    .erp-section p {
      margin: 0 0 36px 0;
      font-size: 1.1rem;
      color: #ecf6f7;
      font-weight: 300;
      line-height: 1.6;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
    }
    .erp-flex {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      gap: 48px;
      flex-wrap: wrap;
      margin-top: 24px;
    }
   .erp-card {
      background: #fff;
      color: #02848a;
      padding: 20px 28px;            /* balanced padding */
      border-radius: 12px;           /* smooth corners */
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); /* softer shadow */
      min-width: 240px;              /* slightly smaller minimum */
      max-width: 360px;              /* allow more breathing space */
      flex: 1 1 auto;                /* grow/shrink naturally */
      cursor: pointer;
      transition: all 0.3s ease;     /* smooth hover effect */
    }

    .erp-card h3 {
      font-size: 1.4rem;
      font-weight: 700;
      margin: 0 0 8px 0;
	  color: #223f80;
    }
    .erp-card p {
      font-size: 1rem;
      margin: 0;
      color: black;
    }
    .erp-sync {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-width: 180px;
      font-size: 1.07rem;
      margin: 0 16px;
    }
    .erp-sync-main {
      color: white;
      font-weight: 600;
      font-size: 1.07rem;
      letter-spacing: 1px;
      margin-bottom: 5px;
    }
    .erp-sync-list {
      list-style: none;
      padding: 0;
      margin: 0;
      color: #fff;
      font-size: 1rem;
      font-weight: 500;
      text-align: center;
    }
   .erp-sync-list li {
      display: flex;
      justify-content: center;  /* center items horizontally */
      align-items: center;      /* align text & icon vertically */
      gap: 6px;                 /* spacing between text and emoji */
      color: whitesmoke;
      font-size: 16px;          /* optional: make it consistent */
    }
    @media (max-width: 900px) {
      .erp-flex {
        flex-direction: column;
        gap: 20px;
        align-items: stretch;
      }
      .erp-card, .erp-sync {
        margin: 0;
      }
      .erp-section {
        padding: 18px 8px 36px 8px;
      }
    }
    @media (max-width: 480px) {
      .erp-section h2 {
        font-size: 1.12rem;
      }
      .erp-section p {
        font-size: 0.96rem;
      }
      .erp-card h3 {
        font-size: 1.05rem;
      }
      .erp-card {
        padding: 14px 9px;
      }
    }


	.why-card {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
      height: 100%; /* equal height cards */
      text-align: center;
      padding: 20px;
    }

    .why-card img {
       display: block;
       margin: 0 auto 15px; /* center the icon */
     }

    .why-card button {
       display: inline-block;
       width: 160px;   /* fixed width for all buttons */
       margin: 0 auto; /* center horizontally */
       border-radius: 4px;
    }

 
 @media(max-width:991px){

.opeteq-navbar ul li {
    display: inline !important;
}
 }

.establishcardgcc {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 3rem 2.5rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  gap: 2rem;
}

.establishcardgcc-icon {
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #223f80;
  flex-shrink: 0;
  transition: all 0.3s ease;
}


.establishcardgcc-content h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 1rem;
}

.establishcardgcc-content > p {
  font-size: 1.1rem;
  color: #64748b;
  line-height: 1.7;
  margin-bottom: 2rem;
}

.establishcardgcc-features {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2rem;
}

/* ✅ CTA feature box with hover animation */
.cta-feature {
  flex: 1 1 30%;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border: 1px solid #bae6fd;
  border-radius: 10px;
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

.cta-feature:hover {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  border-color: #3b82f6;
  transform: translateX(4px);
  box-shadow: 0 4px 10px rgba(59, 130, 246, 0.15);
}

.cta-feature span {
  font-size: 0.95rem;
  color: #334155;
  font-weight: 500;
}

.cta-feature i {
  color: #223f80;
  font-size: 1rem;
}

.d-flex.gap-3 {
  gap: 1rem !important;
}

/* ✅ Responsive Design */
@media (max-width: 992px) {
  .establishcardgcc {
    flex-direction: column;
    text-align: center;
    padding: 2rem 1.5rem;
  }

  .establishcardgcc-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 1rem;
  }

  .establishcardgcc-content h2 {
    font-size: 1.75rem;
  }

  .establishcardgcc-content > p {
    font-size: 1rem;
  }

  .establishcardgcc-features {
    flex-direction: column;
  }

  .d-flex.gap-3 {
    justify-content: center;
  }
}

@media (max-width: 576px) {
  .establishcardgcc {
    padding: 1.5rem;
  }

  .establishcardgcc-icon {
    width: 80px;
    height: 80px;
  }

  .establishcardgcc-icon svg {
    width: 50px;
    height: 50px;
  }

  .d-flex.gap-3 {
    flex-direction: column;
    align-items: center;
  }
}

.use-cases-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  margin-top: 3rem;
}

.use-case-card {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  padding: 2.5rem;
  border-radius: 16px;
  border: 2px solid #e2e8f0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.use-case-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 0;
  background: linear-gradient(180deg, #223f80 0%, #3b82f6 100%);
  transition: height 0.3s ease;
}

.use-case-card:hover::before {
  height: 100%;
}

.use-case-card:hover {
  background: white;
  border-color: #223f80;
  box-shadow: 0 12px 32px rgba(59, 130, 246, 0.15);
  transform: translateY(-8px);
}



@media (max-width: 768px) {
  .use-cases-section {
    padding: 4rem 0;
  }

  .use-cases-section h2 {
    font-size: 2rem;
  }

  .use-cases-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .use-case-card {
    padding: 2rem;
  }
}
.gdpr-banner{
	    padding: 25px 3rem;
    background: #fff;
    border-radius: 5px;
	border: 1px solid #e8e8e8;
	position: fixed;
	bottom: 0px;
}

#gdpr-banner {
    display: none;
}