/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components27410

	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/


/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	
}


/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
/*  Blog page css*/

body {
	margin: 0;
	
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: bloc
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* h1 {
	font-size: 2em;
	margin: 0.67em 0;
} */

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: 700;
}



/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; */
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

/* p {
	margin-bottom: 1.5em;
} */

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	/* height: auto; */
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

/* a:visited {
	color: #800080;
} */

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}
.h1, .h2, .h3, .h4, .h6, h1, h2, h3, h4, h6, p
{
	color:#000;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/**********************our-process--update--css****************************/


.our-process-commit-left ul li img{

     
    width: 86px!important;
    height: 79px!important;
}


.our-process-commit-right ul li img{

  
    width: 86px!important;
    height: 79px!important;
}



.footer-title .wp-widget-group__inner-blocks ul li a{
	text-decoration:none!important;
}
	
.get-a-quote {
	text-decoration:none;
}



.footer .useful-links li a {
	text-decoration:none!important;
}


.support-mail.useful-links.ml-0.widget_block a{
	text-decoration:none!important;
}
	


.service-list .wp-widget-group__inner-blocks a{
	text-decoration:none!important;
}

.eplus-wrapper a{
	text-decoration:none!important;
}



.our-process-banner-section-left h2 {
    font-family: Poppins;
    font-size: 55px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color:#527ffc;
    margin-bottom: 50px;

}

.our-process-banner-section-left {
    padding-top: 150px;
    padding-left: 140PX;


}

.our-process-banner-section-left p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-bottom: 50px;
    width: 100%;
    max-width: 80%;

}

.our-process-banner-button {
    width: 207px;
    height: 57px;
    background: #527ffc;
    border-radius: 7px;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    border: none;
}


.process-banner-arrow {
    margin-left: 20px;
}

.our-process-banner-section-right img {
    width: 100%;
    height: auto;
    max-width: 685px;
    float: right;
    padding-right: 0px;
}

.our-process-banner-section-right {
    padding-top: 0px;
}

.process-section-heading h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    max-width: 70%;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px !important;
}

.process-section-heading {
    padding-top: 80px;
    padding-bottom: 50px;
    padding-left: 80px;
    padding-right: 80px;
}

.process-section-heading span {
    color: #527ffc;
}

.process-section-heading p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 80px !important;

}

.process-section-heading ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    justify-content: space-evenly;
	padding-left:0px;
	margin-left:0px;

}

.project-requirements {
	padding-left:20px;
    padding-top: 20px;
    width: 100%;
    max-width: 384px;
    height: 418px;
    border-top: 2px solid #7A7979;
    border-right: 2px solid #7A7979;
    border-bottom: 2px solid #7A7979;
    border-left: 4px solid #527ffc;
    display: flex;
    flex-direction: column !important;
	border-radius:30px;
	border:5px solid #527ffc;

}

.project-discuss {
	padding-left:20px;
    padding-top: 20px;
    width: 100%;
    max-width: 384px;
    height: 418px;
    border-top: 2px solid #7A7979;
    border-right: 2px solid #7A7979;
    border-bottom: 2px solid #7A7979;
    border-left: 2px solid #7A7979;
	border-radius:30px;
	border:5px solid #527ffc;

}

.engagement-terms {
	padding-left:20px;
    padding-top: 20px;
    width: 100%;
    max-width: 384px;
    height: 418px;
    border-top: 2px solid #7A7979;
    border-right: 2px solid #7A7979;
    border-bottom: 2px solid #7A7979;
    border-left: 4px solid #527ffc;
	border-radius:30px;
	border:5px solid #527ffc;
}

.securely-pay {
	padding-left:20px;
    padding-top: 20px;
    width: 100%;
    max-width: 384px;
    height: 418px;
    border-top: 2px solid #7A7979;
    border-right: 2px solid #7A7979;
    border-bottom: 2px solid #7A7979;
    border-left: 2px solid #7A7979;
	border-radius:30px;
	border:5px solid #527ffc;
}

.project-requirements h4 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;

}
.project-discuss
h4{
	font-family: Roboto;
}

.engagement-terms h4{
	font-family: Roboto;
}

.securely-pay h4{
	font-family: Roboto;
}
.project-discuss h4{
	font-family: Roboto;
}

.project-requirements ul li p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    margin-left: 0px;
	max-width:100%;


}

.project-requirements ul {
    display: flex;
    flex-direction: column !important;
	padding-left:0px;
}

.project-requirements ul li {
    margin-bottom: 20px;
}

.securely-pay ul {
    display: flex;
    flex-direction: column !important;
	padding-left:0px;
}

.engagement-terms ul {
    display: flex;
    flex-direction: column !important;
	padding-left:0px;
}

.project-discuss ul {
    display: flex;
    flex-direction: column !important;
	padding-left:0px;
}

.project-discuss ul li p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    margin-left: 0px;
	max-width:100%;

}

.project-discuss ul li {
    margin-bottom: 20px;
	margin-right:10px;
}

.engagement-terms ul li p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    margin-left: 0px;
	max-width:100%;

}

.engagement-terms ul li {
    margin-bottom: 20px;
	margin-right:10px;
}


.securely-pay ul li p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    margin-left: 0px;
	max-width:100%;

}

.securely-pay ul li {
    margin-bottom: 20px;
	margin-right:10px;
}

.business-project-define h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    width: 100%;
    max-width: 60%;
    margin: 0 auto;
    margin-bottom: 50px !important;
}

.business-project-define span {
    color: #527ffc;
}


.business-project-defining-row {
    background: #EBEBEB;
    padding-top: 40px;
    padding-bottom: 40px;
}

.business-project-define p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #585858;
    padding-bottom: 50px;
    max-width: 60%;
    width: 100%;
    margin: 0 auto;
}

.business-project-defining-button {
    width: 100%;
    max-width: 246px;
    height: 57px;
    background: #527ffc;
    font-family: Raleway;
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    text-transform: capitalize;
    border: none;
    text-align: center;
    border-radius: 7px;
}

.business-project-define {
    text-align: center;
}

.customizing-service-sec h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
}

.customizing-service-sec span {
    color: #527ffc;
}

.customizing-service-sec {
    padding-top: 40px;
}

.customizing-service-sec p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;

}

.delivery-model {
    width: 100%;
    max-width: 488px;
    height: 418px;
    box-shadow: 0px 0px 16px -6px;
    border-top: 10px solid #527ffc;
    padding-top: 20px;
    padding-right: 10px;
	padding-left:20px;
}

.customizing-service-sec ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
	padding-left:20px;
	margin-left:0px;

}

.our-process-banner-row{
	padding-top:25px;
}

.pricing-model {
    display: block;
    margin-top: 150px;
    padding-top: 20px;
    width: 100%;
    max-width: 488px;
    height: 418px;
    box-shadow: 0px 0px 16px -6px;
    border-bottom: 10px solid #527ffc;
	padding-left:20px;
}

.customizing-service-sec ul .delivery-model .delivery-model-list {
    display: flex;
    flex-direction: column !important;
	padding-left:0px;
}

.customizing-service-sec ul .delivery-model .delivery-model-list .delivery-model-sub-list {
    display: flex;
    flex-direction: column !important;
    list-style: disc;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
	padding-left:20px;

}

.delivery-model-list h2 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 10px;
}

.delivery-model-list p {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    padding-right: 0px;
    max-width: 100% !important;
    margin-bottom: 10px;

}

.pricing-model p {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    padding-right: 0px;
    max-width: 100% !important;
    margin-bottom: 10px;

}

.delivery-model p {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    padding-right: 0px;
    max-width: 100% !important;
    margin-bottom: 10px;

}

.pricing-model h2 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 10px;
}

.delivery-model h2 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 10px;
}

.pricing-model-list {
    display: flex;
    flex-direction: column !important;
}

.pricing-model-sub-list {
    display: flex;
    flex-direction: column !important;
}

.pricing-model-sub-list li {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    text-align: left;

}

.pricing-model-sub-list {
    list-style: disc !important;
}

.customizing-service-main-list {
    margin-top: 80px;
}




.our-process-commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;

}

.our-process-commit-left ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
}

.our-process-commit-right ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
    padding-left: 0px;
}

.our-process-cmt-sp {
    color: #527ffc;
}

.our-process-commit-left ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;

}

.our-process-commit-right ul li {
    margin-bottom: 40px;
    font-size: 22px;
    padding-right: 20px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;

}

.our-process-commit-left p {
    width: 407px;
    font-size: 15px !important;
    line-height: 23px !important;
    float: right;
	color:#fff;
}

.our-process-commit-right p {
    width: 407px;
    font-size: 15px !important;
    line-height: 23px !important;
    font-family: 'Roboto', sans-serif;
    float: right;
	color:#fff;
}

.our-process-commit-right h2 {
    width: 406px;
    font-size: 22px !important;
    line-height: 33px !important;
    font-family: 'Roboto', sans-serif;
	color:#fff;
}

.our-process-commit-left h2 {
    width: 406px;
    font-size: 22px !important;
    line-height: 33px !important;
    font-family: 'Roboto', sans-serif;
	color:#fff;
}

.our-process-commit-left {
    padding-right: 45px;
    float: right;
}

.our-process-commit-right {
    padding-left: 45px;
}



.our-process-commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 80px;
    margin-top: 40px;
}

.our-process-commit-heading h2 {
    font-size: 45px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 65px;
    text-align: center !important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;
}

/*********************responsive*****************************************/

@media screen and (max-width:991px) {
	
	.service-1{
		margin-bottom:20px!important;
	}
	
	.page-template-Mobile_app_development .auto-container.navbar.navbar-expand-lg.navbar-light {
    position: fixed;
    z-index: 999;
    background: #fff;
    margin-top: -55px;
    padding-top: 67px;
    padding-bottom: 15px;
    max-width: 100%;
   
}

.page-template-Mobile_app_development .slider-heading h2 {
    width: 100%;
    line-height: 50px;
    font-size: 35px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-align: center;
    padding-top: 0px;
}	
	
	.cross-plateform-banner-div{
		display:block!important;
	}
	
	.cross-plateform-banner-div img{
		margin-top:30px;
	}
	

	.iso-img{
		text-align:center;
	}
	
	.useful-links .wp-block-media-text .wp-block-media-text__media{
		align-self: auto!important;
    margin: 5px 0 0 !important;
		
	}
	
	
	#block-9 .useful-links.wp-block-media-text{
		    display: flex!important;
    align-items: center!important;
    flex-direction: column!important;
    justify-content: center!important;
    margin: 0 auto;
    text-align: center!important:		
		
	}
	
	.align-items-center{
		text-align:center;
	}
	
	.text-webkit-right .btn.contact-btn{
		margin:0 auto;
	} 
	
	.text-webkit-right{
		text-align:center;
	}	
	
	
	.footer	.social-links.d-flex.align-items-center{
		justify-content:center;
	}
	
	.footer .link-global{
		text-align:center!important;
	}
	
	
	
	.footer .service-list{
		text-align:center!important;
	}

	.footer .service-link{
		text-align:center!important;
	}

	
	

    .our-process-banner-section-left {
        padding-top: 20px;
        padding-left: 0px;
    }

    .our-process-banner-row {
        display: flex;
        flex-direction: column-reverse;
    }



    .our-process-banner-section-left h2 {
        font-family: Poppins;
        font-size: 35px;
        font-weight: 700;
        line-height: 54px;
        letter-spacing: 0em;
        text-align: center;
        color: #527ffc;
        margin-bottom: 20px;
        width: 100%;
    }

    .our-process-banner-section-right {
        padding-top: 0px;
    }

    .our-process-banner-section-left p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        margin-bottom: 50px;
        width: 100%;
        max-width: 100%;
    }

    .our-process-banner-section-left {
        text-align: center;
    }

    .process-section-heading h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px !important;
    }

    .process-section-heading {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .process-section-heading p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 20px !important;
    }

    .process-section-heading ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        justify-content: space-evenly;
        padding-left: 0px;
    }

    .project-requirements {
        padding: 10px;
        text-align: center;
        padding-top: 20px;
        width: 100%;
        max-width: 100%;
        height: auto;
        border-left: 2px solid #7A7979;
        border-right: 2px solid #7A7979;
        border-bottom: 2px solid #7A7979;
        border-top: 4px solid #527ffc;
        display: flex;
        flex-direction: column !important;
        margin-bottom: 30px;
    }

    .project-requirements h4 {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }

    .project-requirements ul li p {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
        max-width: 100%;
    }

    .project-discuss {
        padding: 10px;
        padding-top: 20px;
        width: 100%;
        max-width: 100%;
        height: auto;
        border-left: 2px solid #7A7979;
        border-bottom: 2px solid #7A7979;
        border-right: 2px solid #7A7979;
        border-bottom: 2px solid #7A7979;
        border-top: 4px solid #527ffc;
        text-align: center;
        margin-bottom: 20px;
    }

    .engagement-terms {
        padding: 10px;
        padding-top: 20px;
        width: 100%;
        max-width: 100%;
        height: auto;
        border-top: 4px solid #527ffc;
        border-right: 2px solid #7A7979;
        border-bottom: 2px solid #7A7979;
        border-left: 2px solid #7A7979;
        text-align: center;
        margin-bottom: 20px;
    }




    .securely-pay {
        padding: 10px;
        padding-top: 20px;
        width: 100%;
        max-width: 100%;
        height: auto;
        border-top: 4px solid #527ffc;
        border-right: 2px solid #7A7979;
        border-bottom: 2px solid #7A7979;
        border-left: 2px solid #7A7979;
        text-align: center;
    }

    .project-discuss ul li p {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        margin-left: 0px;
        max-width: 100%;
    }

    .engagement-terms ul li p {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        margin-left: 0px;
        max-width: 100%;
    }

    .securely-pay ul li p {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        margin-left: 0px;
        max-width: 100%;
    }

    .business-project-define h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .business-project-define p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #585858;
        padding-bottom: 50px;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .business-project-defining-row {
        background: #EBEBEB;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .customizing-service-sec {
        padding-top: 50px;
    }



    .customizing-service-sec h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 20px;
    }

    .customizing-service-sec p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .customizing-service-sec ul .delivery-model .delivery-model-list .delivery-model-sub-list {
        display: flex;
        flex-direction: column !important;
        list-style: none;
        font-family: Roboto;
        font-size: 22px;
        font-weight: bold;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
    }


    .customizing-service-sec ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        padding-left: 0px;
    }

    .customizing-service-main-list {
        margin-top: 40px;
    }

    .delivery-model {
        width: 100%;
        max-width: 100%;
        height: auto;
        box-shadow: 0px 0px 16px -6px;
        border-top: 10px solid #527ffc;
        padding-top: 20px;
        padding-right: 10px;
        text-align: center;
    }

    .pricing-model {
        padding: 10px;
        width: 100%;
        max-width: 100%;
        height: auto;
        box-shadow: 0px 0px 16px -6px;
        border-top: 10px solid #527ffc;
        padding-top: 20px;
        padding-right: 10px;
        text-align: center;
        margin-top: 30px !important;
        padding-bottom: 20px;
    }


    .pricing-model-sub-list {
        list-style: none !important;
        text-align: center;
    }

    .pricing-model-sub-list li {
        font-family: Roboto;
        font-size: 22px;
        font-weight: bold;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        text-align: center;
    }

    .delivery-model {
        width: 100%;
        max-width: 100%;
        height: auto;
        box-shadow: 0px 0px 16px -6px;
        border-top: 10px solid #527ffc;
        padding-top: 20px;
        padding-right: 0px;
        text-align: center;
        padding-bottom: 20px;
        margin-top: 20px;
        text-align: center;
        padding: 10px;
    }

    .our-process-commit-heading h2 {
        font-size: 35px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 50px;
        text-align: center !important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }

    .our-process-commit-cont {
        background: #000;
        padding-top: 40px;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding-bottom: 0px;
        margin-bottom: 40px;
        margin-top: 40px;
    }


    .our-process-commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 20px;
        color: #fff;
    }


    .our-process-commit-left {
        padding-right: 0px;
        float: none;
    }

    .our-process-commit-left ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
        text-align: center;
		margin-left:0px;
    }

    .our-process-commit-left ul li {
        margin-bottom: 30px;
        font-size: 22px;
        line-height: 33px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-weight: 500;
        padding-right: 0px;
    }

    .our-process-commit-left h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
        text-align: center;
    }

    .our-process-commit-left p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        float: none;
    }

    .our-process-commit-right {
        padding-left: 0px;
    }

    .our-process-commit-right ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
        text-align: center;
        padding-left: 0px;
		margin-left:0px;
    }

    .our-process-commit-right ul li {
        margin-bottom: 35px;
        font-size: 22px;
        padding-right: 0px;
        line-height: 33px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-weight: 500;
    }

    .our-process-commit-right h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
        text-align: center;
    }

    .our-process-commit-right p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        font-family: 'Roboto', sans-serif;
        float: none;
        text-align: center;
    }

    .our-process-banner-section-right img {
        width: 100%;
        height: auto;
        max-width: 100%;
        float: none;
        padding-right: 0px;
    }

}

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

    .our-process-banner-section-right {
        text-align: right;
    }

    .our-process-banner-section-right img {
        width: 80%;
        height: auto;
        max-width: 100%;
        float: right;
        padding-right: 0px;
    }

    .our-process-banner-section-left {
        padding-left: 40px;
        padding-right: 40px;
    }

    .process-section-heading {
        padding-left: 40px;
        padding-right: 40px;
    }

    .business-project-define {
        padding-left: 20px;
        padding-right: 20px;
    }

    .customizing-service-sec {
        padding-left: 20px;
        padding-right: 20px;
    }

    .customizing-service-main-list {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .our-process-commit-cont {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

}

@media screen and (min-width:700px) and (max-width:991px) {
    .our-process-banner-section-right img {
        width: 70%;
        height: auto;
        max-width: 100%;
        float: right;
        padding-right: 0px;
    }


    .collab-process-ul {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .customizing-service-main-list {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }


    .our-process-commit-cont {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }



}


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

    .our-process-banner-section-right img {
        width: 65%;
        height: auto;
        max-width: 100%;
        float: right;
        padding-right: 0px;
    }

    .our-process-banner-section-left {
        padding-left: 80px;
        padding-right: 80px;
    }


    .process-section-heading {
        padding-left: 80px;
        padding-right: 80px;
    }

    .collab-process-ul {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

    .business-project-define {
        padding-left: 80px;
        padding-right: 80px;
    }

    .customizing-service-sec {
        padding-left: 80px;
        padding-right: 80px;
    }

}

@media screen and (min-width:992px) and (max-width:1400px) {

    .our-process-commit-cont {
        background: #000;
        padding-top: 60px;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding-bottom: 0px;
        margin-bottom: 80px;
        margin-top: 80px;
    }

    .delivery-model {
        margin-right: 20px;
        width: 90%;
        height: auto;
        box-shadow: 0px 0px 16px -6px;
        border-top: 10px solid #527ffc;
        padding-top: 20px;
        padding-right: 10px;
    }

    .pricing-model {
        margin-right: 20px;
        padding-bottom: 20px;
        display: block;
        margin-top: 150px;
        padding-top: 20px;
        width: 90%;
        height: auto;
        box-shadow: 0px 0px 16px -6px;
        border-bottom: 10px solid #527ffc;
    }




    .business-project-define h2 {
        font-family: Raleway;
        font-size: 45px;
        font-weight: 700;
        line-height: 65px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
        margin-bottom: 50px !important;
    }

    .process-section-heading ul {
        padding-left: 0px;
    }

    .securely-pay {
        margin-right: 10px;
        padding-top: 20px;
        width: 100%;
        max-width: 100%;
        height: 400px;
        border-top: 2px solid #7A7979;
        border-right: 2px solid #7A7979;
        border-bottom: 2px solid #7A7979;
        border-left: 4px solid #527ffc;
        display: flex;
        flex-direction: column !important;
        padding: 20px;
    }

    .engagement-terms {
        margin-right: 10px;
        padding-top: 20px;
        width: 100%;
        max-width: 100%;
        height: 400px;
        border-top: 2px solid #7A7979;
        border-right: 2px solid #7A7979;
        border-bottom: 2px solid #7A7979;
        border-left: 4px solid #527ffc;
        display: flex;
        flex-direction: column !important;
        padding: 20px;
    }

    .project-discuss {
        margin-right: 10px;
        padding-top: 20px;
        width: 100%;
        max-width: 100%;
        height: 400px;
        border-top: 2px solid #7A7979;
        border-right: 2px solid #7A7979;
        border-bottom: 2px solid #7A7979;
        border-left: 4px solid #527ffc;
        display: flex;
        flex-direction: column !important;
        padding: 20px;
    }

    .project-discuss ul li p {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0em;
        text-align: left;
        color: #403F3F;
        margin-left: 0px;
        margin-bottom: 0px !important;
    }

    .project-requirements ul li p {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0em;
        text-align: left;
        color: #403F3F;
        margin-left: 0px;
        margin-bottom: 0px !important;
    }

    .project-requirements {
        margin-right: 10px;
        padding-top: 20px;
        width: 100%;
        max-width: 100%;
        height: 400px;
        border-top: 2px solid #7A7979;
        border-right: 2px solid #7A7979;
        border-bottom: 2px solid #7A7979;
        border-left: 4px solid #527ffc;
        display: flex;
        flex-direction: column !important;
        padding: 20px;
    }

    .process-section-heading {
        padding-top: 80px;
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .process-section-heading p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 95%;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 80px !important;
    }


    .process-section-heading h2 {
        font-family: Raleway;
        font-size: 45px;
        font-weight: 700;
        line-height: 65px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 50px !important;
    }

    .our-process-banner-section-left {
        padding-top: 40px;
        padding-left: 27px;
    }

    .our-process-banner-section-right {
        padding-top: 0px;
    }

    .our-process-banner-section-right img {
        width: 100%;
        height: auto;
        max-width: 100%;
        float: right;
        padding-right: 0px;
    }

    .our-process-commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }

    .our-process-commit-left {
        padding-right: 0px;
        float: none;
    }

    .our-process-commit-left h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
    }

    .our-process-commit-left p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        float: none;
    }

    .our-process-commit-right {
        padding-left: 0px;
    }

    .our-process-commit-right h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
    }

    .our-process-commit-right p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        font-family: 'Roboto', sans-serif;
        float: none;
    }



}

@media screen and (min-width:1401px) and (max-width:1800px) {

    .our-process-banner-section-right img {
        width: 95%;
        height: auto;
        max-width: 685px;
        float: right;
        padding-right: 0px;
    }

    .our-process-banner-section-right {
        padding-top: 0px;
    }


    .process-section-heading h2 {
        font-family: Raleway;
        font-size: 55px;
        font-weight: 700;
        line-height: 65px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        max-width: 95%;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 50px !important;
    }



    .process-section-heading p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 80px !important;
    }


    .process-section-heading ul {
        padding-left: 0px;
    }

    .project-requirements {
        margin-right: 20px;
        padding: 20px;
    }

    .project-discuss {
        margin-right: 20px;
        padding: 20px;
    }

    .engagement-terms {
        margin-right: 20px;
        padding: 20px;
    }

    .securely-pay {
        padding: 20px;
    }

    .business-project-define h2 {
        font-family: Raleway;
        font-size: 55px;
        font-weight: 700;
        line-height: 65px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
        margin-bottom: 50px !important;
    }

    .business-project-define p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #585858;
        padding-bottom: 50px;
        max-width: 85%;
        width: 100%;
        margin: 0 auto;
    }

    .customizing-service-sec h2 {
        font-family: Raleway;
        font-size: 55px;
        font-weight: 700;
        line-height: 65px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 50px;
        width: 85%;
        margin: 0 auto;
        margin-bottom: 50px !important;
    }

    .delivery-model-list li h2 {

        font-family: Raleway;
        font-size: 30px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 20px !important;
        width: 85%;
        margin: 0 auto;


    }

    .pricing-model-list li h2 {

        font-family: Raleway;
        font-size: 30px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 20px !important;
        width: 85%;
        margin: 0 auto;
    }

    .delivery-model {
        width: 100%;
        max-width: 488px;
        height: 400px!important;
        box-shadow: 0px 0px 16px -6px;
        border-top: 10px solid #527ffc;
        padding-top: 20px;
        padding-right: 10px;
        margin-right: 20px
    }

    .pricing-model {
        display: block;
        margin-top: 150px;        
        width: 100%;
        max-width: 488px;
        height: 400px!important;
        box-shadow: 0px 0px 16px -6px;
        border-bottom: 10px solid #527ffc;
        margin-right: 20px;
		padding:30px;
       

    }



}




/*********************engagement--models**************************************************/

.eng-slider-button a{
	text-decoration:none;
		color:#fff;
}

.eng-ex-button a{
	text-decoration:none;
		color:#fff;
}



.eng-commit-left ul li img {
    width: 86px!important;
    height: 79px!important;
} 

.eng-commit-right ul li img {
    width: 86px!important;
    height: 79px!important;
} 

.eng-slider-sec-left h2 {
    font-family: Poppins;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 50px;

}

.eng-slider-sec-left {
    padding-top: 80px;
    padding-left: 140px;
}

.eng-slider-sec-left p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    width: 75%;
    margin-bottom: 50px;
}

.eng-slider-sec-left span {
    color: #527ffc;

}

.eng-slider-button {
    width: 207px;
    height: 57px;
    background: #527ffc;
    border-radius: 7px;
    color: #fff;
    text-transform: capitalize;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    border: none;

}

.eng-sp {
    display: block;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    background: #527ffc;
    height: 36px;
    width: 421px;
    color: #fff !important;
    line-height: 36px;
    text-align: right;
    padding-right: 22px;
    margin-bottom: 10px;
    position: relative;
    left: -159px;
}


.eng-slider-sec-right {
    padding-top: 80px;
    padding-left: 40px;

}

.eng-slider-sec-right img {
    width: 85%;
}

.trusted-partner-heading h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 50px;
}

.trusted-partner-heading span {
    color: #527ffc;
}

.trusted-partner-heading {
    padding-top: 40px;
    padding-bottom: 80px;
}

.trusted-partner-heading p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 85%;
    margin: 0 auto;
}

.delivery-model-sec {
    padding: 30px;
    width: 400px;
    height: 500px;
    border-top: 10px solid #527ffc;
    box-shadow: 0px 0px 25px -10px;
	border-radius:50px;
}

.partner-feature-sec ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    max-width: 90%;
	margin-left:0px;
	padding-left:0px;
}

.pricing-model-sec {
	padding:30px!important;
		width: 400px;
    height: 500px;
    border-top: 10px solid #527ffc;
    box-shadow: 0px 0px 25px -10px;
   border-radius:50px;
}

.Dedicated-Team-Model-sec {
   padding:30px!important;
	width: 400px;
    height: 500px;
    border-top: 10px solid #527ffc;
    box-shadow: 0px 0px 25px -10px;
	border-radius:50px;
}

.partner-feature-sec {
  
	display: flex;
    justify-content: center;
    margin-bottom: 40px;
    margin-left: 60px;
}

.partner-feature-sec ul li {
    margin-right: 80px;
}

.delivery-model-sec h2 {
   font-family: Roboto;
    font-size: 27px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;

}

.delivery-model-sec p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;

}

.delivery-model-sec ul li {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;

}

.delivery-model-sec ul {
    display: flex;
    flex-direction: column;
    list-style: disc;
	padding-left:20px;
}

.pricing-model-sec ul {
    display: flex;
    flex-direction: column;
    list-style: disc;
	padding-left:20px;
}

.pricing-model-sec ul li {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;

}

.expertise-sec-heading {
    padding-top: 40px;
}

.pricing-model-sec p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;

}

.pricing-model-sec h2 {
    font-family: Roboto;
    font-size: 27px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;

}

.pricing-model-sec {
    padding: 20px;
}

.Dedicated-Team-Model-sec {
    padding: 20px;
}

.Dedicated-Team-Model-sec h2 {
   font-family: Roboto;
    font-size: 27px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;

}

.Dedicated-Team-Model-sec p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;

}

.Dedicated-Team-Model-sec ul li {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;

}

.Dedicated-Team-Model-sec ul {
    display: flex;
    flex-direction: column;
    list-style: disc;
}

.expertise-row {
    background: #EBEBEB;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-top: 80px;
    padding-bottom: 80px;
}

.expertise-sec-heading h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 30px;

}

.expertise-sec-heading p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    width: 70%;
    margin: 0 auto;
}

.ex-sec-left ul li {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 15px;

}

.ex-sec-left ul {
    list-style: none;
    float: right;
    width: 60%;
}

.ex-sec-right ul li {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 15px;

}

.ex-sec-right ul {
    list-style: none;
    float: left;
    width: 60%;
}

.expertise-feature-sec {
    display: flex;
    flex-direction: row;
    padding-top: 20px;
}

.expertise-sec-heading span {
    color: #527ffc;
}

.expertise-feature-sec ul li:before {
    content: '';
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2025/12/file_000000009ea871fa9d26ee3f37527940.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 35px;
    height: 35px;
    display: block;
    position: relative;
    left: -45px;
    top: 30px;
}

.ex-sec-right {
    padding-left: 80px;
}

.ex-sec-left {
    padding-right: 80px;
}

.eng-ex-button {
    width: 207px;
    height: 57px;
    background: #527ffc;
    border-radius: 7px;
    color: #fff;
    text-transform: capitalize;
    font-family: Raleway;
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    border: none;

}

.ex-sec-btn {
    text-align: center;
    padding-bottom: 40px;
}

.eng-arrow-slider {
    margin-left: 10px;
}




.eng-commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 80px;
    margin-top: 40px;
}

.eng-commit-heading h2 {
    font-size: 45px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 40px;
    text-align: center !important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;

}


.eng-commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;

}

.eng-commit-left ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
}

.eng-commit-right ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
    padding-left: 0px;
}

.cmt-sp {
    color: #527ffc;
}

.eng-commit-left ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;

}

.eng-commit-right ul li {
    margin-bottom: 40px;
    font-size: 22px;
    padding-right: 20px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;

}

.eng-commit-left p {
    width: 407px;
    font-size: 15px !important;
    line-height: 23px !important;
    float: right;
	color:#fff;
}

.eng-commit-right p {
    width: 407px;
    font-size: 15px !important;
    line-height: 23px !important;
    font-family: 'Roboto', sans-serif;
    float: right;
	color:#fff;
}

.eng-commit-right h2 {
    width: 406px;
    font-size: 22px !important;
    line-height: 33px !important;
    font-family: 'Roboto', sans-serif;
	color:#fff;
}

.eng-commit-left h2 {
    width: 406px;
    font-size: 22px !important;
    line-height: 33px !important;
    font-family: 'Roboto', sans-serif;
	color:#fff;
	
}

.eng-commit-left {
    padding-right: 45px;
    float: right;
}

.eng-commit-right {
    padding-left: 45px;
}


/***********************responsive-start*************************/

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

    .eng-slider-sec-left {
        padding-top: 40px;
        padding-left: 0px;
    }

    .eng-slider-sec-left h2 {
        font-family: Poppins;
        font-size: 35px!important;
        font-weight: 700;
        line-height: 54px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 15px;
        width: 100%;
        margin-top: 30px;
    }

    .eng-slider-sec-left p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
        margin-bottom: 50px;
    }

    .eng-slider-sec-left {
        text-align: center;
    }

    .trusted-partner-heading h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 30px;
        width: 100%;
    }

    .trusted-partner-heading p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
        margin: 0 auto;
    }

    .partner-feature-sec {
        display: flex;
        justify-content: center;
        margin-bottom: 80px;
        margin-left: 0px;
        flex-direction: column;
        padding-right: 10px;
        padding-left: 10px;
    }

    .partner-feature-sec ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        padding-left: 0px;
		margin-left:0px;
    }

    .partner-feature-sec ul li {
        margin-right: 0px;
    }

    .delivery-model-sec {
        padding: 10px;
        width: 100%;
        height: auto;
        border-top: 10px solid #527ffc;
        box-shadow: 0px 0px 25px -10px;
    }

    .pricing-model-sec {
        padding: 5px;
    }


    .pricing-model-sec {
        width: 100%;
        height: auto;
        border-bottom: 10px solid #527ffc;
        box-shadow: 0px 0px 25px -10px;
    }

    .Dedicated-Team-Model-sec {
        width: 100%;
        height: auto;
        border-top: 10px solid #527ffc;
        box-shadow: 0px 0px 25px -10px;
    }

    .expertise-sec-heading h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 30px;
        width: 100%;
    }


    .expertise-sec-heading p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        width: 100%;
        margin: 0 auto;
    }

    .expertise-feature-sec {
        display: flex;
        flex-direction: column;
        padding-top: 20px;
    }



    .eng-commit-heading h2 {
        font-size: 35px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 50px;
        text-align: center !important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }


    .eng-commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }

    .eng-commit-left {
        padding-right: 0px;
        float: revert;
    }

    .eng-commit-left ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        text-align: center;
		padding-left:0px;
		padding-right:0px;
		margin-left:0px;
    }


    .eng-commit-left h2 {
        width: 100%;
        font-size: 20px;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
        text-align: center;
    }

    .eng-commit-left p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        float: revert;
        text-align: center;
    }

    .eng-commit-right {
        padding-left: 0px;
    }

    .eng-commit-right ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
        text-align: center;
		padding-left:0px;
		margin-left:0px;
    }

    .eng-commit-right ul li {
        margin-bottom: 30px;
        font-size: 22px;
        padding-right: 0px;
        line-height: 33px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-weight: 500;
    }

	
	
	
    .eng-commit-right h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
        text-align: center;
    }

    .eng-commit-right p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        font-family: 'Roboto', sans-serif;
        float: revert;
        text-align: center;
    }

    .eng-commit-left ul li {
        margin-bottom: 25px;
        font-size: 22px;
        line-height: 33px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-weight: 500;
        padding-right: 20px;
    }

    .eng-sp {
        display: block;
        font-family: Poppins;
        font-size: 15px;
        font-weight: 600;
        line-height: 23px;
        letter-spacing: 0em;
        text-align: left;
        background: #527ffc;
        height: 36px;
        width: 100%;
        color: #fff !important;
        line-height: 36px;
        text-align: center;
        padding-right: 0px;
        margin-bottom: 25px;
        position: relative;
        left: 0px;
        margin: 0 auto;
    }

    .slider-row {
        display: flex;
        flex-direction: column-reverse;
    }

    .eng-slider-sec-right {
        padding-top: 80px;
        padding-left: 0px;
        text-align: center;
    }

    .delivery-model-sec h2 {
        font-family: Roboto;
        font-size: 30px;
        font-weight: 500;
        line-height: 35px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }

    .delivery-model-sec p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }

    .delivery-model-sec ul li {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        font-weight: bold;
    }

    .pricing-model-sec h2 {
        font-family: Roboto;
        font-size: 30px;
        font-weight: 500;
        line-height: 46px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }

    .pricing-model-sec p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }

    .pricing-model-sec ul li {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        font-weight: bold;
    }

    .Dedicated-Team-Model-sec h2 {
        font-family: Roboto;
        font-size: 30px;
        font-weight: 500;
        line-height: 35px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }

    .Dedicated-Team-Model-sec p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }

    .pricing-model-sec {
        margin-top: 65px;
    }

    .Dedicated-Team-Model-sec {
        margin-top: 65px;
    }

    .ex-sec-left {
        padding-right: 0px;
    }

    .ex-sec-left ul {
        list-style: none;
        float: revert;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding-left: 0px;
		margin-left:0px;
    }

    .ex-sec-left ul li {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 0px;
        margin-top: 30px;
    }


    .ex-sec-right {
        padding-left: 0px;
    }

    .ex-sec-right ul {
        list-style: none;
        float: revert;
        width: 100%;
        text-align: center;
        padding-left: 0px;
		margin-left:0px;
    }


    .ex-sec-right ul li {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 15px;
        margin-top: 30px;
    }

    .expertise-feature-sec ul li:before {
        content: '';
        background-image: url(
'https://www.webnyxa.com/wp-content/uploads/2025/12/file_000000009ea871fa9d26ee3f37527940.png');
        background-repeat: no-repeat;
        background-size: cover;
        width: 28px;
        height: 28px;
        display: block;
        position: relative;
        left: 0px;
        top: -30px;
        margin: 0 auto;
    }


    .eng-commit-cont {
        background: #000;
        padding-top: 50px;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding-bottom: 0px;
        margin-bottom: 95px;
        margin-top: 80px;
    }

}

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

    .eng-slider-sec-right img {
        width: 65%;
    }

    .trusted-partner-heading {
        padding-right: 30px;
        padding-left: 30px;
    }

    .partner-feature-sec {
        display: flex;
        justify-content: center;
        margin-bottom: 80px;
        margin-left: 0px;
        flex-direction: column;
        padding-right: 40px;
        padding-left: 40px;
    }

    .expertise-sec-heading {
        padding-left: 20px;
        padding-right: 20px;
    }

    .ex-sec-left {
        padding-left: 60px;
        padding-right: 60px;
    }


    .ex-sec-right {
        padding-left: 60px;
        padding-right: 60px;

    }

    .ex-sec-btn {
        padding-top: 40px;
    }

}

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

    .eng-slider-sec-right img {
        width: 60%;
    }

    .eng-slider-sec-left {
        padding-left: 40px;
        padding-right: 40px;
    }

    .partner-feature-sec {
        display: flex;
        justify-content: center;
        margin-bottom: 80px;
        margin-left: 0px;
        flex-direction: column;
        padding-right: 100px;
        padding-left: 100px;
    }

    .delivery-model-sec {
        padding: 40px;
    }

    .pricing-model-sec {
        padding: 40px;
    }

    .Dedicated-Team-Model-sec {
        padding: 40px;
    }

    .expertise-sec-heading p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        width: 91%;
        margin: 0 auto;
    }

    .ex-sec-left ul {
        list-style: none;
        float: revert;
        width: 62%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding-left: 0px;
        margin: 0 auto;
    }

    .ex-sec-right ul {
        list-style: none;
        float: revert;
        width: 63%;
        text-align: center;
        padding-left: 0px;
        margin: 0 auto;
    }

    .eng-commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        width: 80%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }

    .eng-commit-left ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        text-align: center;
        padding-left: 0px;
        width: 80%;
        margin: 0 auto;
    }

    .eng-commit-right ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        text-align: center;
        padding-left: 0px;
        width: 80%;
        margin: 0 auto;
    }


}

@media screen and (min-width:992px) and (max-width:1400px) {
	.eng-commit-left ul{
		margin-left:0px;
	}
	
	.eng-commit-left ul li img {
	    width:100%;
		max-width: 272px!important;
		height: auto!important;
	}
		
			.eng-commit-right ul{
		margin-left:0px;
	}
	
	.eng-commit-right ul li img {
	    width:100%;
		max-width: 272px!important;
		height: auto!important;
	}
	
	.quality-commit-left ul li img {
	    width:100%;
		max-width: 272px!important;
		height: auto!important;
	}
	
		.quality-commit-right ul li img {
	    width:100%;
		max-width: 272px!important;
		height: auto!important;
	}
	.quality-commit-right ul{
		margin-left:0px;
	}
	
	.quality-commit-left ul{
		margin-left:0px;
	}
	
	
	
	
		.our-process-commit-left ul li img {
	    width:100%;
		max-width: 272px!important;
		height: auto!important;
	}
	
		.our-process-commit-right ul li img {
	    width:100%;
		max-width: 272px!important;
		height: auto!important;
	}
	.our-process-commit-left ul{
		margin-left:0px;
	}
	
	.our-process-commit-right ul{
		margin-left:0px;
	}
	
	
	
	
		.graphic-commit-left ul li img {	   
		max-width: 272px!important;
		height: auto!important;
	}
	
		.graphic-commit-right ul li img {	   
		max-width: 272px!important;
		height: auto!important;
	}
	.graphic-commit-left ul{
		margin-left:0px;
		padding-left:0px;
	}
	
	.graphic-commit-right ul{
		margin-left:0px;
		padding-left:0px;
	}
	
	.graphic-commit-right {
    padding-left: 0px!important;
}
		
	
	
	
.ios-commit-left ul li img {
	   
		max-width: 272px!important;
		height: auto!important;
	}
	
		.ios-commit-right ul li img {
	 
		max-width: 272px!important;
		height: auto!important;
	}
	.ios-commit-left ul{
		margin-left:0px;
		padding-left:0px;
	}
	
	.ios-commit-right ul{
		margin-left:0px;
		padding-left:0px;
	}
	
	.ios-commit-right {
    padding-left: 0px!important;
}
	

	.page-template-IT_Consulting-1 .commit-right {
    padding-left: 0px!important;
}
		
	.page-template-IT_Consulting-1 .commit-left{
    padding-left: 0px!important;
}
		
	.page-template-IT_Consulting-1 .commit-right ul{
		margin-left:0px;
		padding-left:0px;
	}
	
	
	.page-template-IT_Consulting-1 .commit-right ul{
		margin-left:0px;
		padding-left:0px;
	}
	
	
	.page-template-IT_Consulting-1 .commit-left ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
    margin-left: 0px;
    padding-left: 0px;
}
	
		.page-template-IT_Consulting-1 .commit-left ul li img {
	    width:100%;
		max-width: 272px!important;
		height: auto!important;
	}
	
		.page-template-IT_Consulting-1 .commit-right ul li img {
	    width:100%;
		max-width: 272px!important;
		height: auto!important;
	}
	
.page-template-Mobile_app_development	.tech-row .card.tech-card {
    box-shadow: 0px 0px 8px -2px;
    border: 2px solid #527ffc!important;
    margin-bottom: 70px!important;
    padding-top: 15px!important;
    width: 100%!important;
    height: 285px!important;
	max-width:453px;
	
}
	
	
		
	.page-template-Mobile_app_development .commit-right {
    padding-left: 0px!important;
}
		
	.page-template-Mobile_app_development .commit-left{
    padding-left: 0px!important;
}
		
.page-template-Mobile_app_development .commit-right ul{
		margin-left:0px;
		padding-left:0px;
	}
	
	
	.page-template-Mobile_app_development .commit-right ul{
		margin-left:0px;
		padding-left:0px;
	}
	
	
	.page-template-Mobile_app_development .commit-left ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
    margin-left: 0px;
    padding-left: 0px;
}
	
		.page-template-Mobile_app_development .commit-left ul li img {
	    width:100%;
		max-width: 272px!important;
		height: auto!important;
	}
	
		.page-template-Mobile_app_development .commit-right ul li img {
	    width:100%;
		max-width: 272px!important;
		height: auto!important;
	}
	
	
	.commit-right {
    padding-left: 0px!important;
}
		
 .commit-left{
    padding-left: 0px!important;
}
		
 .commit-right ul{
		margin-left:0px;
		padding-left:0px;
	}
	
	
.commit-right ul{
		margin-left:0px;
		padding-left:0px;
	}
	
	
.commit-left ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
    margin-left: 0px;
    padding-left: 0px;
}
 .commit-left ul li img {
	    width:100%;
		max-width: 272px!important;
		height: auto!important;
	}
	
		 .commit-right ul li img {
	    width:100%;
		max-width: 272px!important;
		height: auto!important;
	}
	
	
	
	
		
	.android-commit-left {
    padding-left: 0px!important;
}
		
 .android-commit-rightt{
    padding-left: 0px!important;
}
		
 .android-commit-left ul{
		margin-left:0px;
		padding-left:0px;
	}
	
	
.android-commit-right ul{
		margin-left:0px;
		padding-left:0px;
	}
	
	
.android-commit-left ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
    margin-left: 0px;
    padding-left: 0px;
}
		
.android-commit- ul rightl {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
    margin-left: 0px;
    padding-left: 0px;
}
 .android-commit-left ul li img {	  
		max-width: 272px!important;
		height: auto!important;
	}
	
		 .android-commit-right ul li img {	   
		max-width: 272px!important;
		height: auto!important;
	}
	
.android-commit-left ul li {
    margin-bottom: 87px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
   
}	

	.android-commit-right ul li {
    margin-bottom: 87px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
   
}
	
	
	.page-template-android_app_development .advantage-section .img-1{
		margin:0 auto;
	}	
	
	

    .eng-slider-sec-left p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: left;
        color: #403F3F;
        width: 100%;
        margin-bottom: 50px;
    }

    .eng-slider-sec-left h2 {
        font-family: Poppins;
        font-size: 45px;
        font-weight: 700;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: left;
        color: #000;
        margin-bottom: 10px;
    }

    .eng-slider-sec-left p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: left;
        color: #403F3F;
        width: 100%;
        margin-bottom: 20px;
    }

    .eng-slider-sec-right {
        padding-top: 150px;
        padding-left: 40px;
    }

    .trusted-partner-heading h2 {
        font-family: Raleway;
        font-size: 45px;
        font-weight: 700;
        line-height: 45px!important;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 50px;
        width: 60%;
        margin: 0 auto;
        margin-bottom: 30px !important;
    }

    .eng-commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }

    .eng-commit-left {
        padding-right: 0px;
        float: revert;
    }

    .eng-commit-left h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
    }

    .eng-commit-left p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        float: revert;
    }

    .eng-commit-right h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
    }

    .eng-commit-right p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        font-family: 'Roboto', sans-serif;
        float: revert;
    }

    .eng-commit-heading h2 {
        font-size: 50px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 65px;
        text-align: center !important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }

    .partner-feature-sec {
        display: flex;
        justify-content: center;
        margin-bottom: 80px;
        margin-left: 0px;
    }

    .partner-feature-sec ul li {
        margin-right: 25px;
    }

    .delivery-model-sec {
        padding: 20px;
        width: 100%;
        height: auto;
        border-top: 10px solid #527ffc;
        box-shadow: 0px 0px 25px -10px;
    }

    .pricing-model-sec {
        width: 100%;
        height: auto;
        border-bottom: 10px solid #527ffc;
        box-shadow: 0px 0px 25px -10px;
        margin-top: 0px;
    }

    .Dedicated-Team-Model-sec {
        width: 100%;
        height: auto;
        border-top: 10px solid #527ffc;
        box-shadow: 0px 0px 25px -10px;
    }


}

@media screen and (min-width:1200px) and (max-width:1800px) {

    .eng-commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }

    .eng-commit-left ul {
        display: flex;
        list-style: none;
        flex-direction: row;
        color: #fff;
        padding-left: 0px;
		margin-left:0px;
    }

    .eng-commit-right ul {
        display: flex;
        list-style: none;
        flex-direction: row;
        color: #fff;
        padding-left: 0px;
        padding-right: 30px;
    }

}

@media screen and (min-width:1401px) and (max-width:1800px) {
    .eng-slider-sec-right {
        padding-top: 119px;
        padding-left: 0px;
    }


    .delivery-model-sec {
        padding: 30px;
        width: 488px;
        height: auto;
        border-top: 10px solid #527ffc;
        box-shadow: 0px 0px 25px -10px;
    }

    .pricing-model-sec {
        width: 488px;
        height: auto;       
        box-shadow: 0px 0px 25px -10px;
   
    }

    .Dedicated-Team-Model-sec {
        width: 488px;
        height: auto;
        border-top: 10px solid #527ffc;
        box-shadow: 0px 0px 25px -10px;
    }


}


/**************************Quality--Management--Page***************************************/

.quality-technical-support img {
    width: 110px;
    height: auto;
}


.quality-commit-left img{
	
    width: 86px!important;
    height: 79px!important;
}
	
.quality-commit-right img{
	
    width: 86px!important;
    height: 79px!important;
}
	

.quality-banner-button a{
	color:#fff;
	text-decoration:none;
}

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


.quality-banner-left h2 {
    font-family: Poppins;
    font-size: 55px;
    font-weight: 700;
    line-height: 80px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 30px;
}

.quality-banner-left p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    width: 85%;

}

.quality-banner-left {
    padding-top: 140px;
    padding-left: 140px;

}

.quality-banner-left span {
    color: #527ffc;
}

.quality-banner-button {
    width: 207px;
    height: 57px;
    background: #527ffc;
    border-radius: 7px;
    border: none;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    margin-top: 50px;
}

.quality-arrow-slider {
    margin-left: 10px;
}

.quality-banner-right img {
    width: 70%;
    height: auto;
    margin-right: 150px;
}

.quality-banner-right {
    text-align: right;
    padding-top: 80px;
}

.quality-management-about h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 50px !important;
}


.quality-management-about p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    width: 80%;
    margin: 0 auto;
}

.quality-management-about {
    padding-top: 40px;
    padding-bottom: 40px;
}

.quality-management-about span {
    color: #527ffc;
}

.quality-mg-details h2 {
 font-family: 'Satisfy', cursive;
    font-size: 75px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 80px;

}

.quality-mg-details span {
    color: #527ffc;
}

.quality-technical-support h2 {
    font-family: Raleway;
    font-size: 75px;
    font-weight: 700;
    line-height: 90px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 10px;
}

.quality-technical-support p {
    font-family: Raleway;
    font-size: 25px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #7A7979;

}

.quality-main-list {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-left: 0px;
}


.quality-main-list ul {
    list-style: none;
    padding-left: 0px;
}


.quality-main-list li {
    width: 500px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;

}

.quality-technical-support img {
    width: 110px;
    height: auto;
}

.quality-service-ben-sec h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;

}

.quality-service-ben-sec span {
    color: #527ffc;
}

.quality-service-ben-sec {
    padding-top: 40px;
    padding-bottom: 40px;

}

.quality-feature-row ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding-left: 0px;
		margin-left:0px;
	margin-bottom:0px;
}

.quality-mg-details {
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 40px;
    padding-bottom: 40px;
	background:#f4f2f2;
}


.quality-service-card {
    width: 66px !important;
    height: auto !important;
    margin-left: 20px;
}

.quality-feature-row1 .card {
    width: 329px !important;
    height: 265px !important;
    padding-top: 30px;
}

.quality-feature-row .card-text {
      font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
}

.quality-feature-row .card-title {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.quality-feature-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.quality-feature-row ul li {
    margin-right: 50px;
}


.quality-new-card {
    border-left: 3px solid #527ffc !important;
    border-right: 2px solid #7A7979 !important;
    border-bottom: 3px solid #527ffc !important;
    border-top: 2px solid #7A7979 !important;
}

.quality-new-card1 {
    border-left: 2px solid #7A7979 !important;
    border-right: 2px solid #7A7979 !important;
    border-bottom: 2px solid #7A7979 !important;
    border-top: 2px solid #7A7979 !important;

}

.quality-feature-row .card-body {
    padding-right: 5px;
}




.quality-commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;

}

.quality-commit-left ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
}

.quality-commit-right ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
    padding-left: 0px;
}

.quality-cmt-sp {
    color: #527ffc;
}

.quality-commit-left ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;

}

.quality-commit-right ul li {
    margin-bottom: 40px;
    font-size: 22px;
    padding-right: 20px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;

}

.quality-commit-left p {
    width: 407px;
    font-size: 15px !important;
    line-height: 23px !important;
    float: right;
	color:#fff;
}

.quality-commit-right p {
    width: 407px;
    font-size: 15px !important;
    line-height: 23px !important;
    font-family: 'Roboto', sans-serif;
    float: right;
	color:#fff;
}

.quality-commit-right h2 {
    width: 406px;
    font-size: 22px !important;
    line-height: 33px !important;
    font-family: 'Roboto', sans-serif;
	color:#fff;
}

.quality-commit-left h2 {
    width: 406px;
    font-size: 22px !important;
    line-height: 33px !important;
    font-family: 'Roboto', sans-serif;
	color:#fff;
}

.quality-commit-left {
    padding-right: 45px;
    float: right;
}

.quality-commit-right {
    padding-left: 45px;
}



.quality-commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;  
    margin-bottom: 80px;
    margin-top: 40px;
	padding-bottom:0px;
}

.quality-commit-heading h2 {
    font-size: 45px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 50px;
    text-align: center !important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;

}




/***********************responsive-start******************************************/

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

    .quality-banner-row {
        display: flex;
        flex-direction: column-reverse;
    }

    .quality-banner-left {
        padding-top: 80px;
        padding-left: 0px;
        text-align: center;
    }

    .quality-banner-left h2 {
        font-family: Poppins;
        font-size: 35px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 20px;
        width: 100%;
    }

    .quality-banner-left p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
    }

    .quality-banner-right img {
        width: 100%;
        height: auto;
        margin-right: 0px;
    }

    .quality-banner-right {
        text-align: center;
        padding-top: 80px;
    }

    .quality-management-about h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px !important;
    }

    .quality-management-about p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
        margin: 0 auto;
    }

    .quality-mg-details {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .quality-mg-details h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 50px;
        width: 100%;
    }

    .quality-main-list {
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 0px;
		margin-left:0px;
    }

    .quality-main-list li {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    .quality-service-ben-sec {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .quality-service-ben-sec h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }

    .quality-feature-row {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .quality-feature-row ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        padding-left: 0px;
		margin-left:0px;
    }

    .quality-commit-heading h2 {
        font-size: 35px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 50px;
        text-align: center !important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }

    .quality-commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 30px;
        color: #fff;
    }

    .quality-commit-left {
        padding-right: 0px;
        float: revert;
        text-align: center;
    }

    .quality-commit-left ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
		margin-left:0px;
    }

    .quality-commit-left ul li {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 33px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-weight: 500;
        padding-right: 0px;
		margin-left:0px;
    }

    .quality-commit-left h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
    }

    .quality-commit-left p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        float: revert;
    }

    .quality-commit-right {
        padding-left: 0px;
        text-align: center;
    }

    .quality-commit-right ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
		margin-left:0px;
    }

    .quality-commit-right ul li {
        margin-bottom: 20px;
        font-size: 22px;
        padding-right: 0px;
        line-height: 33px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-weight: 500;
    }

    .quality-commit-right h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
    }

    .quality-commit-right p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        font-family: 'Roboto', sans-serif;
        float: revert;
    }

    .quality-feature-row1 .card {
        width: 100% !important;
        height: auto !important;
        padding-top: 30px;
        margin-bottom: 30px !important;
    }


    .quality-feature-row ul li {
        margin-right: 0px;
    }

    .quality-service-card {
        width: 66px !important;
        height: auto !important;
        margin-left: 0px;
        margin: 0 auto;
    }

    .quality-feature-row .card-title {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }

    .quality-feature-row .card-text {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
    }

    .quality-technical-support img {
        width: 50%;
        height: auto;
    }

    .quality-main-list ul {
        list-style: none;
        padding-left: 0px;
        margin-bottom: 50px;
		margin-left:0px;
    }

    .quality-technical-support h2 {
        margin-bottom: 5px !important;
    }

    .quality-management-about {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .quality-commit-cont {
        background: #000;
        padding-top: 60px;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding-bottom: 0px;
        margin-bottom: 45px;
        margin-top: 0px;
    }


}

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

    .quality-banner-right img {
        width: 80%;
        height: auto;
        margin-right: 0px;
    }


}

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

    .quality-management-about {
        padding-top: 80px;
        padding-bottom: 50px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .quality-feature-row1 .card {
        width: 70% !important;
        height: auto !important;
        padding-top: 30px;
        margin-bottom: 30px !important;
        margin: 0 auto;
    }

    .quality-service-ben-sec h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 50px;
    }

    .quality-commit-heading {
        padding-left: 40px;
        padding-right: 40px;
    }

    .quality-commit-left {
        padding-left: 40px;
        padding-right: 40px;
    }


    .quality-commit-right {
        padding-left: 40px;
        padding-right: 40px;
    }


}

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

    .quality-banner-right img {
        width: 65%;
        height: auto;
        margin-right: 0px;
    }

    .quality-banner-left {
        padding-left: 30px;
        padding-right: 30px;
    }

    .quality-feature-row1 .card {
        width: 55% !important;
        height: auto !important;
        padding-top: 30px;
        margin-bottom: 30px !important;
        margin: 0 auto;
    }

    .quality-commit-left {
        padding-left: 70px;
        padding-right: 70px;
    }

    .quality-commit-right {
        padding-left: 70px;
        padding-right: 70px;
    }


}

@media screen and (min-width:992px) and (max-width:1400px) {
	
	.cross-plateform-app-tech-heading:after {
    content: '';
    display: block;
    position: absolute;
    background: #C9C6C6;
    width: 1100px;
    height: 2px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 268px;
}
	
.service-tech:before {
    content: '';
    display: block;
    position: absolute;
    background: #C9C6C6;
    width: 2px;
    height: 1059px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 33px;
}	
	
	.cross-plateform-superior-app-tech{
		margin:0 auto;
		width:100%;
		max-width:1200px;
	}
	
	
	
	

    .quality-banner-left {
        padding-top: 50px;
        padding-left: 20px;
    }

    .quality-banner-left p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: left;
        color: #403F3F;
        width: 100%;
    }

    .quality-banner-right img {
        width: 85%;
        height: auto;
        margin-right: 0px;
    }

    .quality-commit-heading h2 {
        font-size: 45px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 65px;
        text-align: center !important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }

    .quality-commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }


    .quality-commit-left {
        padding-right: 0px;
        float: revert;
    }

    .quality-commit-left h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
    }

    .quality-commit-left p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        float: revert;
    }

    .quality-commit-right {
        padding-left: 0px;
    }

    .quality-commit-right h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
    }

    .quality-commit-right p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        font-family: 'Roboto', sans-serif;
        float: revert;
    }

    .quality-mg-details h2 {
        font-family: Raleway;
        font-size: 45px;
        font-weight: 700;
        line-height: 0px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 100px;
    }

    .quality-main-list li {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    .quality-technical-support img {
        width: 40%;
        height: auto;
    }

    .quality-technical-support h2 {
        font-family: Raleway;
        font-size: 70px;
        font-weight: 700;
        line-height: 100px;
        letter-spacing: 0em;
        text-align: left;
        color: #000;
        margin-bottom: 10px;
    }

    .quality-service-ben-sec h2 {
        font-family: Raleway;
        font-size: 45px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }

    .quality-feature-row ul li {
        margin-right: 10px;
    }


    .quality-feature-row1 .card {
        width: 100%;
        height: 280px;
        padding-top: 30px;
    }

    .quality-commit-cont {
        background: #000;
        padding-top: 70px;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding-bottom: 0px;
        margin-bottom: 50px;
        margin-top: 40px;
    }

    .quality-mg-details {
        padding-left: 80px;
        padding-right: 80px;
        padding-top: 80px;
        padding-bottom: 0px;
    }


}

@media screen and (min-width:1250px) and (max-width:1400px) {

    .quality-banner-right img {
        width: 73%;
        height: auto;
        margin-right: 60px;
    }

    .quality-banner-left {
        padding-top: 80px;
        padding-left: 50px;
    }

    .quality-banner-left h2 {
        font-family: Poppins;
        font-size: 45px;
        font-weight: 700;
        line-height: 54px;
        letter-spacing: 0em;
        text-align: left;
        margin-bottom: 30px;
    }

    .quality-banner-right {
        text-align: right;
        padding-top: 40px;
    }


}


@media screen and (min-width:1401px) and (max-width:1800px) {
	.quality-managment-row{
		max-width:1300px!important;
			}	
	.quality-management-img {
    margin-top: 80px!important;
    width: 100%;
		max-width: 550px;
	}	
	.support1 {
    height: 300px!important;
    background: #fff;
    border-radius: 179px;
    width: 300px!important;
    border: 10px solid #2b5cc7;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
	.support2 {
    height: 300px!important;
    background: #fff;
    border-radius: 179px;
    width: 300px!important;   
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
	.support3 {
    height: 300px!important;
    background: #fff;
    border-radius: 179px;
    width: 300px!important;   
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
	
	
		.cross-plateform-app-tech-heading:after {
    content: '';
    display: block;
    position: absolute;
    background: #C9C6C6;
    width: 1100px;
    height: 2px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 268px;
}
	
.service-tech:before {
    content: '';
    display: block;
    position: absolute;
    background: #C9C6C6;
    width: 2px;
    height: 1050px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 33px;
}	
	
	.cross-plateform-superior-app-tech{
		margin:0 auto;
		width:100%;
		max-width:1400px;
	}
	
	

    .quality-banner-left {
        padding-top: 109px;
        padding-left: 80px;
    }

    .quality-technical-support img {
        width: 25%;
        height: auto;
    }

    .quality-technical-support h2 {
        font-family: Raleway;
        font-size: 65px;
        font-weight: 700;
        line-height: 85px;
        letter-spacing: 0em;
        text-align: left;
        color: #000;
        margin-bottom: 10px;
    }

    .quality-mg-details {
        padding-left: 200px;
        padding-right: 200px;
        padding-top: 40px;
        padding-bottom: 20px;
    }


    .quality-main-list li {
        width: 420px;
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
	.quality-main-list li > h2 {
		margin-bottom:10px!important;
	}
	
	.quality-main-list .fa-solid{position: relative;
    font-size: 65px!important;
    color: #0d6c7a!important;
		top: -34px;}


}

@media screen and (min-width:1601px) and (max-width:1918px) {

    .quality-banner-left {
        padding-top: 125px;
        padding-left: 40px;
    }

	

    .quality-management-about h2 {
        font-family: Raleway;
        font-size: 55px;
        font-weight: 700;
        line-height: 77px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        width: 65%;
        margin: 0 auto;
        margin-bottom: 50px !important;
    }

	.quality-banner-row{
		max-width:1600px;
		margin:0 auto;
	}	
	
.quality-banner-right img {
    width: 70%;
    height: auto;
    margin-right: 71px;
}	
	
	


}

@media screen and (min-width:992px) and (max-width:1600px){

    .eng-slider-sec-left {
        padding-top: 10px!important;
        padding-left: 20px;
    }

    .custom-logo-link {
        display: inline-block;
        padding-left: 20px;
    }


}

@media screen and (min-width:1201px) and (max-width:1600px){

    .eng-slider-sec-left {
        padding-top: 80px;
        padding-left: 56px;
    }
	
	  .our-process-banner-section-left {
        padding-top: 40px;
        padding-left: 60px;
    }

}

@media screen and (min-width:1601px) and (max-width:1918px){
    .eng-slider-sec-left {
        padding-top: 80px;
        padding-left: 0px;
    }
	
	.slider-row{
		max-width:1600px;
		margin:0 auto;
		  padding: 0px 0px 80px 40px!important;
}
	
	.slider-row.consulting-row{
		padding-top:80px!important;
	}
	
  
	
.our-process-banner-section-left {
    padding-top: 150px;
    padding-left: 26px;
}
	.our-process-banner-row{
		max-width:1800px;
		margin:0 auto;
	}
	
	.eng-sp {
    display: block;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    background: #527ffc;
    height: 36px;
    width: 449px;
    color: #fff !important;
    line-height: 36px;
    text-align: right;
    padding-right: 22px;
    margin-bottom: 10px;
    position: relative;
    left: -185px;
}
	
	
}

/**************IT Consulting************************/



.hiring-row:after{
    display: none;
}
.map-01 p{
    color: #000!important;
}

.product-solution p{
    color: #000!important;
}

.cloud-solution p{
    color: #000!important;
}

.managed-solution p{
    color: #000!important;
}


.engagement-models p{
    color: #000!important;
}

.top-navbar ul {
    align-items: center;
    list-style: none;
    display: flex;
    text-transform: capitalize;
}

.top-navbar ul li {
    margin-right: 40px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;

}

.top-navbar ul li a {
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 16px;
}

.logo img {
    width: 181px;
    height: auto;
}

.top-bar-row {
    max-width: 100%;
    padding: 20px 75px 20px 75px;

}

.top-navbar {
    float: right;
}


.qt-btn {
    width: 116px;
    height: 51px;
    text-transform: capitalize;
    font-family: 'Raleway', sans-serif;
    background: #fff;
    border: 4px solid #527ffc;
    border-radius: 6px;
    font-size: 16px;
    color: #527ffc;

}

.slider-heading h2 {
    width: 700px;
    line-height: 72px;
    font-size: 45px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;

}

.slider-row {
    padding: 80px 0px 80px 40px;
}

.sl-heading {
    color: #527ffc;
}

.slider-heading p {
    padding-top: 13px;
    padding-bottom: 13px;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #403F3F;
    width: 700px;
    line-height: 27px;

}
.page-template-graphic-design-php .slider-heading span{
    color: #527ffc;
	background:#000;
	padding-right:10px;
	padding-left:10px;
}
.slider-btn {
    width: 207px;
    height: 57px;
    list-style: 23px;
    background: #527ffc;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    border-radius: 7px;
    border: none;

}

.slider-btn img {
    padding-left: 6px;
    width: 35px;
    height: auto;
}

.slider-img img {
    width: 78%;     
    height: auto;
}

.slider-img {
    text-align:left;
    padding-left: 80px;
}

.arrow-slider {
    padding-left: 10px;
}

.mid-sec h2 {
    font-size: 55px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    line-height: 64px;
    text-align: center;
}

.mid-heading {

    color: #527ffc !important;
}

.mid-sec p {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
}

.mid-sec p {
    margin: 0 auto;
    width: 1240px;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 40px;
    color: #000!important;
}

.product-solution {
    padding-left: 55px;
    padding-right: 53px;
    padding-top: 21px;
    margin-right: 40px;
    text-align: center;
    float: right;
    width: 473px;
    height: 244px;
    border: 2px solid #7A7979;
    margin-bottom: 40px;
}

.cloud-solution {
    padding-left: 74px;
    padding-right: 74px;
    padding-top: 21px;
    margin-right: 40px;
    width: 473px;
    float: right;
    height: 244px;
    border: 2px solid #7A7979;
    margin-bottom: 40px!important;
    text-align: center;
}

.managed-solution {
    padding-left: 74px;
    padding-right: 74px;
    padding-top: 21px;
    margin-bottom: 40px;
    margin-left: 40px;
    width: 473px;
    float: left;
    height: 244px;
    border: 2px solid #7A7979;
    text-align: center;
}

.engagement-models {
    margin-bottom: 40px!important;
    padding-left: 74px;
    padding-right: 74px;
    padding-top: 21px;
    text-align: center;
    margin-left: 40px;
    float: left;
    width: 473px;
    height: 244px;
    border: 2px solid #7A7979;
}

.product-solution img {
    width: 64px;
    height: 64px;
    margin-bottom: 10px;
}

.managed-solution img {
    width: 64px;
    height: 64px;
}

.cloud-solution img {
    width: 64px;
    height: 64px;
}

.engagement-models img {
    width: 64px;
    hight: 64px;
}

.md-heading {
    font-family: Raleway !important;
    font-size: 55px !important;
    font-weight: 700 !important;
    line-height: 65px !important;
    letter-spacing: 0em;
    text-align: center;


}

.md-para {
    font-family: Roboto !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 34px !important;
    letter-spacing: 0em;
    text-align: center;
    max-width: 100%;
    width: 70% !important;


}

.it-con {
    padding-bottom: 0px;
}

.it-con h2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 33px;
    color: #000;
    font-family: 'Roboto', sans-serif;
}

.it-con p {
    padding-top: 5px;
    width: 360px;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
}

.map-row {
    padding-right: 80px;
    padding-left: 160px;
    padding-top: 80px;
    margin-top: 80px !important;
    width: 100%;
    height: auto;
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/map.png');
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;

}

.map-01 a:hover {
    color: #fff !important;
}



.service_menu ul li a:hover {
    text-decoration: none;
    color: #fff;

}

.en-com {

    font-size: 11px;
    width: 360px;
    display: block;
    height: 38px;
    text-decoration: none;
    color: #fff;
    border-radius: 30px;
    background: #3b2ea6;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px;
	margin:0 auto;
}

.en-com02 {
margin:0 auto;
    font-size: 11px;
    width: 360px;
    display: block;
    height: 38px;
    text-decoration: none;
    color: #fff;
    border-radius: 30px;
    background: #d68c3d;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px;
}

.map-round {
    position: relative;
    content: '';
    display: block;
    background: #3b2ea6;
    border-radius: 80px;
    width: 30px;
    height: 30px;
    left: 362px;
    top: -139px;
}

.map-round02 {
    position: relative;
    content: '';
    display: block;
    background: #d68c3d;
    border-radius: 80px;
    width: 30px;
    height: 30px;
    left: -52px;
    top: -139px;
}

.map-round03 {
    position: relative;
    content: '';
    display: block;
    background: #e95001;
    border-radius: 80px;
    width: 30px;
    height: 30px;
    left: -52px;
    top: -195px;
}

.map-round04 {
    position: relative;
    content: '';
    display: block;
    background: #1a84ce;
    border-radius: 80px;
    width: 30px;
    height: 30px;
    left: 362px;
    top: -311px;
}


/* .map-sec-02:after {
    content: '';
    background: #d68c3d;
    width: 3px;
    height: 270px;
    display: block;
    position: relative;
    left: -38px;
    top: -38px;
} */

.en-com02.map-sec-02 {
    text-decoration: none !important;
}

.map-01 a {
    text-decoration: none !important;
}


/* .map-sec-01:after {

    content: '';
    background: #3b2ea6;
    width: 3px;
    height: 326px;
    display: block;
    position: relative;
    right: -376px;
    top: -38px;

} */

.map-sp {
     margin-bottom: 20px!important;
    margin:0 auto;
    padding: 18px;
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 70px;
    background: #3b2ea6;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
}

.map-sp02 {
     margin-bottom: 20px!important;
    margin:0 auto;
    padding: 18px;
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 70px;
    background: #d68c3d;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
}

/* .map-sp02:after {
    content: '';
    background: #d68c3d;
    width: 3px;
    height: 97px;
    display: block;
    position: relative;
    right: 123px;
    top: -48px;
    transform: rotate(45deg);

} */

.map-sp03 {
     margin-bottom: 20px!important;
    margin:0 auto;
    padding: 18px;
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 70px;
    background: #e95001;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
}

/* .map-sp03:after {
    content: '';
    background: #e95001;
    width: 3px;
    height: 97px;
    display: block;
    position: relative;
    right: 123px;
    top: -48px;
    transform: rotate(45deg);
} */


.en-com03 {
	margin:0 auto;
    font-size: 11px;
    width: 360px;
    display: block;
    height: 38px;
    text-decoration: none;
    color: #fff;
    border-radius: 30px;
    background: #e95001;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px;
}

.map-line-sp03 {
    display: block;
    background: #e95001;
    width: 70px;
    height: 3px;
    position: relative;
    top: -63px;
    left: 30px;
}

/* .map-sec-03:after {
    content: '';
    background: #e95001;
    width: 3px;
    height: 270px;
    display: block;
    position: relative;
    left: -38px;
    top: -38px;
} */

.en-com04 {
	margin:0 auto;
    font-size: 11px;
    width: 360px;
    display: block;
    height: 38px;
    text-decoration: none;
    color: #fff;
    border-radius: 30px;
    background: #1a84ce;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px;
}

.map-sp04 {
     margin-bottom: 20px!important;
    margin:0 auto;
    padding: 18px;
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 70px;
    background: #1a84ce;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
}
/* 
.map-sp04:after {
    content: '';
    background: #1a84ce;
    width: 3px;
    height: 97px;
    display: block;
    position: relative;
    right: -157px;
    top: -48px;
    transform: rotate(-45deg);
} */

.map-line-sp04 {
    display: block;
    background: #1a84ce;
    width: 70px;
    height: 3px;
    position: relative;
    top: -63px;
    left: 243px;
}
/* 
.map-sec-04:after {
    content: '';
    background: #1a84ce;
    width: 3px;
    height: 92px;
    display: block;
    position: relative;
    right: -376px;
    top: -38px;
}
 */
.map-sp06 {
    margin-bottom: 20px!important;
    margin:0 auto;
    padding: 18px;
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 70px;
    background: #ee1454;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
}

/* .map-sp06:after {
    content: '';
    background: #ee1454;
    width: 3px;
    height: 97px;
    display: block;
    position: relative;
    right: 123px;
    top: -48px;
    transform: rotate(45deg);
} */

.map-line-sp06 {
    display: block;
    background: #ee1454;
    width: 70px;
    height: 3px;
    position: relative;
    top: -63px;
    left: 30px;
}
/* 
.map-sec-06:after {
    content: '';
    background: #ee1454;
    width: 3px;
    height: 270px;
    display: block;
    position: relative;
    left: -38px;
    top: -38px;
} */

.en-com06 {
	margin:0 auto;
    font-size: 11px;
    width: 360px;
    display: block;
    height: 38px;
    text-decoration: none;
    color: #fff;
    border-radius: 30px;
    background: #ee1454;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px;
}

.map-new-sec {
    padding-left: 60px;
}

.mp-new {
    padding-top: 256px;
}

.map-sp06 {
     margin-bottom: 20px!important;
    margin:0 auto;
    padding: 18px;
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 70px;
    background: #ee1454;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
}

.map-line-sp05 {
    display: block;
    background: #7601e9;
    width: 70px;
    height: 3px;
    position: relative;
    top: -133px;
    left: 171px;
    transform: rotate(91deg);
}

/* .map-sp05:after {
    content: '';
    background: #7601e9;
    width: 3px;
    height: 75px;
    display: block;
    position: relative;
    right: 5px;
    top: -199px;
    transform: rotate(-45deg);
} */

.map-sp05 {
    margin-bottom: 20px!important;
    margin:0 auto;
    padding: 18px;
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 70px;
    background: #7601e9;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
}
/* 
.map-sec-05:after {
    content: '';
    background: #7601e9;
    width: 118px;
    height: 3px;
    display: block;
    position: relative;
    right: -39px;
    top: -260px;
} */

.en-com05 {
	margin:0 auto;
    font-size: 11px;
    width: 360px;
    display: block;
    height: 38px;
    text-decoration: none;
    color: #fff;
    border-radius: 30px;
    background: #7601e9;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px;
}
/* 

.map-round05 {
    position: relative;
    content: '';
    display: block;
    background: #7601e9;
    border-radius: 80px;
    width: 30px;
    height: 30px;
    left: 11px;
    top: -654px;
}

.map-round06 {
    position: relative;
    content: '';
    display: block;
    background: #ee1454;
    border-radius: 80px;
    width: 30px;
    height: 30px;
    left: -51px;
    top: -165px;
}

 */


.map-line-sp {
    display: block;
    background: #3b2ea6;
    width: 70px;
    height: 3px;
    position: relative;
    top: -63px;
    left: 243px;
}

.map-line-sp02 {
    display: block;
    background: #d68c3d;
    width: 70px;
    height: 3px;
    position: relative;
    top: -63px;
    left: 30px;
}



/* .map-sp:after {

    content: '';
    background: #3b2ea6;
    width: 3px;
    height: 97px;
    display: block;
    position: relative;
    right: -157px;
    top: -48px;
    transform: rotate(-45deg);

} */

.commit-cont {
    background: #000;
    padding-top: 64px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 95px;
    margin-top: 80px;
}

.commit-heading h2 {
    font-size: 55px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 65px;
    text-align: center !important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;

}

.row.hiring-row {
    margin: 0px;
}

.container-fluid.hiring-con {
    padding: 0px;
    margin: 0px;
}

.commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;

}

.commit-left ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
}

.commit-right ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
    padding-left: 0px;
}

.cmt-sp {
    color: #527ffc;
}

.commit-left ul li {
    margin-bottom: 87px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;

}

.commit-right ul li {
    margin-bottom: 87px;
    font-size: 22px;
    padding-right: 20px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;

}

.commit-left p {
    width: 407px;
    font-size: 15px !important;
    line-height: 23px !important;
    float: right;
	color:#fff;
}

.commit-right p {
    width: 407px;
    font-size: 15px !important;
    line-height: 23px !important;
    font-family: 'Roboto', sans-serif;
    float: right;
	color:#fff;
}

.commit-right h2 {
    width: 406px;
    font-size: 22px !important;
    line-height: 33px !important;
    font-family: 'Roboto', sans-serif;
	color:#fff;
}

.commit-left h2 {
    width: 406px;
    font-size: 22px !important;
    line-height: 33px !important;
    font-family: 'Roboto', sans-serif;
	color:#fff;
}

.commit-left {
    padding-right: 45px;
    float: right;
}

.commit-right {
    padding-left: 45px;
}

.hiring-row {
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/cons.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    width: 100%;
    max-width: 100%;

}

.hiring-heading h2 {
    font-size: 55px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 65px;
    text-align: center !important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 35px;
    color: #fff;

}

.hiring-heading p {
    text-decoration: underline;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;

}

/* .hiring-row:after {
    content: '';
    background: #000;
    height: 568px;
    width: 100%;
    max-width: 100%;
    position: relative;
    display: block;
    opacity: 70%;
    bottom: 504px;
} */

.hiring-heading {
    position: relative;
    z-index: 2;
}


.hiring-sp {
    color: #fff;
}

.hiring-heading h2 {
    padding-top: 48px;

}

.hiring-left ul {
    list-style: none;
    color: #fff;
    position: relative;
    z-index: 2;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
}

.hiring-right ul {

    list-style: none;
    color: #fff;
    position: relative;
    z-index: 2;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;

}

.hiring-hd {
    color: #527ffc;
}

.hiring-left ul li {
    margin-bottom: 30px;
}

.hiring-right ul li {
    margin-bottom: 30px;
}



.hiring-left {
    position: relative;
    z-index: 2;
    width: 575px;
    max-width: 100%;
    float: right;

}

.hiring-right {
    position: relative;
    z-index: 2;
    width: 709px;

}

.hiring-left img {
    width: 28px;
    height: 29px;
    float: left;
    margin-bottom: 50px;
    margin-right: 20px;
}

.hiring-right img {
    width: 46px;
    height: 34px;
    float: left;
    margin-bottom: 76px;
    margin-right: 20px;
}

.hiring-left p {

    padding-left: 45px;
}

footer {
    padding-top: 49px;
    background: #527ffc;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-left: 80px;

}

.ft-sec ul {
    list-style: none;
    padding-left: 0px;

}

.ft-sec h3 {
    margin-bottom: 25px;
    font-size: 28px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    line-height: 32px;
    font-weight: 700;
}

.ft-sec ul li {
    font-size: 20px;
    margin-bottom: 23px;
    line-height: 23px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    color: #fff;
}

.adress img {
    width: 78px;
    height: auto;
    float: left;
    margin-right: 20px;
}

.ft-sec ul li p {
    width: 360px;
}

.adress {
    float: right;
    padding-top: 60px;
    padding-right: 20px;
}

.info {
    padding-left: 24px;
}

.link {
    padding-left: 20px;
}

.contact {
    padding-left: 60px;
}

.s_icon img {
    width: 28px;
    height: 28x;
    margin-right: 5px;
}

.qt-btn:hover {
    background: #527ffc;
    color: #fff;
    border: 2px solid #527ffc;
}

.top-navbar ul li a:hover {
    color: #527ffc;
}

.service_menu a {
    text-decoration: none;
    color: #fff;
}



/******************responsive--start***********************************************/



@media screen  and (max-width:991px) {
    .slider-img {
        text-align: left;
        padding-left: 0px;
    }
    .slider-row {
        padding: 100px 20px 60px 20px;
        display: flex;
        flex-direction: column-reverse;
        text-align: center;

    }

    .slider-heading h2 {
        width: 100%;
        line-height: 50px;
        font-size: 35px;
        color: #000;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        text-align: center;
    }

    .slider-heading p {
        padding-top: 13px;
        padding-bottom: 13px;
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        color: #403F3F;
        width: 100%;
        line-height: 27px;
        text-align: center;
    }

    .slider-img img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        text-align: center;
    }

    .md-heading {
        font-family: Raleway !important;
        font-size: 35px !important;
        font-weight: 700 !important;
        line-height: 65px !important;
        letter-spacing: 0em;
        text-align: center !important;
    }

    .md-para {
        font-family: Roboto !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 28px !important;
        letter-spacing: 0em;
        text-align: center !important;
        max-width: 100%;
        width: 100% !important;
    }

    .product-solution {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 21px;
        margin-right: 0px;
        text-align: center;
        float: revert;
        width: 100%;
        height: auto;
        border: 2px solid #7A7979;
        margin-bottom: 50px;
    }


    .it-con p {
        padding-top: 5px;
        width: 100%;
        color: #fff;
        font-size: 20px;
        line-height: 28px;
        font-family: 'Roboto', sans-serif;
        text-align: center;
        margin-bottom: 40px;
    }

    .cloud-solution {
        margin-bottom: 50px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 21px;
        margin-right: 0px;
        width: 100%;
        float: revert;
        height: auto;
        border: 2px solid #7A7979;
        text-align: center;
    }

    .managed-solution {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 21px;
        margin-bottom: 50px;
        margin-left: 0px;
        width: 100%;
        float: revert;
        height: auto;
        border: 2px solid #7A7979;
        text-align: center;
    }

    .engagement-models {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 21px;
        text-align: center;
        margin-left: 0px;
        float: revert;
        width: 100%;
        height: auto;
        border: 2px solid #7A7979;
    }

    .map-row {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 0px;
        margin-top: 78px !important;
        width: 100%;
        height: auto;
        background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/map.png');
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
    }

    .hiring-row {
         background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/cons.png');
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        width: 100%;
        max-width: 100%;
    }

    .hiring-heading h2 {
        font-size: 35px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 40px;
        text-align: center !important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 35px;
        color: #fff;
    }

    .hiring-right {
        position: relative;
        z-index: 2;
        width: 100%;
    }

    .hiring-left {
        position: relative;
        z-index: 2;
        width: 100%;
    }


    .commit-heading h2 {
        font-size: 35px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 60px;
        text-align: center !important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }

    .commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }

    .commit-left {
        padding-right: 0px;
        float: revert;
        text-align: center;
    }

    .commit-left ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
		margin-left:0px;
    }

    .commit-right ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
		margin-left:0px;
    }

    .commit-left ul li {
        margin-bottom: 35px;
        font-size: 22px;
        line-height: 33px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-weight: 500;
        padding-right: 0px;
    }

    .commit-right ul li {
        margin-bottom: 35px;
        font-size: 22px;
        line-height: 33px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-weight: 500;
        padding-right: 0px;
    }

    .commit-left h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
    }

    .commit-left p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        float: revert;
    }


    .commit-right h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
    }

    .commit-right p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        float: revert;
    }

    .commit-right {
        padding-left: 0px;
        text-align: center;
    }

    .en-com06 {
        margin-bottom: 20px;
        font-size: 11px;
        width: 100%;
        display: block;
        height: 38px;
        text-decoration: none;
        color: #fff;
        border-radius: 30px;
        background: #ee1454;
        text-align: center;
        text-transform: uppercase;
        line-height: 40px;
    }

    .en-com03 {
        margin-bottom: 20px;
        font-size: 11px;
        width: 100%;
        display: block;
        height: 38px;
        text-decoration: none;
        color: #fff;
        border-radius: 30px;
        background: #e95001;
        text-align: center;
        text-transform: uppercase;
        line-height: 40px;
    }

    .en-com05 {
        margin-bottom: 20px;
        font-size: 11px;
        width: 100%;
        display: block;
        height: 38px;
        text-decoration: none;
        color: #fff;
        border-radius: 30px;
        background: #7601e9;
        text-align: center;
        text-transform: uppercase;
        line-height: 40px;
    }

    .en-com02 {
        margin-bottom: 20px;
        font-size: 11px;
        width: 100%;
        display: block;
        height: 38px;
        text-decoration: none;
        color: #fff;
        border-radius: 30px;
        background: #d68c3d;
        text-align: center;
        text-transform: uppercase;
        line-height: 40px;
    }

    .en-com04 {
        margin-bottom: 20px;
        font-size: 11px;
        width: 100%;
        display: block;
        height: 38px;
        text-decoration: none;
        color: #fff;
        border-radius: 30px;
        background: #1a84ce;
        text-align: center;
        text-transform: uppercase;
        line-height: 40px;
    }

    .en-com {
        margin-bottom: 20px;
        font-size: 11px;
        width: 100%;
        display: block;
        height: 38px;
        text-decoration: none;
        color: #fff;
        border-radius: 30px;
        background: #3b2ea6;
        text-align: center;
        text-transform: uppercase;
        line-height: 40px;
    }

    .map-round03 {
        display: none;
    }

    .map-round01 {
        display: none;
    }

    .map-round02 {
        display: none;
    }

    .map-round04 {
        display: none;
    }

    .map-round05 {
        display: none;
    }

    .map-round06 {
        display: none;
    }

    .map-new-sec {
        padding-left: 0px;
    }

    .map-line-sp06 {
        display: none;
    }

    .map-line-sp05 {
        display: none;
    }

    .map-line-sp04 {
        display: none;
    }


    .map-line-sp03 {
        display: none;
    }

    .map-line-sp02 {
        display: none;
    }



    .map-line-sp01 {
        display: none;
    }

    .map-line-sp {
        display: none;
    }

    .map-sp:after {
        display: none;
    }

    .map-round{
        display: none;  
    }


    .map-sp01:after {
        display: none;
    }

 
    .map-sp02:after {
        display: none;
    }   


    .map-sp03:after {
        display: none;
    }  
    
    

    .map-sp04:after {
        display: none;
    }    



    .map-sp05:after {
        display: none;
    }


    .map-sp06:after {
        display: none;
    }

    .map-sec-06:after{
        display: none;
    }

    .map-sec-05:after{
        display: none;
    }


    .map-sec-04:after{
        display: none;
    }

    .map-sec-03:after{
        display: none;
    }
    .map-sec-02:after{
        display: none;
    }

    .map-sec-01:after{
        display: none;
    }

    .map-sp {
        display:none;
    }

    .map-sp01 {
        display:none;
    }

    .map-sp02 {
        display:none;
    }

    .map-sp03 {
        display:none;
    }


    .map-sp04 {
        display:none;
    }

    .map-sp05 {
        display:none;
    }


    .map-sp06 {
        display:none;
    }
    .mp-new {
        padding-top: 0px;
    }

    .it-con {
        padding-bottom: 30px;
    }

.hiring-left p{
    color: #fff;
}

.map-01 p{
    color: #000!important;
}

    .hiring-left img {
        width: 46px;
        height: 34px;
        float: revert;
        margin-bottom: 50px;
        margin-right: 20px;
        margin: 0 auto;
        margin-bottom: 20px!important;
    }


    .hiring-right img {
        width: 28px;
        height: 29px;
        float: revert;
        margin-bottom: 50px;
        margin-right: 20px;
        margin: 0 auto;
        margin-bottom: 20px!important;
    }


.hiring-left ul li{
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px!important;
}
.hiring-right ul li{
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px!important;
}


.hiring-right ul {
    list-style: none;
    color: #fff;
    position: relative;
    z-index: 2;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    padding-left: 0px;
}

.hiring-left ul {
    padding-left: 0px;
    list-style: none;
    color: #fff;
    position: relative;
    z-index: 2;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
	margin-left:0px;
	
}

.hiring-left p {
    padding-left: 0px;
}

.slider-img {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
}

.commit-cont {
    background: #000;
    padding-top: 64px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 60px;
    margin-top: 60px;
}

}

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

    .md-para {
        font-family: Roboto !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 28px !important;
        letter-spacing: 0em;
        text-align: center !important;
        max-width: 100%;
        width: 90% !important;
    }
    .product-solution {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 21px;
        margin-right: 0px;
        text-align: center;
        float: revert;
        width: 80%;
        height: auto;
        border: 2px solid #7A7979;
        margin-bottom: 50px!important;
        margin: 0 auto;
    }

    .cloud-solution {
        margin-bottom: 50px!important;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 21px;
        margin-right: 0px;
        width: 80%;
        float: revert;
        height: auto;
        border: 2px solid #7A7979;
        text-align: center;
        margin: 0 auto;
    }

    .managed-solution {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 21px;
        margin-bottom: 50px!important;
        margin-left: 0px;
        width: 80%;
        float: revert;
        height: auto;
        border: 2px solid #7A7979;
        text-align: center;
        margin: 0 auto;
    }

    .engagement-models {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 21px;
        text-align: center;
        margin-left: 0px;
        float: revert;
        width: 80%;
        height: auto;
        border: 2px solid #7A7979;
        margin: 0 auto;
        margin-bottom: 50px!important;
    }

    .map-row {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 0px;
        margin-top: 78px !important;
        width: 100%;
        height: auto;
        background-image: url(img/map.png);
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
    }


.hiring-row{
    padding-left: 20px;
    padding-right: 20px;
}


.commit-cont{
padding-left: 30px!important;
padding-right: 30px!important;

    
}

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

    .slider-img img {
         width: 75%; 
        height: auto;
        margin: 0 auto;
        text-align: center;
    }

    .slider-heading h2 {
        margin-bottom: 20px!important;
        width: 90%;
        line-height: 50px;
        font-size: 35px;
        color: #000;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        text-align: center;
        margin: 0 auto;
    }

.it-con{
    padding-top: 40px!important;
    
}

.map-row{
    padding-left: 40px; 
    padding-right: 40px;
}


}}

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

    .slider-img img {
        width: 65%;
        height: auto;
        margin: 0 auto;
        text-align: center;
    }
    .slider-heading p {
        padding-top: 13px;
        padding-bottom: 13px;
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        color: #403F3F;
        width: 85%;
        line-height: 27px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 30px!important;
    }


    .md-para {
        font-family: Roboto !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 28px !important;
        letter-spacing: 0em;
        text-align: center !important;
        max-width: 100%;
        width: 85% !important;
    }

    .product-solution {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 21px;
        margin-right: 0px;
        text-align: center;
        float: revert;
        width: 65%;
        height: auto;
        border: 2px solid #7A7979;
        margin-bottom: 50px!important;
        margin: 0 auto;
    }

    .cloud-solution {
        margin-bottom: 50px!important;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 21px;
        margin-right: 0px;
        width: 65%;
        float: revert;
        height: auto;
        border: 2px solid #7A7979;
        text-align: center;
        margin: 0 auto;
    }

    .managed-solution {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 21px;
        margin-bottom: 50px!important;
        margin-left: 0px;
        width: 65%;
        float: revert;
        height: auto;
        border: 2px solid #7A7979;
        text-align: center;
        margin: 0 auto;
    }

    .engagement-models {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 21px;
        text-align: center;
        margin-left: 0px;
        float: revert;
        width: 65%;
        height: auto;
        border: 2px solid #7A7979;
        margin: 0 auto;
        margin-bottom: 50px!important;
    }


    .map-row {
        padding-top: 80px;
        padding-left: 80px;
        padding-right: 80px;
    }

.hiring-left{
    padding-left: 40px;
    padding-right: 40px;

}

.hiring-right{
    padding-left: 40px;
    padding-right: 40px;
    
}
.commit-cont {
    padding-left: 60px!important;
    padding-right: 60px!important;
}

.commit-left p {
    width: 85%;
    font-size: 15px !important;
    line-height: 23px !important;
    float: revert;
    margin: 0 auto;
}

.commit-right p {
    width: 85%;
    font-size: 15px !important;
    line-height: 23px !important;
    float: revert;
    margin: 0 auto;
}


}


@media screen and (min-width:800px) and (max-width : 991px){
    .product-solution {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 21px;
        margin-right: 0px;
        text-align: center;
        float: revert;
        width: 55%;
        height: auto;
        border: 2px solid #7A7979;
        margin-bottom: 50px!important;
        margin: 0 auto;
    }

    .cloud-solution {
        margin-bottom: 50px!important;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 21px;
        margin-right: 0px;
        width: 55%;
        float: revert;
        height: auto;
        border: 2px solid #7A7979;
        text-align: center;
        margin: 0 auto;
    }

    .managed-solution {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 21px;
        margin-bottom: 50px!important;
        margin-left: 0px;
        width: 55%;
        float: revert;
        height: auto;
        border: 2px solid #7A7979;
        text-align: center;
        margin: 0 auto;
    }

    .engagement-models {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 21px;
        text-align: center;
        margin-left: 0px;
        float: revert;
        width: 55%;
        height: auto;
        border: 2px solid #7A7979;
        margin: 0 auto;
        margin-bottom: 50px!important;
    }

    .map-row {
        padding-top: 80px;
        padding-left: 120px;
        padding-right: 120px;
    }
    .it-con p {
        padding-top: 5px;
        width: 100%;
        color: #fff;
        font-size: 20px;
        line-height: 28px;
        font-family: 'Roboto', sans-serif;
        text-align: center;
        margin-bottom: 65px;
    }

    .hiring-left {
        padding-left: 80px;
        padding-right: 80px;
    }
    .hiring-right{
        padding-left: 80px;
        padding-right: 80px;
    }

    .commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 85%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }

    .commit-left p {
        width: 80%;
        font-size: 15px !important;
        line-height: 23px !important;
        float: revert;
        margin: 0 auto;
    }

    .commit-right p {
        width: 80%;
        font-size: 15px !important;
        line-height: 23px !important;
        float: revert;
        margin: 0 auto;
    }

}


@media screen and (min-width:992px) and (max-width:1400px){
	
	.slider-row {
    padding: 80px 0px 80px 25px;
}

    .slider-heading h2 {
        width: 100%;
        line-height: 60px;
        font-size: 45px;
        color: #000;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
    }

    .slider-heading p {
        padding-top: 13px;
        padding-bottom: 13px;
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        color: #403F3F;
        width: 100%;
        line-height: 27px;
    }

    .slider-img {
        text-align: right;
        padding-left: 0px;
        padding-top: 50px;
    }

    .md-heading {
        font-family: Raleway !important;
        font-size: 45px !important;
        font-weight: 700 !important;
        line-height: 50px !important;
        letter-spacing: 0em;
        text-align: center;
    }

    .product-solution {
        padding-left: 55px;
        padding-right: 53px;
        padding-top: 21px;
        margin-right: 0px;
        text-align: center;
        float: revert;
        width: 80%;
        height: 244px;
        border: 2px solid #7A7979;
        margin-bottom: 80px!important;
        margin: 0 auto;
    }

    .cloud-solution {
        padding-left: 74px;
        padding-right: 74px;
        padding-top: 21px;
        margin-right: 0px;
        width: 80%;
        float: revert;
        height: 244px;
        border: 2px solid #7A7979;
        text-align: center;
        margin: 0 auto;
    }

    .managed-solution {
        padding-left: 74px;
        padding-right: 74px;
        padding-top: 21px;
        margin-bottom: 80px!important;
        margin-left: 0px;
        width: 80%;
        float: revert;
        height: 244px;
        border: 2px solid #7A7979;
        text-align: center;
        margin: 0 auto;
    }

    .engagement-models {
        padding-left: 74px;
        padding-right: 74px;
        padding-top: 21px;
        text-align: center;
        margin-left: 0px;
        float: revert;
        width: 80%;
        height: 244px;
        border: 2px solid #7A7979;
        margin: 0 auto;
        margin-bottom: 80px!important;
    }

    .en-com {
        font-size: 11px;
        width: 100%;
        display: block;
        height: 38px;
        text-decoration: none;
        color: #fff;
        border-radius: 30px;
        background: #3b2ea6;
        text-align: center;
        text-transform: uppercase;
        line-height: 40px;
    }

    .en-com02 {
        font-size: 11px;
        width: 100%;
        display: block;
        height: 38px;
        text-decoration: none;
        color: #fff;
        border-radius: 30px;
        background: #d68c3d;
        text-align: center;
        text-transform: uppercase;
        line-height: 40px;
    }

    .en-com03 {
        font-size: 11px;
        width: 100%;
        display: block;
        height: 38px;
        text-decoration: none;
        color: #fff;
        border-radius: 30px;
        background: #e95001;
        text-align: center;
        text-transform: uppercase;
        line-height: 40px;
    }

    .en-com04 {
        font-size: 11px;
        width: 100%;
        display: block;
        height: 38px;
        text-decoration: none;
        color: #fff;
        border-radius: 30px;
        background: #1a84ce;
        text-align: center;
        text-transform: uppercase;
        line-height: 40px;
    }

    .en-com05 {
        font-size: 11px;
        width: 100%;
        display: block;
        height: 38px;
        text-decoration: none;
        color: #fff;
        border-radius: 30px;
        background: #7601e9;
        text-align: center;
        text-transform: uppercase;
        line-height: 40px;
    }

    .en-com06 {
        font-size: 11px;
        width: 100%;
        display: block;
        height: 38px;
        text-decoration: none;
        color: #fff;
        border-radius: 30px;
        background: #ee1454;
        text-align: center;
        text-transform: uppercase;
        line-height: 40px;
    }

    .it-con p {
        text-align: center;
        padding-top: 5px;
        width: 100%;
        color: #fff;
        font-size: 16px;
        line-height: 22px;
        font-family: 'Roboto', sans-serif;
    }

    .hiring-heading h2 {
        font-size: 45px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 50px;
        text-align: center !important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 35px;
        color: #fff;
    }

    .hiring-right {
        position: relative;
        z-index: 2;
        width: 100%;
    }

    .commit-heading h2 {
        font-size: 45px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 65px;
        text-align: center !important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }

    .commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 85%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }

    .commit-left {
        padding-right: 0px;
        float: left;
    }


    .commit-left h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
    }
    .commit-right h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
    }

    .commit-left p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        float: revert;
    }
    .commit-right p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        float: revert;
    }

    .map-sp {
        margin-bottom: 20px!important;
        margin-left: 167px;
        padding: 18px;
        width: 80px;
        height: 80px;
        display: block;
        border-radius: 70px;
        background: #3b2ea6;
        color: #fff;
        font-size: 35px;
        font-weight: bold;
        margin: 0 auto;
    }

    .map-sp02 {
        margin-bottom: 20px!important;
        margin-left: 100px;
        padding: 18px;
        width: 80px;
        height: 80px;
        display: block;
        border-radius: 70px;
        background: #d68c3d;
        color: #fff;
        font-size: 35px;
        font-weight: bold;
        margin: 0 auto;
    }

    .map-sp03 {
        margin-bottom: 20px!important;
        margin-left: 100px;
        padding: 18px;
        width: 80px;
        height: 80px;
        display: block;
        border-radius: 70px;
        background: #e95001;
        color: #fff;
        font-size: 35px;
        font-weight: bold;
        margin: 0 auto;
    }


.map-sp04 {
    margin: 0 auto;
    margin-bottom: 20px!important;
    margin-left: 0px;
    padding: 18px;
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 70px;
    background: #1a84ce;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}

.map-sp05 {
    margin-bottom: 20px!important;
    margin-left: 167px;
    padding: 18px;
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 70px;
    background: #7601e9;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    margin: 0 auto;
}
.map-sp06 {
    margin-bottom: 20px!important;
    margin-left: 100px;
    padding: 18px;
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 70px;
    background: #ee1454;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    margin: 0 auto;
}
.map-line-sp {
    display: block;
    background: #3b2ea6;
    width: 70px;
    height: 3px;
    position: relative;
    top: -43px;
    left: 175px;
}

.map-line-sp02 {
    display: block;
    background: #d68c3d;
    width: 70px;
    height: 3px;
    position: relative;
    top: -44px;
    left: 2px;
}

.map-sec-01:after {
    content: '';
    background: #3b2ea6;
    width: 3px;
    height: 205px;
    display: block;
    position: relative;
    right: -310px;
    top: -20px;
}
.map-round {
    position: relative;
    content: '';
    display: block;
    background: #3b2ea6;
    border-radius: 80px;
    width: 30px;
    height: 30px;
    left: 296px;
    top: -139px;
}

.map-line-sp02 {
    display:none;
    background: #d68c3d;
    width: 63px;
    height: 3px;
    position: relative;
    top: -38px;
    left: 10px;
}
.map-round03 {
    display: none;
}

.map-round01 {
    display: none;
}

.map-round02 {
    display: none;
}

.map-round04 {
    display: none;
}

.map-round05 {
    display: none;
}

.map-round06 {
    display: none;
}

.map-new-sec {
    padding-left: 15px;
}

.map-line-sp06 {
    display: none;
}

.map-line-sp05 {
    display: none;
}

.map-line-sp04 {
    display: none;
}


.map-line-sp03 {
    display: none;
}

.map-line-sp02 {
    display: none;
}



.map-line-sp01 {
    display: none;
}

.map-line-sp {
    display: none;
}

.map-sp:after {
    display: none;
}

.map-round{
    display: none;  
}


.map-sp01:after {
    display: none;
}


.map-sp02:after {
    display: none;
}   


.map-sp03:after {
    display: none;
}  



.map-sp04:after {
    display: none;
}    



.map-sp05:after {
    display: none;
}


.map-sp06:after {
    display: none;
}

.map-sec-06:after{
    display: none;
}

.map-sec-05:after{
    display: none;
}


.map-sec-04:after{
    display: none;
}

.map-sec-03:after{
    display: none;
}
.map-sec-02:after{
    display: none;
}

.map-sec-01:after{
    display: none;
}

.map-row{
    margin-top: 80px!important;
}

}


@media screen and (min-width:1250px) and (max-width:1800px){

    .product-solution {
        padding-left: 55px;
        padding-right: 53px;
        padding-top: 21px;
        margin-right: 0px;
        text-align: center;
        float: right;
        width: 70%;
        height: 244px;
        border: 2px solid #7A7979;
        margin-bottom: 80px!important;
        margin: 0 auto;
        margin-left: 120px!important;
    }

    .cloud-solution {
        padding-left: 74px;
        padding-right: 74px;
        padding-top: 21px;
        margin-right: 0px;
        width: 70%;
        float: right;
        height: 244px;
        border: 2px solid #7A7979;
        text-align: center;
        margin: 0 auto;
        margin-left: 120px!important;
    }

    .managed-solution {
        padding-left: 74px;
        padding-right: 74px;
        padding-top: 21px;
        margin-bottom: 80px!important;
        margin-left: 0px;
        width: 70%;
        float: left;
        height: 244px;
        border: 2px solid #7A7979;
        text-align: center;
        margin: 0 auto;
        margin-right: 120px;
    }
    
    .engagement-models {
        padding-left: 74px;
        padding-right: 74px;
        padding-top: 21px;
        text-align: center;
        margin-left: 0px;
        float: left;
        width: 70%;
        height: 244px;
        border: 2px solid #7A7979;
        margin: 0 auto;
        margin-bottom: 80px!important;
        margin-right: 120px;
    }
 
}


@media screen and (min-width:1400px) and (max-width:1800px){

    .hiring-row{
        padding-left: 70px;
        padding-right: 70px;
    }
    .product-solution p {
        padding-top: 5px;
        width: 100%;
        color: #403F3F;
        font-size: 20px;
        line-height: 30px;
        font-family: 'Roboto', sans-serif;
        text-align: center;
    } 

.managed-solution p {
    padding-top: 5px;
    width: 100%;
    color: #403F3F;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
} 

.cloud-solution p {
    padding-top: 5px;
    width: 100%;
    color: #403F3F;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
} 

.engagement-models p {
    padding-top: 5px;
    width: 100%;
    color: #403F3F;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
} 

.slider-heading h2 {
        width: 100%;
        line-height: 65px;
        font-size: 50px;
        color: #000;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
    }

    .slider-heading p {
        padding-top: 13px;
        padding-bottom: 13px;
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        color: #403F3F;
        width: 100%;
        line-height: 27px;
    }

    .slider-img img {
        width: 85%;
        height: auto;
    }

    .slider-img {
        text-align: right;
        padding-left: 46px;
    }


    .hiring-right {
        position: relative;
        z-index: 2;
        width: 95%;
    }
    .hiring-left {
        position: relative;
        z-index: 2;
        width: 95%;
        max-width: 100%;
        float: revert;
    }   


}

@media screen and(min-width:1550px) and (max-width:1800px){
    .slider-img img {
        width: 100%;
        height: auto;
    }

    .slider-img {
        text-align: right;
        padding-right: 65px;
    }

    .cloud-solution {
        padding-left: 74px;
        padding-right: 74px;
        padding-top: 21px;
        margin-right: 0px;
        width: 70%;
        float: right!important;
        height: 244px;
        border: 2px solid #7A7979;
        text-align: center;
        margin: 0 auto;
        margin-left: 0px!important;
    }


    .product-solution {
        padding-left: 55px;
        padding-right: 53px;
        padding-top: 21px;
        margin-right: 0px;
        text-align: center;
        float: right!important;
        width: 70%;
        height: 244px;
        border: 2px solid #7A7979;
        margin-bottom: 80px!important;
        margin: 0 auto;
        margin-left: 0px!important;
    }

    .managed-solution {
        padding-left: 74px;
        padding-right: 74px;
        padding-top: 21px;
        margin-bottom: 80px!important;
        margin-left: 0px;
        width: 70%;
        float: left!important;
        height: 244px;
        border: 2px solid #7A7979;
        text-align: center;
        margin: 0 auto;
        margin-right: 0px;
    }

    .engagement-models {
        padding-left: 74px;
        padding-right: 74px;
        padding-top: 21px;
        text-align: center;
        margin-left: 0px;
        float: left!important;
        width: 70%;
        height: 244px;
        border: 2px solid #7A7979;
        margin: 0 auto;
        margin-bottom: 80px!important;
        margin-right: 0px;
    }
    .hiring-left {
        position: relative;
        z-index: 2;
        width: 95%;
        max-width: 100%;
        float: revert;
    }

    .hiring-right {
        position: relative;
        z-index: 2;
        width: 95%!important;
        max-width: 100%;
        float: revert;
    }

    .it-con p {
        padding-top: 5px;
        width: 100%;
        color: #403F3F;
        font-size: 20px;
        line-height: 30px;
        font-family: 'Roboto', sans-serif;
        text-align: center;
    }

}

@media screen and (min-width:1650px) and (max-width:1800){

    .slider-img {
        text-align: left;
        padding-left: 86px;
    }

    .managed-solution {
        padding-left: 74px;
        padding-right: 74px;
        padding-top: 21px;
        margin-bottom: 80px!important;
        margin-left: 0px;
        width: 65%;
        float: left;
        height: 244px;
        border: 2px solid #7A7979;
        text-align: center;
        margin: 0 auto;
        margin-right: 100px;
    }

    .product-solution {
        padding-left: 55px;
        padding-right: 53px;
        padding-top: 21px;
        margin-right: 0px;
        text-align: center;
        float: right;
        width: 65%;
        height: 244px;
        border: 2px solid #7A7979;
        margin-bottom: 80px!important;
        margin: 0 auto;
        margin-left: 120px!important;
    }

    .cloud-solution {
        padding-left: 74px;
        padding-right: 74px;
        padding-top: 21px;
        margin-right: 0px;
        width: 65%;
        float: right;
        height: 244px;
        border: 2px solid #7A7979;
        text-align: center;
        margin: 0 auto;
        margin-left: 120px!important;
        
    }

    .engagement-models {
       
        padding-left: 74px;
        padding-right: 74px;
        padding-top: 21px;
        text-align: center;
        margin-left: 0px;
        float: left;
        width: 65%;
        height: 244px;
        border: 2px solid #7A7979;
        margin: 0 auto;
        margin-bottom: 80px!important;
        margin-right: 120px;
    }
    
}

@media screen and (min-width:1201px) and (max-width:1600px){
	
	.slider-row {
    padding: 80px 0px 80px 55px;
}
	
.navbar-nav > li {
    padding-left: 10px;
}		
	
	
	
}


@media screen and (min-width:1801px) and (max-width:1918px){
	.slider-img {
    text-align: right;
    padding-left: 0px;
}

	
}

/*********************mobile-app--development*********************************************/



.top-navbar ul {
    align-items: center;
    list-style: none;
    display: flex;
    text-transform: capitalize;
}

.top-navbar ul li {
    margin-right: 40px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;

}

.top-navbar ul li a {
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 16px;
}

.logo img {
    width: 181px;
    height: auto;
}

.top-bar-row {
    max-width: 100%;
    padding: 20px 75px 20px 75px;

}

.top-navbar {
    float: right;
}


.qt-btn {
    width: 116px;
    height: 51px;
    text-transform: capitalize;
    font-family: 'Raleway', sans-serif;
    background: #fff;
    border: 4px solid #527ffc;
    border-radius: 6px;
    font-size: 16px;
    color: #527ffc;

}

.slider-heading h2 {
    width: 700px;
    line-height: 72px;
    font-size: 45px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
	margin-top:80px;

}

.slider-row {
    padding: 100px 100px 100px 100px;
}

.sl-heading {
    color: #527ffc;
}

.slider-heading p {
    padding-top: 13px;
    padding-bottom: 13px;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #403F3F;
    width: 700px;
    line-height: 27px;

}

.slider-btn {
    width: 207px;
    height: 57px;
    list-style: 23px;
    background: #527ffc;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    border-radius: 7px;
    border: none;

}

.slider-btn img {
    padding-left: 6px;
    width: 35px;
    height: auto;
}

.slider-img img {
    width: 670px;
    height: auto;
}

.slider-img {
    text-align: right;
}

.slider-btn a{
	text-decoration:none;
	color:#fff;
}

.slider-btn a:hover{
	text-decoration:none;
	color:#fff;
}

.mobile-app-banner-row.slider-row{
	padding-top:80px!important;
}


.arrow-slider {
    padding-left: 20px;
}

.md-sec h2 {
    width: 65%;
    margin: 0 auto;
    font-family: Raleway;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 49px;

}

.md-sec p {
    text-align: center;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    margin: 0 auto;
    width: 65%;
    max-width: 100%;
    color: #403F3F;
    ;

}

.service-1 {
    padding-top: 15px;
    margin-bottom: 40px;
    width: 473px;
    height: 252px;
    border: 2px solid #7A7979;

}

.mb-app {
    color: #527ffc;

}

.service-row {
    padding-bottom: 50px;
}

.service-cont {
    padding-bottom: 108px;
}

.service-box-left {
  
    margin-right: 40px;
    float: right;
    text-align: center;
}

.service-box-right {
   
    margin-left:40px;
    text-align: center;
    float: left;
}

.service-box-left img {
    width: 77px;
    height: 83px;
}

.service-box-right img {
    width: 89px;
    height: 74px;
}

.service-box-left h3 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;

}

.service-box-right h3 {
    margin-top: 10px;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;

}

.service-box-left p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    width: 85%;
    margin: 0 auto;
    padding-bottom: 10px;
}

.service-box-right p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    width: 85%;
    margin: 0 auto;
    padding-bottom: 10px;
}

.hiring-row{
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/hr_img.png');
    width: 100%;
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;

}

.hire-section h2{
    margin-bottom: 40px;
    font-family: Raleway;
font-size: 55px;
font-weight: 700;
line-height: 65px;
letter-spacing: 0em;
text-align: center;
color: #fff;
position:relative;
z-index:2;
}

.hire-section p{
    margin-bottom: 50px!important;
    font-family: Roboto;
font-size: 22px;
font-weight: 500;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
color: #fff;
width: 60%;
margin: 0 auto;
position: relative;
z-index: 2;

}

.hire-button{
    position: relative;
    z-index: 2;
    background-color: #527ffc;
    width:  207px;
    height:57px;
    font-size:20px;
    font-family: Raleway;
    color: #fff;
    text-transform: capitalize;
    border-radius: 5px;
    border: none;
    margin-top: 50px;
}

.hire-section{
    position: absolute;
    padding-top: 80px;
    text-align: center;
}

.hr-span{
    color: #527ffc;
}

/* .hire-section:after {
    content: '';
    display: block;
    width: 100%;
    height: 700px;
    background: #000;
    opacity: 70%;
    position: relative;
    top: -562px;
    max-width: 100%;
} */

.technology-sec h2{
    font-family: Raleway;
font-size: 55px;
font-weight: 700;
line-height: 65px;
letter-spacing: 0em;
text-align: center;
margin-bottom: 40px;

}

.technology-sec p{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
width: 62%;
max-width: 100%;
margin: 0 auto;
color:#403F3F;
;
}

.technology-sec{
    padding-top: 120px;
}

.tech-sp{
    color: #527ffc;
}

.tech-img{
    margin-left: 15px;
    width: 80px!important;
    height: auto;
}

.tech-card{
    box-shadow: 0px 0px 8px -2px;
    border: 2px solid #527ffc!important;
    margin-bottom: 70px;
    padding-top: 15px;
    width: 453px!important;
    height: 285px;
    
}

.tech-p{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
padding-top:10px;
text-align: left;
color: #7A7979;

}

.tech-row{
    padding-top: 40px;
    padding-right:100px;
    padding-left: 140px;
}

.commit-heading p{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin:0 auto;
    padding-bottom: 65px;
    color:#fff;
    
    }

    .commit-left ul{
        display: flex;
        list-style: none;
        flex-direction: row;
        color:#fff;
    }
    .commit-right ul{
        display: flex;
        list-style: none;
        flex-direction: row;
        color:#fff;
        padding-left:0px;
    }

    .cmt-sp{
        color:#527ffc;
    }

    .commit-left ul li{
        margin-bottom: 87px;
        font-size:22px;
        line-height:33px;
        font-family: 'Roboto', sans-serif;
        color:#fff;
        font-weight: 500;
        padding-right:20px;

    }

    .commit-right ul li{
        margin-bottom: 87px;
        font-size:22px;
        padding-right:20px;
        line-height:33px;
        font-family: 'Roboto', sans-serif;
        color:#fff;
        font-weight: 500;

    }

    .commit-left p{
        width:407px;
        font-size: 15px!important;
        line-height: 23px!important;
        float: right;
    }

    .commit-right p{
        width:407px;
        font-size:15px!important;
        line-height: 23px!important;
        font-family: 'Roboto', sans-serif;
        float: right;
    }

    .commit-right h2{
        width:406px;
        font-size:22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .commit-left h2{
        width:406px;
        font-size:22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

  .commit-left{
    padding-right:45px;
    float: right;
  }

  .commit-right{
    padding-left:45px;
  }



.commit-cont{
    background: #000;
    padding-top: 64px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 50px;
    margin-bottom: 95px;
    margin-top:95px;
}

.commit-heading h2{
    font-size:55px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color:#000;
    line-height: 65px;
    text-align: center!important;
    width: 900px;
    margin:0 auto;
    margin-bottom: 25px;
    color:#fff;

}

.service-cont{
padding-top: 120px;
}

/******************responsive--start*************************************************/

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


    .commit-heading h2 {
        font-size: 35px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 45px;
        text-align: center!important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }

    .commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }

    .commit-left {
        padding-right: 0px;
        float: revert;
        text-align: center;
    }
    .commit-left ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
    }

    .commit-left ul li {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 33px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-weight: 500;
        padding-right: 0px;
    }
    .commit-right ul li {
        margin-bottom: 20px;
        font-size: 22px;
        padding-right: 0px;
        line-height: 33px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-weight: 500;
    }

    .commit-left h2 {
        width: 100%;
        font-size: 22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .commit-left p {
        width: 100%;
        font-size: 15px!important;
        line-height: 23px!important;
        float: revert;
    }

    .commit-right {
        padding-left: 0px;
        text-align: center;
        text-align: center;
    }

    .commit-right ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
    }
    .commit-right h2 {
        width: 100%;
        font-size: 22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .commit-right p {
        width: 100%;
        font-size: 15px!important;
        line-height: 23px!important;
        font-family: 'Roboto', sans-serif;
        float: revert;
    }

    .md-sec h2 {
        width: 95%;
        margin: 0 auto;
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 20px;
    }
    .md-sec p {
        text-align: center;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
        color: #403F3F;
    }

    .service-box-left {
        padding-top: 0px;
        margin-right: 0px;
        float: revert;
        text-align: center;
    }

    .service-1 {
        padding-top: 15px;
        margin-bottom: 30px;
        width: 100%;
        height: auto;
        border: 2px solid #7A7979;
    }
    .service-box-right {
        padding-top: 0px;
        margin-left: 0px;
        text-align: center;
        float: revert;
    }


    .hiring-row {
        background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/hr_img.png');
        width: 100%;
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .hire-section h2 {
        margin-bottom: 40px;
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        position: relative;
        z-index: 2;
        width: 100%;
    }

    .hire-section p {
        margin-bottom: 28px!important;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }

    .technology-sec h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 20px;
    }

    .technology-sec p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        color: #403F3F;
    }

    .tech-row {
        padding-top: 50px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .tech-card {
        box-shadow: 0px 0px 8px -2px;
        border: 2px solid #527ffc!important;
        margin-bottom: 70px;
        padding-top: 15px;
        width: 100%!important;
        height: auto;
    }

    .slider-img img {
        width: 100%;
        height: auto;
    }

    .slider-img {
        text-align: revert;
    }

    .slider-row {
        padding: 60px 10px 10px 10px;
    }

    .slider-heading h2 {
        width: 100%;
        line-height: 45px;
        font-size: 35px;
        color: #000;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        text-align: center;
        margin-top: 30px!important;
    }

    
    .slider-heading p {
        padding-top: 13px;
        padding-bottom: 13px;
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        color: #403F3F;
        width: 100%;
        line-height: 28px;
        text-align: center;
      
    }

    .slider-heading{
        text-align: center;
    }

    .slider-row{
        display: flex;
        flex-direction: column-reverse;
    }

    .service-cont {
        padding-top: 42px;
    }

    .service-cont {
        padding-bottom: 40px;
    }

    .hire-section {
        position: relative;
        padding-top: 80px;
        text-align: center;
        padding-bottom: 50px;
    }

    .technology-sec {
        padding-top: 50px;
    }

    .tech-img {
        margin-left: 0px;
        width: 80px!important;
        height: auto;
        text-align: center;
        margin: 0 auto;
    }

    .tech-p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        padding-top: 10px;
        text-align: center;
        color: #7A7979;
    }

    .commit-cont {
        background: #000;
        padding-top: 64px;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding-bottom: 0px;
        margin-bottom: 40px;
        margin-top: 0px;
    }
    
}


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

    .slider-img img {
        width: 80%;
        height: auto;
    }

    .slider-img {
        text-align: revert;
        text-align: center;
    }
    .service-1 {
        padding-top: 15px;
        margin-bottom: 30px!important;
        width: 80%;
        height: auto;
        border: 2px solid #7A7979;
        margin: 0 auto;
    }
    .hire-section {
        padding-left: 40px;
        position: relative;
        padding-top: 80px;
        text-align: center;
        padding-bottom: 50px;
        padding-right: 40px;
    }
    
    .technology-sec {
        padding-top: 50px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .tech-card {
        box-shadow: 0px 0px 8px -2px;
        border: 2px solid #527ffc!important;
        margin-bottom: 70px!important;
        padding-top: 15px;
        width: 70%!important;
        height: auto;
        margin: 0 auto;
    }

}


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

    .slider-img img {
        width: 70%;
        height: auto;
    }

    .slider-heading {
        text-align: center;
        padding-left: 30px;
        padding-right: 30px;
    }
    .md-sec{
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 50px;
    }
    .service-1 {
        padding-top: 15px;
        margin-bottom: 30px!important;
        width: 65%;
        height: auto;
        border: 2px solid #7A7979;
        margin: 0 auto;
    }

    .tech-card {
        box-shadow: 0px 0px 8px -2px;
        border: 2px solid #527ffc!important;
        margin-bottom: 70px!important;
        padding-top: 15px;
        width: 65%!important;
        height: auto;
        margin: 0 auto;
    }
    .commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }

    .commit-left ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
        width: 80%;
        margin: 0 auto;
    }

    .commit-right ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
        width: 80%;
        margin: 0 auto;
    }

}

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

    .slider-img img {
        width: 65%;
        height: auto;
    }

    .service-1 {
        padding-bottom: 20px;
        padding-top: 15px;
        margin-bottom: 60px!important;
        width: 60%;
        height: auto;
        border: 2px solid #7A7979;
        margin: 0 auto;
    }

    .hire-section h2 {
        margin-bottom: 40px!important;
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        position: relative;
        z-index: 2;
        width: 90%;
        margin: 0 auto;
    }

    .hire-section p {
        margin-bottom: 28px!important;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        width: 90%;
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }

    .technology-sec p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        width: 90%;
        max-width: 100%;
        margin: 0 auto;
        color: #403F3F;
    }

    .tech-card {
        box-shadow: 0px 0px 8px -2px;
        border: 2px solid #527ffc!important;
        margin-bottom: 70px!important;
        padding-top: 15px;
        width: 55%!important;
        height: auto;
        margin: 0 auto;
    }
}

@media screen and (min-width:992px) and (max-width:1399px){

    .slider-row {
        padding: 100px 30px 30px 30px;
    }

    .slider-heading p {
        padding-top: 13px;
        padding-bottom: 13px;
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        color: #403F3F;
        width: 100%;
        line-height: 27px;
    }

    .slider-heading h2 {
        width: 100%;
        line-height: 55px;
        font-size: 45px;
        color: #000;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
    }

    .md-sec h2 {
        width: 65%;
        margin: 0 auto;
        font-family: Raleway;
        font-size: 50px;
        font-weight: 700;
        line-height: 60px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 30px;
    }

    .service-1 {
        padding-top: 15px;
        margin-bottom: 80px;
        width: 100%;
        height: 252px;
        border: 2px solid #7A7979;
    }

    .commit-heading h2 {
        font-size: 50px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 65px;
        text-align: center!important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }

    .commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }

    .commit-left {
        padding-right: 0px;
        float: revert;
    }

    .commit-left p {
        width: 100%;
        font-size: 15px!important;
        line-height: 23px!important;
        float: revert;
    }
    .commit-left h2 {
        width: 100%;
        font-size: 22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .commit-right h2 {
        width: 100%;
        font-size: 22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .commit-right p {
        width: 100%;
        font-size: 15px!important;
        line-height: 23px!important;
        font-family: 'Roboto', sans-serif;
        float: revert;
    }
    .technology-sec h2 {
        font-family: Raleway;
        font-size: 50px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 40px;
    }

    .tech-row {
        padding-top: 50px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .tech-card {
        box-shadow: 0px 0px 8px -2px;
        border: 2px solid #527ffc!important;
        margin-bottom: 70px;
        padding-top: 15px;
        width: 100%!important;
        height: 290px;
    }
    .tech-img {
        margin-left: 15px;
        width: 80px!important;
        height: auto;
        margin: 0 auto;
    }

    .tech-p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0em;
        padding-top: 10px;
        text-align: center;
        color: #7A7979;
    }


    .slider-img img {
        width: 100%;
        height: auto;
    }

    .service-cont {
        padding-top: 50px;
    }

    .service-box-left {
       
        margin-right: 0px;
        float: right;
        text-align: center;
        padding-left: 30px;
    }
    .service-box-right {
      
        margin-right: 0px;
        float: right;
        text-align: center;
        padding-right: 30px;
        
    }

    .service-cont {
        padding-bottom: 50px;
    }
    .hiring-row {
        background-image: url(../img/hr_img.png);
        width: 100%;
        height: 800px;
        background-repeat: no-repeat;
        background-size: cover;
    }

}

@media screen and (min-width:1400px) and (max-width:1800px){
    .slider-heading p {
        padding-top: 13px;
        padding-bottom: 13px;
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        color: #403F3F;
        width: 100%;
        line-height: 27px;
    }

    .service-cont {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .tech-row {
        padding-top: 100px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .technology-sec {
        padding-top: 80px;
    }

    .commit-cont {
        background: #000;
        padding-top: 64px;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding-bottom: 50px;
        margin-bottom: 95px;
        margin-top: 0px;
    }


}

@media screen and (min-width:1550px) and (max-width:1800px){

    .tech-row {
        padding-top: 100px;
        padding-right: 80px;
        padding-left: 80px;
    }

}


/*****************software-development*********************************************/




.qt-btn {
    width: 116px;
    height: 51px;
    text-transform: capitalize;
    font-family: 'Raleway', sans-serif;
    background: #fff;
    border: 4px solid #527ffc;
    border-radius: 6px;
    font-size: 16px;
    color: #527ffc;

}

.slider-heading h2 {
    width: 95%;
    line-height: 72px;
    font-size: 45px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;

}

.slider-row {
    padding: 100px 120px 100px 120px;
}

.sl-heading {
    color: #527ffc;
}

.slider-heading p {
    padding-top: 13px;
    padding-bottom: 13px;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #403F3F;
    width: 700px;
    line-height: 32px;

}

.slider-btn {
    width: 207px;
    height: 57px;
    list-style: 23px;
    background: #527ffc;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    border-radius: 7px;
    border: none;

}

.slider-btn img {
    padding-left: 6px;
    width: 35px;
    height: auto;
}

.slider-img img {
    width: 611px;
    height: auto;
}

.slider-img {
    text-align: right;
}


.arrow-slider {
    padding-left: 20px;
}

.md-sec h2 {
    width: 65%;
    margin: 0 auto;
    font-family: Raleway;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 49px;

}

.md-sec p {
    text-align: center;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    margin: 0 auto;
    width: 65%;
    max-width: 100%;
    color: #403F3F;
    ;

}

.ser-con .service-1 {
    padding-top: 15px;
    margin-bottom: 0px;
    width: 100%;
    height: auto;
    border: none;

}


.mb-app {
    color: #527ffc;

}

.service-row {
    padding-bottom: 0px;
}

.service-cont {
    padding-bottom: 40px;
}

.service-box-left {
    
    margin-right: 40px;
    float: right;
    text-align: center;
}

.service-box-right {
  
    margin-left:40px;
    text-align: center;
    float: left;
}

.service-box-left img {
    width: 77px;
    height: 83px;
}

.service-box-right img {
   width: 89px;
    height: 74px;
}

.service-box-left h3 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;

}

.service-box-right h3 {
    margin-top: 10px;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;

}

.service-box-left p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    width: 85%;
    margin: 0 auto;
    padding-bottom: 10px;
}

.service-box-right p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    width: 85%;
    margin: 0 auto;
    padding-bottom: 10px;
}

.hiring-row{
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/hr_img-1.png');
    width: 100%;
    height: 625px;
    background-repeat: no-repeat;
    background-size: cover;

}

.hire-section h2{
    margin-bottom: 10px;
    font-family: Raleway;
font-size: 55px;
font-weight: 700;
line-height: 65px;
letter-spacing: 0em;
text-align: center;
color: #fff;
position:relative;
z-index:2;
}

.hire-section p{
    margin-bottom: 50px!important;
    font-family: Roboto;
font-size: 22px;
font-weight: 500;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
color: #fff;
width: 60%;
margin: 0 auto;
position: relative;
z-index: 2;

}

.hire-button{
    position: relative;
    z-index: 2;
    background-color: #527ffc;
    width:  207px;
    height:57px;
    font-size:18px;
    font-family: Raleway;
    color: #fff;
    text-transform: capitalize;
    border-radius: 5px;
    border: none;
    margin-top: 50px;
	font-weight:700;
}

.hire-section{
    position: absolute;
    padding-top: 80px;
    text-align: center;
}

.hr-span{
    color: #527ffc;
}


.outsourcing-sec h2{
    font-family: Raleway;
font-size: 55px;
font-weight: 700;
line-height: 65px;
letter-spacing: 0em;
text-align: center;
margin-bottom: 40px;

}

.outsourcing-sec p{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
width: 62%;
max-width: 100%;
margin: 0 auto;
color:#403F3F;
;
}

.outsourcing-sec{
    padding-top: 120px;
    padding-bottom: 80px;
}


.otsrc-row{padding-top: 80px;
    width: 100%;
    background: #527ffc;
    height: 600px;
    margin-top: 50px;
  
}

.web_box{
    margin-top: 80px;
    padding: 35px 35px ;
    text-align: center;
    border: dashed 3px #fff;
    float:right;
    width: 575px;
    height: 440px;
    background: #000;
}   

.web_box img{
    width:79px;
    height: auto;
}


.mobile_box img{
    width:79px;
    height: auto;
}

.mobile_box{
    margin-top: 80px;
    text-align: center;
    padding: 35px 35px ;
    border: dashed 3px #fff;
    float: left;
    width: 575px;
    height: 440px;
    background: #000;
}

.web_box p{
    color:#fff;
    font-family: Roboto;
font-size: 22px;
font-weight: 500;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
}

.mobile_box p{
    color:#fff;
    font-family: Roboto;
font-size: 22px;
font-weight: 500;
line-height: 34px;
letter-spacing: 0em;
text-align: center;

}


.web_box h2{
    font-family: Roboto;
font-size: 32px;
font-weight: 600;
line-height: 49px;
letter-spacing: 0em;
text-align: center;
color: #527ffc;
text-transform: uppercase;
}


.mobile_box h2{
    font-family: Roboto;
font-size: 32px;
font-weight: 600;
line-height: 49px;
letter-spacing: 0em;
text-align: center;
color: #527ffc;
text-transform: uppercase;
}

.tech-sp{
    color: #527ffc;
}







.commit-heading p{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin:0 auto;
    padding-bottom: 65px;
    color:#fff;
    
    }

    .commit-left ul{
        display: flex;
        list-style: none;
        flex-direction: row;
        color:#fff;
    }
    .commit-right ul{
        display: flex;
        list-style: none;
        flex-direction: row;
        color:#fff;
        padding-left:0px;
    }

    .cmt-sp{
        color:#527ffc;
    }

    .commit-left ul li{
        margin-bottom: 87px;
        font-size:22px;
        line-height:33px;
        font-family: 'Roboto', sans-serif;
        color:#fff;
        font-weight: 500;
        padding-right:20px;

    }

    .commit-right ul li{
        margin-bottom: 87px;
        font-size:22px;
        padding-right:20px;
        line-height:33px;
        font-family: 'Roboto', sans-serif;
        color:#fff;
        font-weight: 500;

    }

    .commit-left p{
        width:407px;
        font-size: 15px!important;
        line-height: 23px!important;
        float: right;
    }

    .commit-right p{
        width:407px;
        font-size:15px!important;
        line-height: 23px!important;
        font-family: 'Roboto', sans-serif;
        float: right;
    }

    .commit-right h2{
        width:406px;
        font-size:22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .commit-left h2{
        width:406px;
        font-size:22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

  .commit-left{
    padding-right:45px;
    float: right;
  }

  .commit-right{
    padding-left:45px;
  }



.commit-cont{
    background: #000;
    padding-top: 95px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 50px;
    margin-bottom: 95px;
    margin-top:95px;
}

.commit-heading h2{
    font-size:55px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color:#000;
    line-height: 65px;
    text-align: center!important;
    width: 900px;
    margin:0 auto;
    margin-bottom: 25px;
    color:#fff;

}

.service-cont{
padding-top: 40px;
}

.tac-banner-row{
	max-width:1663px;
	width:100%;
	margin:0 auto;
}


.tac-banner-right img {
    width: 58%;
    margin-left: 0px;
    float: right;
}

.single.single-blog_detail .entry-content span {
   font-weight:400
}

/*****************responsive--start--*****************************************/

@media screen and (max-width:991px){
	
.single.single-blog_detail	.blog_detail-template-default .post-thumbnail {
    height: auto;
	   width: 100%;
}
    .slider-img {
        text-align: center;
    }

.slider-row{
    padding: 50px 10px 50px 10px;
}

.slider-heading p {
    padding-top: 13px;
    padding-bottom: 13px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #403F3F;
    width: 100%;
    line-height: 28px;
    text-align: center;
}

.slider-img img {
    width: 100%;
    height: auto;
}


.md-sec h2 {
    width: 100%;
    margin: 0 auto;
    font-family: Raleway;
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 30px;
}

.md-sec p {
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    color: #403F3F;
}

.service-box-left {
    padding-top: 40px;
    margin-right: 0px;
    float: revert;
    text-align: center;
}

.service-1 {
    padding-top: 15px;
    margin-bottom: 85px;
    width: 100%;
    height: auto;
    border: 2px solid #7A7979;
}

.service-box-right {
    padding-top: 0px;
    margin-left: 0px;
    text-align: center;
    float: revert;
}

.hire-section h2 {
    margin-bottom: 10px;
    font-family: Raleway;
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
}

.hire-section p {
    margin-bottom: 10px!important;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.hiring-row {
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/hr_img-1.png');
    width: 100%;
    height: 1000px;
    background-repeat: no-repeat;
    background-size: cover;
}

.outsourcing-sec h2 {
    font-family: Raleway;
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 30px;
}

.otsrc-row {
      width: 100%;
    background: #527ffc;
    height: auto;
   
}

.web_box {
    margin-top: 35px;
    padding: 20px 20px;
    text-align: center;
    border: dashed 3px #fff;
    float: revert;
    width: 100%;
    height: auto;
    background: #000;
}

.mobile_box {
    margin-top: 35px;
    text-align: center;
    padding: 20px 20px;
    border: dashed 3px #fff;
    float: revert;
    width: 100%;
    height: auto;
    background: #000;
    margin-bottom: 40px;
}


.commit-cont {
    background: #000;
    padding-top: 64px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 50px;
    margin-bottom: 40px;
    margin-top: 30px;
}
.commit-heading h2 {
    font-size: 35px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 50px;
    text-align: center!important;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;
}

.commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;
}

.commit-left {
    padding-right: 0px;
    float: revert;
    text-align: center;
}

.commit-left ul {
    display: flex;
    list-style: none;
    flex-direction: column;
    color: #fff;
    padding-left: 0px;
}

.commit-right ul {
    display: flex;
    list-style: none;
    flex-direction: column;
    color: #fff;
}

.commit-left ul li {
    margin-bottom: 35px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 0px;
}

.commit-left h2 {
    width: 100%;
    font-size: 22px!important;
    line-height: 33px!important;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

.commit-left p {
    width: 100%;
    font-size: 15px!important;
    line-height: 23px!important;
    float: revert;
}


.commit-right {
    padding-left: 0px;
    text-align: center;
}

.commit-right ul li {
    margin-bottom: 30px;
    font-size: 22px;
    padding-right: 20px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
}

.commit-right ul li {
    margin-bottom: 30px;
    font-size: 22px;
    padding-right: 0px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
}

.commit-right h2 {
    width: 100%;
    font-size: 22px!important;
    line-height: 33px!important;
    font-family: 'Roboto', sans-serif;
}

.commit-right p {
    width: 100%;
    font-size: 15px!important;
    line-height: 23px!important;
    font-family: 'Roboto', sans-serif;
    float: revert;
}

.web_box p {
    color: #fff;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
}

.mobile_box p {
    color: #fff;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
}

.slider-heading h2 {
    margin-top: 30px;
    width: 100%;
    line-height: 45px;
    font-size: 35px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-align: center;
}

.slider-row{
    display: flex;
    flex-direction: column-reverse;
}

.slider-heading{
    text-align: center;
}

.service-cont {
    padding-top: 0px;
    padding-bottom: 0px;
}

.service-row {
    padding-bottom: 0px;
}

.hire-section {
    position:relative;
    padding-top: 30px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.outsourcing-sec {
    padding-top: 40px;
    padding-bottom: 40px;
}


.outsourcing-sec p {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    color: #403F3F;
}

.outsourcing-sec {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 10px;
    padding-left: 10px;
}


}


@media screen and (max-width:991px){
    .hiring-row {
        background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/hr_img-1.png');
        width: 100%;
        height: 1028px;
        background-repeat: no-repeat;
        background-size: cover;
    }




}


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

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

    .slider-img {
        text-align: center;
    }

    .slider-img img {
        width: 80%;
        height: auto;
        text-align: center;
        margin: 0 auto;
    }

    .service-box-left {
        padding-top: 40px;
        margin-right: 0px;
        float: revert;
        text-align: center;
        padding-left: 50px;
        padding-right: 50px;
    }
    .service-box-right {
        padding-top: 40px;
        margin-right: 0px;
        float: revert;
        text-align: center;
        padding-left: 50px;
        padding-right: 50px;
    }


    .hiring-row {      
        background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/hr_img-1.png');
        width: 100%;
        height: 670px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .hire-section {
        position: absolute;
        padding-top: 50px;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .outsourcing-sec {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-right: 35px;
        padding-left: 35px;
    }

}


@media screen and (min-width:680px) and (max-width:991px){
    .slider-img img {
        width: 65%;
        height: auto;
        text-align: center;
        margin: 0 auto;
    }

    .slider-heading {
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .md-sec p {
        text-align: center;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        margin: 0 auto;
        width: 80%;
        max-width: 100%;
        color: #403F3F;
    }

    .service-box-left {
        padding-top: 40px;
        margin-right: 0px;
        float: revert;
        text-align: center;
        padding-left: 80px;
        padding-right: 80px;
    }

    .service-box-right {
        padding-top: 40px;
        margin-right: 0px;
        float: revert;
        text-align: center;
        padding-left: 80px;
        padding-right: 80px;
    }

    .hire-section {
        position: absolute;
        padding-top: 50px;
        text-align: center;
        padding-left: 40px;
        padding-right: 40px;
    }

    .hiring-row {
        background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/hr_img-1.png');
        width: 100%;
        height: 630px;
        background-repeat: no-repeat;
        background-size: cover;
    }


    .web_box {
        margin-top: 35px!important;      
        padding: 20px 20px;
        text-align: center;
        border: dashed 3px #fff;
        float: revert;
        width: 80%;
        height: auto;
        background: #000;
        margin: 0 auto;
    }

    .mobile_box {
        margin-top: 35px!important;  
        margin-bottom: 35px!important;    
        padding: 20px 20px;
        text-align: center;
        border: dashed 3px #fff;
        float: revert;
        width: 80%;
        height: auto;
        background: #000;
        margin: 0 auto;
    }

    .commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }

    .commit-left {
        padding-right: 0px;
        float: revert;
        text-align: center;
        padding-left: 60px;
        padding-right: 60px;
    }

    .commit-right {
        padding-right: 0px;
        float: revert;
        text-align: center;
        padding-left: 60px;
        padding-right: 60px;
    }

}


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

    .slider-heading {
        text-align: center;
        padding-left: 65px;
        padding-right: 65px;
    }

    .md-sec h2 {
        width: 75%;
        margin: 0 auto;
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 30px;
    }


    .service-box-left {
        padding-top: 40px;
        margin-right: 0px;
        float: revert;
        text-align: center;
        padding-left: 150px;
        padding-right: 150px;
    }

    .service-box-right {
        padding-top: 40px;
        margin-right: 0px;
        float: revert;
        text-align: center;
        padding-left: 150px;
        padding-right: 150px;
    }


    .hire-section {
        position: absolute;
        padding-top: 80px;
        text-align: center;
        padding-left: 40px;
        padding-right: 40px;
    }

    .outsourcing-sec {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-right: 80px;
        padding-left: 80px;
    }

    .web_box {
        margin-top: 35px!important;
        padding: 20px 20px;
        text-align: center;
        border: dashed 3px #fff;
        float: revert;
        width: 65%;
        height: auto;
        background: #000;
        margin: 0 auto;
    }

    .mobile_box {
        margin-top: 35px!important;
        padding: 20px 20px;
        text-align: center;
        border: dashed 3px #fff;
        float: revert;
        width: 65%;
        height: auto;
        background: #000;
        margin: 0 auto;
    }

.commit-heading{
    padding-left: 60px;
    padding-right: 60px;
}


.commit-left {
    padding-right: 0px;
    float: revert;
    text-align: center;
    padding-left: 85px;
    padding-right: 85px;
}

}

@media screen and (min-width:992px) and (max-width:1400px){


    .slider-row {
        padding: 100px 20px 100px 20px;
    }

    .slider-heading h2 {
        width: 100%;
        line-height: 60px;
        font-size: 40px;
        color: #000;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
    }

    .slider-img img {
        width: 100%;
        height: auto;
    }

    .slider-heading p {
        padding-top: 13px;
        padding-bottom: 13px;
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        color: #403F3F;
        width: 100%;
        line-height: 28px;
    }

    .slider-img {
        text-align: left;
        padding-top: 65px;
    }

    .md-sec h2 {
        width: 100%;
        margin: 0 auto;
        font-family: Raleway;
        font-size: 45px;
        font-weight: 700;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 49px;
    }

    .service-cont {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .md-sec p {
        text-align: center;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        margin: 0 auto;
        width: 90%;
        max-width: 100%;
        color: #403F3F;
    }

    .service-box-left {
       
        margin-right: 0px;
        float: left;
        text-align: center;
    }
	
	
	.ser-con .service-1 {
    padding-top: 15px;
    margin-bottom: 0px;
    width: 100%;
    height: auto;
    border: none;
}
	

    .service-1 {
        padding-top: 15px;
        margin-bottom: 85px;
        width: 100%;
        height: 252px;
        border: 2px solid #7A7979;
    }

    .service-box-right {
       
        margin-left: 0px;
        text-align: center;
        float: left;
    }

    .hiring-row {
        background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/hr_img-1.pnghr_img.png');
        width: 100%;
        height: 717px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .hire-section h2 {
        margin-bottom: 10px;
        font-family: Raleway;
        font-size: 45px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        position: relative;
        z-index: 2;
    }

    .hire-section p {
        margin-bottom: 50px!important;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        width: 80%;
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }

    .outsourcing-sec h2 {
        font-family: Raleway;
        font-size: 45px;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 30px;
    }
    .web_box {
        margin-top: 80px;
        padding: 35px 35px;
        text-align: center;
        border: dashed 3px #fff;
        float: revert;
        width: 100%;
        height: 440px;
        background: #000;
    }


    .mobile_box {
        margin-top: 80px;
        padding: 35px 35px;
        text-align: center;
        border: dashed 3px #fff;
        float: revert;
        width: 100%;
        height: 440px;
        background: #000;
    }

    .commit-heading h2 {
        font-size: 45px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 65px;
        text-align: center!important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }

    .commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 80%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }

    .commit-left {
        padding-right: 0px;
        float: revert;
    }

    .commit-left h2 {
        width: 100%;
        font-size: 22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .commit-left p {
        width: 100%;
        font-size: 16px!important;
        line-height: 23px!important;
        float: revert;
    }

    .commit-left ul {
        display: flex;
        list-style: none;
        flex-direction: row;
        color: #fff;
        padding-left: 0px;
    }

    .commit-right {
        padding-left: 0px;
    }

    .commit-right h2 {
        width: 100%;
        font-size: 22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .commit-right p {
        width: 100%;
        font-size: 16px!important;
        line-height: 23px!important;
        font-family: 'Roboto', sans-serif;
        float: right;
    }

    .commit-cont {
        background: #000;
        padding-top: 95px;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding-bottom: 50px;
        margin-bottom: 80px;
        margin-top: 80px;
    }

    .commit-left img{
        width: 90px;
        height: auto;
    }

    .commit-right img{
        width: 90px;
        height: auto;
    }

    .commit-cont{
        padding-left: 20px;
    }
    .mobile_box p {
        color: #fff;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 500;
        line-height: 31px;
        letter-spacing: 0em;
        text-align: center;
    }

    .web_box p {
        color: #fff;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 500;
        line-height: 31px;
        letter-spacing: 0em;
        text-align: center;
    }

}

@media screen and (min-width:1199px) and (max-width:1399px){
	
	.software-development-row{
		padding-left:50px!important;
		padding-right:50px!important;
	}


    .slider-img img {
        width: 90%;
        height: auto;
    }

    .slider-img {
        text-align: left;
        padding-top: 30px;
    }

    .md-sec p {
        text-align: center;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        margin: 0 auto;
        width: 80%;
        max-width: 100%;
        color: #403F3F;
    }

    .service-1 {
        padding-top: 15px;
        margin-bottom: 85px!important;
        width: 80%;
        height: 252px;
        border: 2px solid #7A7979;
        margin: 0 auto;
    }

    .hiring-row {
        background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/hr_img-1.png');
        width: 100%;
        height: 684px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .web_box {
        margin-top: 80px!important;
        padding: 35px 35px;
        text-align: center;
        border: dashed 3px #fff;
        float: revert;
        width: 95%;
        height: 440px;
        background: #000;
        margin: 0 auto;
    }
    .mobile_box {
        margin-top: 80px!important;
        padding: 35px 35px;
        text-align: center;
        border: dashed 3px #fff;
        float: revert;
        width: 95%;
        height: 440px;
        background: #000;
        margin: 0 auto;
    }

    .commit-left ul {
        display: flex;
        list-style: none;
        flex-direction: row;
        color: #fff;
        padding-left: 15px;
    }

    .service-cont{
        padding-right: 80px!important;
        padding-left: 80px!important;
    }

    .service-box-right {      
        margin-right: 40px;
        float: left;
        text-align: center;
    }

}

@media screen and (min-width:1400px) and (max-width:1800px){
	
	.software-development-row{
		padding-left:60px;
	}
	

    .slider-img img {
        width: 85%;
        height: auto;
    }

    .slider-row {
        padding: 99px 25px 100px 25px;
    }

    .slider-heading h2 {
        width: 95%;
        line-height: 70px;
        font-size: 50px;
        color: #000;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
    }

    .service-cont {
        padding-top: 0px;
    }

    .md-sec h2 {
        width: 100%;
        margin: 0 auto;
        font-family: Raleway;
        font-size: 50px;
        font-weight: 700;
        line-height: 65px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 49px;
    }

    .service-box-left {
        padding-top: 35px;
        margin-right: 40px;
        float: right;
        text-align: center;
    }

    .service-box-right {
        padding-top: 35px;
        margin-right: 40px;
        float: right;
        text-align: center;
    }

    .service-box-right {
        padding-top: 35px;
        margin-right: 40px;
        float: left;
        text-align: center;
    }
    .hire-section p {
        margin-bottom: 50px!important;
        font-family: Roboto;
        font-size: 22px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        width: 90%;
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }


    .hire-section h2 {
        margin-bottom: 10px;
        font-family: Raleway;
        font-size: 50px;
        font-weight: 700;
        line-height: 65px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        position: relative;
        z-index: 2;
    }
    .outsourcing-sec h2 {
        font-family: Raleway;
        font-size: 50px;
        font-weight: 700;
        line-height: 65px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 30px;
    }

}

@media screen and (min-width:1600px) and (max-width:1800px){

    .slider-img {
        text-align: left;
    }

    .outsourcing-sec p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 80%;
        max-width: 100%;
        margin: 0 auto;
        color: #403F3F;
    }


}

@media screen and (min-width:1700px) and (max-width:1800px){

    .slider-img {
        text-align: left;
        padding-left: 40px;
    }

    .slider-img img {
        width: 80%;
        height: auto;
    }

    .service-cont {
        padding-bottom: 60px;
    }

}

.software-development-row{
	padding-top:80px!important;
}


/********************web--developmnet**************************/



.slider-sec-left h2{
    font-family: Poppins;
    font-size: 50px;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    width: 100%;
    
}
.slider-sec-left{
    padding-top: 100px;
    padding-left: 0px;
}

.jq-img{
    width: 200px!important;
    height: auto!important;
}

.sol-row {
    background:#d9d9d9;
    padding-bottom: 80px;
}


.slider-sec-left p{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
color: #403F3F;
width:90%;
	margin-top: 20px;}



/****************************accordian********************/

 .accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 65%!important;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin-left:300px;
    max-width: 100%;
    border: 3px solid #ACACAB!important;
   
    
  }

  .panel {
    padding: 20px 18px!important;
    display: none;
    background-color: white;
    overflow: hidden;
    width: 65%!important;
    margin: 0 auto;
    text-align: center;
    position: relative;
    left:-16px;
    transition: max-height 0.2s ease-out;
  }

  .active, .accordion:hover {
    background-color: #ccc; 
  }

  .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }

  .active:after {
    content: "\2212";
  }










/**************************/

.slider-sp{
    color: #527ffc;
}

.slider-button{
    width: 207px;
    height:57px;
    background: #527ffc;
    text-transform: capitalize;
    font-size: 20px;
    font-family: Raleway;   
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 7px;
    margin-top: 50px;
    
}

.slider-right img{
    width: 60%;
    margin-top: 80px;
    margin-left: 80px;
}

.service-sec h2{
    font-family: Raleway;
font-size: 55px;
font-weight: 700;
line-height: 65px;
letter-spacing: 0em;
text-align: center;
color:#000;
width: 75%;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;

}

.service-sec p{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
color: #403F3F;
width: 65%;
margin: 0 auto;


}

.service-sec {
    padding-top: 80px;
    padding-bottom: 80px;
}
.service-sp{
    color: #527ffc;
}

/* .ser-cont{
    padding-bottom: 80px;
} */

.card-img-top{
        margin-left: 12px;
        width: 64px!important;
        height: auto;
        margin-top: 18px;
}

/* .card{
    border: 2px solid #7A7979!important;
    width: 348px!important;
    height: 265px!important;
    margin-bottom: 50px;
}
 */
.ser-sec-1{
    float:right;
}

.ser-sec-3{
    float: left;
}

.ser-sec-2{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-title{
    font-family: Roboto;
font-size: 22px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;

}

.card-text{
    font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-align: left;

}

.knx-row{
    background: url('https://www.webnyxa.com/wp-content/uploads/2023/04/bg.jpg');
    width: 100%;
    max-width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
	padding-bottom:80px;
}

.kn-button{
    width: 207px;
    height:57px;
    background: #527ffc;
    text-transform: capitalize;
    font-size: 20px;
    font-family: Raleway;   
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 7px;
    margin-top: 50px;
 

}
.knx-sec h2 {
    font-family: Raleway;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 75%;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 25px;
}

.knx-sec p{
    font-family: Roboto;
font-size: 22px;
font-weight: 500;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
color: #fff;
width: 66%;
margin: 0 auto;
}

.knx-sec{
    text-align: center;
}

.knx-sp{
    color: #527ffc;
}

.tech-part-sec h2{
    font-family: Raleway;
font-size: 55px;
font-weight: 700;
line-height: 65px;
letter-spacing: 0em;
text-align: center;
color: #000;
margin-bottom: 30px;

}

.tech-part-sec p{
	margin-bottom:40px;
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
color: #403F3F;
width: 65%;
margin: 0 auto;
}

.tech-part-sec{
    padding-top: 80px;
}
.tech-sp{
    color: #527ffc;
}

.part-sec img{
 width:120px;
 height: auto;
 padding-right: 50px;
}

.part-sec{
    padding-top: 0px;
    text-align: center;
    padding-bottom: 40px;
    
}

.sl-sec h2{
    font-family: Raleway;
font-size: 55px;
font-weight: 700;
line-height: 65px;
letter-spacing: 0em;
text-align: center;
color: #000;
margin-bottom: 30px;

}

.sl-sec p{
    margin-bottom: 50px!important;
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
color: #403F3F;
width: 65%;
margin: 0 auto;

}

.sl-sp{
    color: #527ffc;
}

.sl-sec{
    padding-top: 80px;
}

.advantage-section.ios-advantage .img-1 {
    margin: 0 auto!important;
   
}

.advantage-section.ios-advantage .img-2 {
    margin: 0 auto!important;   
}

.advantage-section.ios-advantage .img-3 {
    margin: 0 auto!important;   
}

.sl-sec ul{
    margin-top: 80px;
    list-style: none;
    margin-bottom: 0px;
}

.sl-sec ul li{
    border: 3px #ACACAB solid ;
    height: 72px;   
    margin: 0 auto;
    width: 67%;
    font-family: Roboto;
font-size: 22px;
font-weight: 500;
line-height: 34px;
letter-spacing: 0em;
text-align: left;
color:#545454;
padding-top: 20px;
padding-left: 20px;


}

.web-sp{
    color: #527ffc;
}

.rev-crd{text-align: center!important;
    width: 423px!important;
    height: 240px!important;
    border: 2px solid #527ffc!important;
    box-shadow: 0px 0px 8px 0px!important;
	margin-bottom:50px;
}

.v-img{
    margin: 0 auto!important;
    padding-top: 45px;
    margin-bottom: 30px!important;
   
}

.ct-1{
    font-size: 22px!important;
}



.commit-heading p{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin:0 auto;
    padding-bottom: 65px;
    color:#fff;
    
    }

    .commit-left ul{
        display: flex;
        list-style: none;
        flex-direction: row;
        color:#fff;
    }
    .commit-right ul{
        display: flex;
        list-style: none;
        flex-direction: row;
        color:#fff;
        padding-left:0px;
    }

    .cmt-sp{
        color:#527ffc;
    }

    .commit-left ul li{
        margin-bottom: 40px;
        font-size:22px;
        line-height:33px;
        font-family: 'Roboto', sans-serif;
        color:#fff;
        font-weight: 500;
        padding-right:20px;

    }

    .commit-right ul li{
        margin-bottom: 40px;
        font-size:22px;
        padding-right:20px;
        line-height:33px;
        font-family: 'Roboto', sans-serif;
        color:#fff;
        font-weight: 500;

    }

    .commit-left p{
        width:407px;
        font-size: 15px!important;
        line-height: 23px!important;
        float: right;
    }

    .commit-right p{
        width:407px;
        font-size:15px!important;
        line-height: 23px!important;
        font-family: 'Roboto', sans-serif;
        float: right;
    }

    .commit-right h2{
        width:406px;
        font-size:22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .commit-left h2{
        width:406px;
        font-size:22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

  .commit-left{
    padding-right:45px;
    float: right;
  }

  .commit-right{
    padding-left:45px;
  }



.commit-cont{
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 80px;
	padding-bottom:0px;
	margin-top:0px;
    
}

.commit-heading h2{
    font-size:55px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color:#000;
    line-height: 65px;
    text-align: center!important;
    width: 900px;
    margin:0 auto;
    margin-bottom: 25px;
    color:#fff;

}

.sl-sec ul li img{
    float: right;
    margin-right: 40px;
    width: 25px!important;
    height: auto;
}

.tech{
    border-bottom: none!important;
}

.arch{
    border-bottom: none!important;
}

.web-development-slider-row{
	padding-left:0px!important;
	padding-right:0px!important;
} 


/********************responsive**start****************************/ 

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

    .slider-sec-left h2 {
        font-family: Poppins;
        font-size: 35px;
        font-weight: 700;
        line-height: 53px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        width: 100%;
    }

    .slider-sec-left p {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
        margin-top: 20px;
    }
    .slider-row{
        display: flex;
        flex-direction: column-reverse;
    }
    .slider-sec-left {
        padding-top: 25px;
        padding-left: 0px;
        text-align: center;
    }

    .slider-right img {
        width: 100%;
    }

    .service-sec h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 44px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .service-sec p {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
        margin: 0 auto;
    }

    .ser-sec-1 {
        float: revert;
    }

    .commit-right h2 {
        width: 100%;
        max-width: 100%;
        font-size: 22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }
    .commit-right p {
        width: 100%;
        font-size: 15px!important;
        line-height: 23px!important;
        font-family: 'Roboto', sans-serif;
        float: revert;
    }


    .commit-heading h2 {
        font-size: 35px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 52px;
        text-align: center!important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }

    .card {
        border: 2px solid #7A7979!important;
        width: 100%!important;
        height: auto!important;
        margin-bottom: 50px;
    }

    .knx-sec h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 47px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        width: 100%;
        margin: 0 auto;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .knx-row {   
        background: url('https://www.webnyxa.com/wp-content/uploads/2023/04/bg.jpg');
        width: 100%;
        max-width: 100%;
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
    }
	
	.page-template-web_development-php	.slidebutton.slider-button{
		top:20px;
	}
	

.page-template-android_app_development-php 	.slider-button.slidebutton{
		margin:0 auto;
	}	
	
	
	
	
    .tech-part-sec h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 20px;
    }

    .sl-sec h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 25px;
    }
.part-sec{
    display: flex;
    flex-direction: column;
}

.part-sec img {
    text-align: center;
    width: 120px;
    height: auto;
    padding-right: 0px;
    padding-bottom: 30px;
    margin: 0 auto;
}

.sl-sec ul li img {
   display: none;
}

.sl-sec ul {
    margin-top: 40px;
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0px;
}

.sl-sec ul li {
    border: 3px #ACACAB solid;
    height: 72px;
    margin: 0 auto;
    width: 100%;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #545454;
    padding-top: 20px;
    text-align: center;
   
}

.commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;
}


.commit-left {
    padding-right: 0px;
    float: revert;
}

.commit-left ul {
    display: flex;
    list-style: none;
    flex-direction: column;
    color: #fff;
    padding-left: 0px;
}

.commit-left h2 {
    width: 100%;
    font-size: 22px!important;
    line-height: 33px!important;
    font-family: 'Roboto', sans-serif;

}

.commit-left ul li {
    margin-bottom:25px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 0px;
    text-align: center;
}
.commit-right ul {
    display: flex;
    list-style: none;
    flex-direction: column;
    color: #fff;
    padding-left: 0px;
}

.slider-right img {
    width: 95%;
    margin-top: 80px;
     margin-left: 0px;
     margin: 0 auto;
}

	.web-development-right img {
    padding-top: 86px;
    float: none;
}
	
.slider-row{
    padding-top: 50px;
}

.card-img-top{
    margin: 0 auto;
    padding-top: 15px;
}


.card-title {
text-align: center!important;
}

.card-text {
text-align: center;
}

.knx-sec p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 100%;
}

.knx-row{
    margin:0px;
    padding: 0px 10px;
}


.knx-sec{
    padding-bottom: 40px;
}

.tech-part-sec p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
    margin: 0 auto;
}

.part-sec img {
    text-align: center;
    width: 81px;
    height: auto;
    padding-right: 0px;
    padding-bottom: 40px;
    margin: 0 auto;
}

.sl-sec {
    padding-top: 20px;
}

.accordion{
    margin: 0px!important;
    width: 100%!important;
    text-align: center!important;
}

.panel {
    padding: 20px 18px!important;
    display: none;
    background-color: white;
    overflow: hidden;
    width: 100%!important;
    margin: 0 auto;
    text-align: center;
    position: relative;
    left:0px
  }



.sl-sec p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
    margin: 0 auto;
}

.ct-1 {
    font-size: 20px!important;
}

.service-sec {
    padding-top: 60px;
    padding-bottom: 15px;
}

.commit-cont {
    background: #000;
    padding-top: 55px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 20px;
    margin-bottom: 55px;
}

.commit-left p {
    width: 100%;
    font-size: 15px!important;
    line-height: 23px!important;
    float: revert;
}


.commit-right ul li {
    margin-bottom: 25px;
    font-size: 22px;
    padding-right: 20px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 0px;
    margin: 0 auto;
}

.commit-right {
    padding-left: 0px;
    text-align: center;
}
.slider-right{
    text-align: center;
}

.ser-sec-3 {
    float: revert;
    }
    

    
}


@media only screen and (min-width:400px) and (max-width:991px) {
    .slider-right{
        text-align: center;
    }


 .slider-right img{
    width: 80%;
}

.ser-sec-3 {
float: revert;
}




}



@media only screen and (min-width:500px) and (max-width:991px) {
    .slider-right img{
        width: 65%;
    }

    .ser-cont{
        padding: 20px 50px!important;
    }

    .slider-sec-left {
padding: 10px 30px;

    }

.knx-row{
    padding: 10px 25px!important;
}

.part-sec {
    display: flex;
    flex-direction: row;
}


.part-sec img {
    text-align: center;
    width: 65px;
    height: auto;
    padding-right: 0px;
    padding-bottom: 40px;
    margin: 0 auto;
}

.sl-sec{
    padding: 10px 20px;
}

.commit-cont{
    padding: 30px 20px;
} 


}





@media only screen and (min-width:668px) and (max-width:991px) {
    .slider-right img {
        width: 55%;
    }

.ser-cont{
    padding: 10px 100px!important;
}

.service-sec p {
margin-bottom: 30px;

}

.knx-row{
    padding: 30px 50px!important;
}

.sl-sec{
    padding: 80px 50px!important;
}

.service-sec h2 {
    font-family: Raleway;
    font-size: 34px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 25px
}

.commit-cont{
    padding: 50px 50px!important;
}


}


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

.part-sec{
    padding: 80px 80px;
}

.tech-part-sec{
    padding: 60px 60px;
}

.sl-sec{
    padding: 60px 80px!important;
}

.sol-row {
    background: #d9d9d9;
    padding-bottom: 0px;
}

.ser-sec-1{
    padding: 20px 80px!important;
}

.ser-sec-2{
    padding: 20px 80px!important;
}

.ser-sec-3{
    padding: 20px 80px!important;
}

.commit-cont{
    padding: 40px 100px!important;
}


}


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


    .slider-sec-left {
        padding-top: 100px;
        padding-left: 30px;
    }


    .slider-sec-left h2 {
        font-family: Poppins;
        font-size: 38px;
        font-weight: 700;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: left;
        color: #000;
        width: 100%;
    }    

    .slider-right img {
        width: 95%;
        margin-top: 150px;
        margin-left: 10px;
    }

.knx-row {
height: auto!important;
padding-bottom: 50px!important;

}

.card {
    border: 0px solid #7A7979!important;
    width: 100%!important;
    height: auto!important;
    margin-bottom: 50px;
}


.knx-sec h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 75%;
    margin: 0 auto;
    margin-top: 43px;
    margin-bottom: 30px;
}

.tech-part-sec h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 30px;
}

.sl-sec h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 30px;
}

.accordion{
    margin: 0px!important;
    width: 100%!important;
    text-align: center!important;
    margin-left: 30px;
    margin-right: 30px;
}

.panel {
    padding: 20px 18px!important;
    display: none;
    background-color: white;
    overflow: hidden;
    width: 100%!important;
    margin: 0 auto;
    text-align: center;
    position: relative;
    left:0px
  }

.service-sec h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    width: 75%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
}
.service-sec {
    padding-top: 0px;
    padding-bottom: 80px;
}

.rev-crd {
    width: 100%!important;
}

.ser-cont{
    padding: 80px 50px!important;
}
.ct-1 {
    font-size: 22px!important;
    line-height: 32px;
}

.commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;
}
.commit-heading h2 {
    font-size: 45px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 65px;
    text-align: center!important;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;
}

.commit-left {
    padding-right: 0px;
    float: left;
}

.commit-right{
    padding-left: 10px;
}

.commit-right p {
    width: 100%;
    font-size: 15px!important;
    line-height: 23px!important;
    font-family: 'Roboto', sans-serif;
    float: right;
}

.commit-right h2 {
    width: 100%;
}

.commit-right img{
    width: 80px!important;
    height: auto!important;
}

.commit-left img{
    width: 80px!important;
    height: auto!important;
}

}

@media only screen and (min-width:1400px) and (max-width:1800px) {

    .knx-row{
        height: auto;
        padding-bottom: 80px;
    }

    .slider-right img {
        width: 80%;
        margin-top: 150px;
        margin-left: 35px;
    }
    .ser-cont{
        padding: 40px 20px;
    }



}


@media only screen and (min-width:1595px) and (max-width:1800px) {
    .slider-right img {
        width: 75%;
        margin-top: 114px;
        margin-left: 41px;
    }



}



.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 500px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    max-width: 100%;
  }

  .active, .accordion:hover {
    background-color: #ccc; 
  }
  

  .panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
  }

#menu-menu-1 .active{background:none!important;}


#menu-menu-1 .active:after{display:none!important;}

.web-development-left{
	padding-left:40px!important;
}

.web-development-right img{
	float:right!important;
} 


.owl-item{
	background:none!important;
}
.owl-item.active{
	background-color:transparent!important;
}

.ser-sec-1 .card-1{
	width:348px!important;
	height:265px!important;
	margin-bottom:40px!important;
}
.ser-sec-1 .card-2{
	width:348px!important;
	height:265px!important;
	margin-bottom:80px!important;

}

.ser-sec-2 .card-3{
	width:348px!important;
	height:265px!important;
	margin-bottom:40px!important;
}


.ser-sec-2 .card-4{
	width:348px!important;
	height:265px!important;
	margin-bottom:80px!important;

}

.ser-sec-3 .card-5{
	width:348px!important;
	height:265px!important;
	margin-bottom:40px!important;

}


.ser-sec-3 .card-6{
	width:348px!important;
	height:265px!important;
	margin-bottom:80px!important;

}

/***********privacy--policy****************************/

.privacy-policy-banner-left h2 {
    font-family: Poppins;
    font-size: 45px;
    font-weight: 600;
    line-height: 70px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.privacy-policy-banner-left p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;

}

.privacy-policy-banner-left {
    padding-top: 150px;
    padding-left: 150px;
}

.privacy-policy-banner-right img {
    width: 55%;
    margin-left: 0px;
	float:right;
	margin-right:120px;
}

.privacy-policy-banner-right {
    padding-top: 80px;
}

.privacy-middle-sec ul {
    list-style: none;
}

.privacy-middle-heading {
    font-family: Poppins;
    font-size: 39px;
    font-weight: 500;
    line-height: 59px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;

}

.privacy-middle-par {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    width: 75%;

}

.privacy-policy-sp {
    color: #5E953F;
    font-weight: 600;
}

.privacy-policy-link a {
    color: #5E953F;
    font-weight: 600;
    text-decoration: none !important;
}

.privacy-policy-link a:hover {
    color: #5E953F !important;
}

.privacy-policy-link2 a:hover {
    color: #5E953F !important;
}

.privacy-policy-link2 a {
    color: #5E953F;
    font-weight: 600;
    text-decoration: none !important;
}

.pr-location {
    padding-left: 45px;
	padding-bottom:50px;
}

.pr-location-map:before {
    content: '';
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/pr-map.png');
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    position: relative;
    display: block;
    background-size: contain;
    top: 40px;
    left: -41px;
}

.pr-location-map {
    padding-left: 30px;
}

.pr-location-p1 {
    padding-left: 30px;
}


.pr-location ul {
    list-style: none;
}

.pr-location-header {
    font-family: Poppins;
    font-size: 39px;
    font-weight: 500;
    line-height: 59px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 0px;
}

.pr-location-par {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    width: 20%;

}

.privacy-middle-sec {
    padding-left: 45px;
}


/************************responsive--start*******************************/

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

    .banner-row {
        display: flex;
        flex-direction: column-reverse;
    }

 .privacy-policy-banner-right img {
    width: 55%;
    margin: 0px;
    float: right;
    margin-right: 150px;
	 margin-left:0px!important;
}

    .privacy-policy-banner-left h2 {
        font-family: Poppins;
        font-size: 45px;
        font-weight: 600;
        line-height: 70px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        width: 100%;
    }

    .privacy-policy-banner-left p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
        margin-bottom: 40px;
    }

    .privacy-middle-heading {
        font-family: Poppins;
        font-size: 30px;
        font-weight: 500;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }

    .privacy-middle-par {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 35px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
    }

    .privacy-policy-link a {
        font-size: 18px;
        display: block;
        color: #5E953F;
        width: 100%;
        font-weight: 600;
        text-decoration: none !important;
        max-width: 100%;
        word-wrap: break-word;
    }

    .privacy-policy-link2 a {
        font-size: 18px;
        display: block;
        color: #5E953F;
        width: 100%;
        font-weight: 600;
        text-decoration: none !important;
        max-width: 100%;
        word-wrap: break-word;
    }

    .pr-location-header {
        
        font-family: Poppins;
        font-size: 35px;
        font-weight: 500;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 20px;
        width: 100%;
    }

    .pr-location-par {
        font-family: Poppins;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        width: 100%;
    }

    .privacy-policy-banner-left {
        padding-top: 40px;
        padding-left: 0px;
    }

    .privacy-middle-sec {
        padding-left: 0px;
    }

    .pr-location {
        padding-left: 0px;
    }

    .privacy-middle-sec ul {
        list-style: none;
        padding-left: 0px;
    }

    .pr-location ul {
        list-style: none;
        padding-left: 0px;
    }

    .pr-location-map:before {
        content: '';
        background-image: url(../img/pr-map.png);
        background-repeat: no-repeat;
        width: 38px;
        height: 38px;
        position: relative;
        display: none !important;
        background-size: contain;
        top: 40px;
        left: -41px;
    }

    .privacy-policy-banner-right {
        padding-top: 80px;
        text-align: center;
    }


}

@media screen and (min-width:480px) and (max-width:991px) {
    .privacy-policy-banner-right img {
        width: 65%;
        margin-left: 0px;
    }

    .privacy-policy-banner-right {
        padding-top: 80px;
        text-align: center;
    }

    .privacy-policy-banner-left {
        padding-left: 30px;
        padding-right: 30px;
    }


    .privacy-middle-sec {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pr-location-header {
        margin-bottom: 30px !important;
        font-family: Poppins;
        font-size: 35px;
        font-weight: 500;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        width: 100%;
    }


}

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

    .privacy-policy-banner-right img {
        width: 60%;
        margin-left: 0px;
    }


    .privacy-policy-banner-left {
        padding-left: 50px;
        padding-right: 50px;
    }

    .privacy-middle-sec {
        padding-left: 60px;
        padding-right: 60px;
    }

    .pr-location {
        padding-left: 0px;
        padding-left: 50px;
        padding-right: 50px;

    }


}


@media screen and (min-width:800px) and (max-width: 991px) {
    .privacy-policy-banner-right img {
        width: 50%;
        margin-left: 0px;
    }


    .privacy-policy-banner-left {
        padding-left: 80px;
        padding-right: 80px;
    }

    .privacy-middle-sec {
        padding-left: 80px;
        padding-right: 80px;
    }


}


@media screen and (min-width:992px) and (max-width: 1400px) {
    .privacy-policy-banner-right img {
        width: 70%;
        margin-left: 38px;
    }

    .privacy-policy-banner-left {
        padding-top: 115px;
        padding-left: 40px;
    }

    .privacy-middle-sec {
        padding-left: 10px;
        padding-top: 80px;
    }

    .privacy-middle-par {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: left;
        color: #403F3F;
        width: 95%;
    }


    .pr-location {
        padding-left: 10px;
    }

    .pr-location-par {
        font-family: Poppins;
        font-size: 22px;
        font-weight: 400;
        line-height: 33px;
        letter-spacing: 0em;
        text-align: left;
        color: #000;
        width: 30%;
    }

}


@media screen and (min-width:1280px) and (max-width:1400px) {
    .privacy-policy-banner-right img {
        width: 60%;
        margin-left: 76px;
    }


}

/**********************terms and conditions*******************************************/



.tac-banner-left h2{
    font-family: Poppins;
font-size: 45px;
font-weight: 600;
line-height: 70px;
letter-spacing: 0em;
text-align: left;
color: #000;

}

.tac-banner-left p{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: #403F3F;
width: 90%;
}

.tac-banner-left{
    padding-top: 200px;
    padding-left: 53px;
}

.tac-banner-right img{
    width: 58%;
    margin-left: 100px;
}

.tac-banner-right{
    padding-top: 80px;
}

.tac-middle-sec ul{
    list-style: none;
}

.welcome-heading{
    font-family: Poppins;
font-size: 39px;
font-weight: 500;
line-height: 59px;
letter-spacing: 0em;
text-align: left;
 color: #000;
 margin-bottom: 25px;
}

.welcome-par{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 38px;
letter-spacing: 0em;
text-align: left;
color:#403F3F ;
width: 75%;
margin-bottom: 80px;
}

.cookies-heading{
    font-family: Poppins;
font-size: 39px;
font-weight: 500;
line-height: 59px;
letter-spacing: 0em;
text-align: left;
 color: #000;
 margin-bottom: 25px;
}

.cookies-par{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 38px;
letter-spacing: 0em;
text-align: left;
color:#403F3F ;
width: 75%;
margin-bottom: 80px;
}

.tac-middle-sec{
    padding-top: 80px;
}

.license-heading{
    font-family: Poppins;
font-size: 39px;
font-weight: 500;
line-height: 59px;
letter-spacing: 0em;
text-align: left;
 color: #000;
 margin-bottom: 25px;
}

.license-par{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 38px;
letter-spacing: 0em;
text-align: left;
color:#403F3F ;
width: 75%;
}

.tac-license-sec ul{
    list-style: none;
}

.license-sub-heading{   
    margin-bottom: 40px;
}

.license-sub-heading li:before{
    
        max-width: 100%;
        content: '';
        background: #527ffc;
        width: 15px;
        height: 15px;
        position: relative;
        display: block;
        border-radius: 45%;
        margin-left: -28px;
        background-size: cover;
        top: 27px;
    
}

.tac-hyperlinking-sec ul{
    list-style: none;
}

.hyperlinking-heading{
    font-family: Poppins;
font-size: 39px;
font-weight: 500;
line-height: 59px;
letter-spacing: 0em;
text-align: left;
 color: #000;
 margin-bottom: 25px;
}

.hyperlinking-par{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 38px;
letter-spacing: 0em;
text-align: left;
color:#403F3F ;
width: 75%;
}

.hyperlink-sub-par1 li::before{
  
        max-width: 100%;
        content: '';
        background: #527ffc;
        width: 15px;
        height: 15px;
        position: relative;
        display: block;
        border-radius: 45%;
        margin-left: -28px;
        background-size: cover;
        top: 27px;
    
}


.hyperlink-sub-par2{
    list-style:lower-alpha!important;
}

.hyperlink-sub-par3 li::before{
  
    max-width: 100%;
    content: '';
    background: #527ffc;
    width: 15px;
    height: 15px;
    position: relative;
    display: block;
    border-radius: 45%;
    margin-left: -28px;
    background-size: cover;
    top: 27px;

}


 .tac-middle-bottom ul{
    list-style-type:none;
 }   

 .tac-middle-bottom-heading{
    font-family: Poppins;
font-size: 39px;
font-weight: 500;
line-height: 59px;
letter-spacing: 0em;
text-align: left;
 color: #000;
 margin-bottom: 25px;
}

.tac-middle-bottom-par{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 38px;
letter-spacing: 0em;
text-align: left;
color:#403F3F ;
width: 75%;
}

.tac-middle-bottom-subheading li::before{
  
    max-width: 100%;
    content: '';
    background: #527ffc;
    width: 15px;
    height: 15px;
    position: relative;
    display: block;
    border-radius: 45%;
    margin-left: -28px;
    background-size: cover;
    top: 27px;

}

.tac-location ul{
    list-style: none;
}

.tac-location-header{
    font-family: Poppins;
font-size: 39px;
font-weight: 500;
line-height: 59px;
letter-spacing: 0em;
text-align: left;
 color: #000;
 margin-bottom: 0px;
}

.tac-location-par{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    width: 20%;
    
}

.tac-location{
	padding-bottom:50px;
}

.tac-middle-sec{
    padding-left: 45px;
}

.tac-license-sec{
    padding-left: 45px;
}

.tac-hyperlinking-sec{
    padding-left: 45px;
}

.tac-middle-bottom{
    padding-left: 45px;
}

.tac-location{
    padding-left: 45px;
}

.tac-location-map:before{
    content: '';
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/tac-map.png');
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    position: relative;
    display: block;
    background-size: contain;
    top: 40px;
    left: -41px;
}

.tac-location-map{
    padding-left: 30px;
}
.tac-location-p1{
    padding-left: 30px;
}

.hyperlink-sub-par2 li::marker{
    color: #527ffc!important;
    font-weight: bold;
   
}

/**********************responsive--start**********************************/


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

.tac-banner-row{
display: flex;
flex-direction: column-reverse;
}

.tac-banner-right img {
    width: 85%;
    margin-left: 0px;
}

.tac-banner-left h2 {
    font-family: Poppins;
    font-size: 35px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    width: 100%;
}

.tac-banner-left {
    padding-top: 40px;
    padding-left: 0px;
}

.tac-banner-left p {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
}

.tac-middle-sec {
    padding-left: 0px;
    padding-top: 40px;
}

.welcome-heading {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;  
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 15px;
}


.welcome-par {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
    margin-bottom: 30px;
}

.cookies-heading {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 10px;
}

.cookies-par {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
    margin-bottom: 40px;
}

.tac-license-sec {
    padding-left: 0px;
}

.tac-license-sec ul {
padding-left: 0px;
}

.license-heading {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 10px;
}
.license-par {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
}

.tac-hyperlinking-sec{
    padding-left: 0px;
}

.tac-hyperlinking-sec ul{
    padding-left: 0px;
}

.hyperlinking-heading {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 15px;
}

.hyperlinking-par {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
}

.hyperlink-sub-par2{
    text-align: left;
}

.hyperlink-sub-par3{
    text-align: left;
    padding-left: 30px!important;
}


.hyperlink-sub-par3 li::before {
    max-width: 100%;
    content: '';
    background: #527ffc;
    width: 10px;
    height: 10px;
    position: relative;
    display: block;
    border-radius: 45%;
    margin-left: -22px;
    background-size: cover;
    top: 20px;
}

.hyperlink-sub-par1{
    text-align: left;
    padding-left: 30px!important;
}

.hyperlink-sub-par1 li::before {
    max-width: 100%;
    content: '';
    background: #527ffc;
    width: 10px;
    height: 10px;
    position: relative;
    display: block;
    border-radius: 45%;
    margin-left: -22px;
    background-size: cover;
    top: 20px;
}

.tac-middle-bottom{
    padding-left: 0px;
}

.tac-middle-bottom ul{
    padding-left: 0px;
}

.tac-middle-bottom-heading {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 10px;
}

.tac-middle-bottom-par {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
}

.tac-middle-sec ul{
    padding-left: 0px;
}

.tac-location-header {
    font-family: Poppins;
    font-size: 35px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 0px;
}

.tac-location{
    padding-left: 0px;
}

.tac-location ul{
    padding-left: 0px;
}

.tac-location-map{
    padding-left: 0px;
}

.tac-location-map:before {
    content: '';
    background-image: url(../img/tac-map.png);
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    position: relative;
    display: none;
    background-size: contain;
    top: 40px;
    left: -41px;
}

.tac-location-par {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    width: 100%;
}

.tac-location-p1{
    padding-left: 0px;
}

.tac-location-header {
    margin-bottom: 20px;
}

.license-sub-heading{
    padding-left: 20px;
    text-align: left;
}

.license-sub-heading li{
    padding-left: 30px;
   
}

.license-sub-heading li:before {
    max-width: 100%;
    content: '';
    background: #527ffc;
    width: 10px;
    height: 10px;
    position: relative;
    display: block;
    border-radius: 45%;
    margin-left: -22px;
    background-size: cover;
    top: 20px;
}

.tac-middle-bottom-subheading{
    padding-left: 20px;
    text-align: left;
}

.tac-middle-bottom-subheading li:before {
    max-width: 100%;
    content: '';
    background: #527ffc;
    width: 10px;
    height: 10px;
    position: relative;
    display: block;
    border-radius: 45%;
    margin-left: -22px;
    background-size: cover;
    top: 20px;
}

.tac-middle-bottom-subheading li{
    padding-left: 30px;
   
}

.tac-banner-right {
    text-align: center;
    padding-top: 80px;
}

}

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

    .tac-banner-right img {
        width: 65%;
        margin-left: 0px;
    }

}




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

    .tac-banner-right img {
        width: 55%;
        margin-left: 0px;
    }

    .tac-banner-left{
        padding-left: 30px;
        padding-right: 30px;
    }


.tac-middle-sec{
    padding-left: 30px;
    padding-right: 30px;
}

.tac-license-sec{
    padding-left: 30px;
    padding-right: 30px;
}


.tac-hyperlinking-sec{
    padding-left: 30px;
    padding-right: 30px;
}

.tac-middle-bottom{
    padding-left: 30px;
    padding-right: 30px;
}

.tac-location{
    padding-left: 50px;
    padding-right: 50px;
}


}


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

    .tac-banner-right img {
        width: 50%;
        margin-left: 0px;
    }

.tac-banner-left{
    padding-left: 50px; 
    padding-right: 50px;
}

.tac-middle-sec{
    padding-left: 50px; 
    padding-right: 50px;
}

.tac-license-sec{
    padding-left: 50px; 
    padding-right: 50px;
}

.tac-hyperlinking-sec{
    padding-left: 50px; 
    padding-right: 50px;
}

.tac-middle-bottom{
    padding-left: 50px; 
    padding-right: 50px;
}

.tac-banner-right img {
    width: 80%;
    margin-left: 30px;
}

.tac-banner-left {
    padding-top: 90px;
    padding-left: 30px;
}

.tac-middle-sec {
    padding-left: 0px;
}

.tac-license-sec{
    padding-left: 0px;
}



}

@media screen and (min-width:992px) and (max-width:1400px){

    .tac-banner-left {
        padding-top: 70px;
        padding-left: 40px;
    }
    .tac-banner-right img {
        width: 65%;
        margin-left: 55px;
    }

    .tac-middle-sec {
        padding-left: 10px;
    }


    .tac-license-sec{
        padding-left: 10px;
    }   

.tac-hyperlinking-sec{
    padding-left: 10px;
}   

.tac-middle-bottom{
    padding-left: 10px;
}   

.tac-location{
    padding-left: 10px;
}   


.tac-location-par {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    width: 40%;
}

}

@media screen and (min-width:1150px) and (max-width:1400px){

    .tac-banner-left {
        padding-top: 123px;
        padding-left: 40px;
    }

}

/*****************graphic--design**************************/



.graphic-design-slider-row {
	max-width: 1666px;
    width: 100%;
    margin: 0 auto;

}


.graphic-design-slider-row {
    padding: 100px 74px 100px 74px;
}



.top-navbar ul {
    align-items: center;
    list-style: none;
    display: flex;
    text-transform: capitalize;
}

.top-navbar ul li {
    margin-right: 40px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;

}

.top-navbar ul li a {
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 16px;
}

.logo img {
    width: 181px;
    height: auto;
}

.top-bar-row {
    max-width: 100%;
    padding: 20px 75px 20px 75px;

}

.top-navbar {
    float: right;
}


.qt-btn {
    width: 116px;
    height: 51px;
    text-transform: capitalize;
    font-family: 'Raleway', sans-serif;
    background: #fff;
    border: 4px solid #527ffc;
    border-radius: 6px;
    font-size: 16px;
    color: #527ffc;

}

.slider-heading h2 {
	margin-top: 0px;
    width: 700px;
    line-height: 72px;
    font-size: 42px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;

}

.slider-row {
    padding: 100px 74px 100px 74px;
}

.sl-heading {
    color: #527ffc;
}

.slider-heading p {
    padding-top: 13px;
    padding-bottom: 13px;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #403F3F;
    width: 700px;
    line-height: 27px;

}

.slider-btn {
    width: 207px;
    height: 57px;
    list-style: 23px;
    background: #527ffc;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    border-radius: 7px;
    border: none;
	transition-duration:1s;

}

.slider-btn img {
    padding-left: 6px;
    width: 35px;
    height: auto;
}

.slider-img img {
    width: 670px;
    height: auto;
}

page-template-IT_Consulting-1 .slider-img img {
    width: 582px;
    height: auto;

}

.slider-img {
    text-align: right;
    margin-right: 0px;
}

.mid-heading h2 {
    font-size: 55px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 72px;
    text-align: center !important;
    width: 1200px;
    margin: 0 auto;


}

.mid-heading {
    max-width: 100%;
    padding-top: 0px;
    height: auto;
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}

.mid-img-sec img {
    width: 550px;
    height: auto;
	}

.mid-right-p p {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    line-height: 32px;
    width: 700px;
    font-family: 'Roboto', sans-serif;
}

.mid-sp {
    font-family: 'Poppins';
    color: #527ffc;
}

.md-con {
    padding: 0px 150px !important;
}

.mid-right-p {
    padding-top: 30px;
    padding-left: 30px;
}

.mid-pr {
    margin-bottom: 50px;
}

.tech-partner h2 {
    font-size: 55px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 65px;
    text-align: center !important;

    margin: 0 auto;
    margin-bottom: 35px;

}

.tech-partner p {
    width: 1266px;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 40px;

}

.tech-con {
    padding-top: 80px;
    padding-bottom: 100px;
}

.tech-sp {
    color: #527ffc;
}

.tech-img-1 {
    padding-bottom: 67px;
    display: flex;
    justify-content: center;
}

.tech-img-2 {
    padding-left: 32px;
    padding-bottom: 67px;
    display: flex;
    justify-content: center;
}

.tech-img-3 {
    display: flex;
    justify-content: center;
}

.tech-img-1 img {
    width: 124px;
    height: auto;
    margin-right: 40px;
}

.tech-img-2 img {
    width: 124px;
    height: auto;
    margin-right: 40px;
}

.tech-img-3 img {
    margin-right: 40px;
}

.tech-img1 {
    width: 114px !important;
    height: 114px !important;
}

.tech-img2 {
    width: 113px !important;
    height: 110px !important;
}

.tech-img3 {
    width: 120px !important;
    height: 121px !important;
}

.tech-img4 {
    width: 74px !important;
    height: 108px !important;
}

.tech-img5 {
    width: 162px !important;
    height: 155px !important;
}

.tech-img6 {
    width: 156px !important;
    height: 156px !important;
}

.tech-img7 {
    width: 103px !important;
    height: 99px !important;
}

.tech-img8 {
    width: 98px !important;
    height: 101px !important;
}



.tech-img10 {
    width: 154px !important;
    height: 94px !important;
}

.service-heading h2 {
    font-size: 55px;
    font-weight: 700;
    font-family: 'Poppins';
    color: #000;
    line-height: 65px;
    text-align: center !important;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 50%;


}

.service-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 40px;
    width: 75%;


}

.ser-1 {
    margin-left: 24px;
    width: 80px !important;
    height: 80px !important;
}

.ser-con {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 150px !important;
    padding-right: 150px !important;
}

.service-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* .card.graphic-service-card {

    width: 453px !important;
    height: 293px !important;
    padding-top: 14px;
    width: 453px !important;
    height: 293px !important;
    margin-bottom: 40px;
    border: 2px solid #527ffc !important;
    box-shadow: 0px 0px 5px 0px;
} */


.page-template-graphic-design-php .card.graphic-service-card {
    width: 453px !important;
    height: 293px !important;
    padding-top: 14px;
    width: 453px !important;
    height: 293px !important;
    margin-bottom: 80px;
    border:15px solid #527ffc;
    box-shadow: none;
	  transition-duration: 5s;
} 

.graphic-service-card:hover .ser-1{
	background:#fff;
}

.ser-1{ 
	transition-duration: 1s;}


/* .graphic-service-card:hover{
	border:2px solid #527ffc!important;
}

.graphic-service-card:hover .card-img-top{
border:none!important;	
}
 */
.card-hd {
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-weight: 400;
}

/* .ser-p {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #7A7979;
    font-weight: 400;
    line-height: 33px;
    margin-top: 25px;
} */
.ser-p {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #7A7979;
    font-weight: 400;
    line-height: 33px;
    margin-top: -13px;
} 



.ser-sp {
    color: #527ffc;
}

.page-template-IT_Consulting-1 .hiring-row {
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/graphic-bg-scaled.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height:auto;
    width: 100%;
    max-width: 100%;

}

.hiring-heading h2 {
    font-size: 55px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 65px;
    text-align: center !important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 35px;
    color: #fff;

}

.hiring-heading p {

    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 0px;
    color: #fff;
	text-decoration:none!important;

}

/* .hiring-row:after{
        content:'';
        background:#000;
        height: 568px;
        width: 100%;
        max-width: 100%;
        position: relative;
        display: block;
        opacity: 70%;
        bottom: 539px;
    } */

.hiring-heading {
    position: relative;
    z-index: 2;
}


.hiring-sp {
    color: #527ffc;
}

.hiring-heading h2 {
    padding-top: 48px;

}

.hiring-left ul {

    list-style: none;
    color: #fff;
    position: relative;
    z-index: 2;
    width: 65%;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    margin-left: 239px;
}

.hiring-right ul {

    list-style: none;
    color: #fff;
    position: relative;
    z-index: 2;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;

}

.hiring-hd {
	color:#fff;
    text-decoration: underline;
}

.hiring-left ul li {
    margin-bottom: 30px;
}

.hiring-right ul li {
    margin-bottom: 30px;
}


.hiring-sp {
    text-decoration: underline;
}

.hiring-left {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    float: right;

}

.hiring-right {
    position: relative;
    z-index: 2;
    width: 709px;

}

.hiring-left img {
    width: 46px;
    height: 34px;
    float: left;
    margin-bottom: 50px;
    margin-right: 20px;
}

.hiring-right img {
    width: 46px;
    height: 34px;
    float: left;
    margin-bottom: 50px;
    margin-right: 20px;
}

.hiring-left p {
color:#fff;
    padding-left: 45px;
}
.hiring-right p {
color:#fff;
  }


.graphic-commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 80px;
    margin-top: 0px;
}

.graphic-commit-heading h2 {
    font-size: 55px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 65px;
    text-align: center !important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;

}

.row.hiring-row {
    margin: 0px;
}

.container-fluid.hiring-con {
    padding: 0px;
    margin: 0px;
}

.graphic-commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;

}

.graphic-commit-left ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
}

.graphic-commit-right ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    color: #fff;
    padding-left: 0px;
}

.cmt-sp {
    color: #527ffc;
}

.graphic-commit-left ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;

}

.graphic-commit-right ul li {
    margin-bottom: 40px;
    font-size: 22px;
    padding-right: 20px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;

}

.graphic-commit-left p {
    width: 407px;
    font-size: 15px !important;
    line-height: 23px !important;
    float: right;
	color:#fff;
}

.graphic-commit-right p {
    width: 407px;
    font-size: 15px !important;
    line-height: 23px !important;
    font-family: 'Roboto', sans-serif;
    float: right;
	color:#fff;
}

.graphic-commit-right h2 {
	color:#fff;
    width: 406px;
    font-size: 22px !important;
    line-height: 33px !important;
    font-family: 'Roboto', sans-serif;
}

.graphic-commit-left h2 {
	color:#fff;
    width: 406px;
    font-size: 22px !important;
    line-height: 33px !important;
    font-family: 'Roboto', sans-serif;
}

.graphic-commit-left {
    padding-right: 45px;
    float: right;
}

.graphic-commit-right {
    padding-left: 45px;
}


.s_icon img {
    width: 28px;
    height: 28x;
    margin-right: 5px;
}

.qt-btn:hover {
    background: #527ffc;
    color: #fff;
    border: 2px solid #527ffc;
}

.top-navbar ul li a:hover {
    color: #527ffc;
}

/* .slider-btn:hover{
    background:#fff;
    color:#527ffc;
    border: 2px solid #527ffc;  
  } */

/* .card.service-card:hover{
    transform: scale(1.1);
  } */
.service_menu ul li a:hover {
    color: #000 !important;
}

.info ul li:hover {
    color: #000;
}

.link ul li:hover {
    color: #000;
}

.contact ul .s_icon img:hover {
    transform: scale(1.1);
}

.service-1 a {
    text-decoration: none !important;
}

.service_menu a {
    text-decoration: none !important;
    color: #fff !important;
}

.logo img:hover {
    transform: scale(1.1);
}





/*********************responsive**********************/

@media screen and (max-width:991px) {
    .slider-heading {
        text-align: center;
    }

    .slider-heading h2 {
        width: 100%;
        line-height: 50px;
        font-size: 35px;
        color: #000;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        text-align: center;
        padding-top: 0px;
    }

    .slider-heading p {
        padding-top: 13px;
        padding-bottom: 13px;
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        color: #403F3F;
        width: 100%;
        line-height: 27px;
        text-align: center;
    }

    .graphic-design-slider-row {
        display: flex;
        flex-direction: column-reverse;
    }


    .slider-img img {
        width: 100%;
        height: auto;
    }

    .graphic-design-slider-row {
        padding: 90px 10px;
    }

    .md-con {
        padding: 20px 10px !important;
    }

    .mid-heading h2 {
        font-size: 35px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 50px;
        text-align: center !important;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .mid-img-sec img {
        width: 100%;
        height: auto;
    }

    .mid-right-p {
        padding-top: 30px;
        padding-left: 0px;
    }

    .mid-right-p p {
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        line-height: 32px;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        text-align: center;
    }


    .tech-partner p {
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 45px;
    }

    .tech-partner h2 {
        font-size: 35px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 41px;
        text-align: center !important;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .tech-img-1 {
        flex-direction: row;
        padding-bottom: 67px;
        display: flex;
        justify-content: center;
    }

    .tech-img-1 img {
        width: 20% !important;
        height: auto !important;
        margin-right: 10px !important;
    }

    .tech-img-2 img {
        width: 20% !important;
        height: auto !important;
        margin-right: 10px !important;
    }

    .tech-img-3 img {
        width: 20% !important;
        height: auto !important;
        margin-right: 10px !important;
    }


    .hiring-heading h2 {
        font-size: 35px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 50px;
        text-align: center !important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
        color: #fff;
    }


    .hiring-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 20px;
        color: #fff;
		text-decoration:none;
    }

    .graphic-commit-heading h2 {
        font-size: 35px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 65px;
        text-align: center !important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
        color: #fff;
    }

    .graphic-commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 30px;
        color: #fff;
    }


    .graphic-commit-left {
        text-align: center;
        padding-right: 0px;
        float: none;
    }

    .graphic-commit-left ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
		margin-left:0px;
    }

    .graphic-commit-left ul li {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 33px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-weight: 500;
        padding-right: 0px;
    }

    .graphic-commit-left h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
        text-align: center;
    }

    .graphic-commit-right {
        padding-left: 0px;
    }

    .graphic-commit-right ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
		margin-left:0px;
    }

    .graphic-commit-right ul li {
        margin-bottom: 20px;
        font-size: 22px;
        padding-right: 0px;
        line-height: 33px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-weight: 500;
    }

    .graphic-commit-right {
        text-align: center;
        padding-left: 0px;
    }

    .graphic-commit-right h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
        text-align: center;
    }


    .graphic-commit-right p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        font-family: 'Roboto', sans-serif;
        float: none;
    }

    .hiring-left img {
        width: 28px;
        height: 29px;
        float: none;
        margin-bottom: 50px;
        margin-right: 0px;
		margin:0 auto;
    }

    .hiring-left ul {
        list-style: none;
        color: #fff;
        position: relative;
        z-index: 2;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        font-weight: 500;
        margin-left: 0px;
        padding-left: 0px;
        display: flex;
        flex-direction: column;
        text-align: center;
    }


    .hiring-row {
        background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/graphic-bg-scaled.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        height: 800px;
        width: 100%;
        max-width: 100%;
    }
	
.page-template-graphic-design	.hiring-row {
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/04/graphic-bg-scaled.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    width: 100%;
		max-width: 100%;}

    .hiring-left {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .hiring-right {
        position: relative;
        z-index: 2;
        width: 100%;
        text-align: center;
    }

    .hiring-right ul {
        list-style: none;
        color: #fff;
        position: relative;
        z-index: 2;
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        font-weight: 500;
        padding-left: 0px;
        margin-left: 0px;
        display: flex;
        flex-direction: column;
    }

    .hiring-right img {
        width: 28px;
        height: 29px;
        float: none;
        margin-bottom: 50px;
        margin-right: 0px;
		margin:0 auto;
    }


    .service-heading h2 {
        font-size: 35px;
        font-weight: 700;
        font-family: 'Poppins';
        color: #000;
        line-height: 50px;
        text-align: center !important;
        margin: 0 auto;
        margin-bottom: 30px;
        width: 100%;
        text-align: center;
    }

    .ser-con {
        padding-top: 20px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .slider-img {
        text-align: center;
        margin-right: 0px;
    }

    .mid-heading {
        max-width: 100%;
        padding-top: 20PX;
        height: auto;
        width: 100%;
        text-align: center;
        padding-bottom: 20PX;
    }

    .hiring-left p {
        padding-left: 0px;
    }

    .hiring-left p {
        font-size: 20px;
    }

    .hiring-right p {
        font-size: 20px;
    }

    .service-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 31px;
        letter-spacing: 0em;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 40px;
        width: 100%;
    }

    .card.graphic-service-card {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 60px !important;
		border:15px solid #527ffc!important;

    }
	
	.page-template-graphic-design .card-title {
    margin-top: -51px;
    font-family: Roboto;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 10px;
}

	
	.ser-con .service-1 {
    padding-top: 15px;
    margin-bottom: 0px;
    width: 100%;
    height: auto;
    border: none;
}
    .ser-1 {
        width: 60px !important;
        height: auto !important;
		margin:0 auto;
    }

    .graphic-commit-cont {
        background: #000;
        padding-top: 40px;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding-bottom: 0px;
        margin-bottom: 40px;
        margin-top: 0px;
    }

    .graphic-commit-left p {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
        float: none;
    }

    .card-hd {
        font-size: 22px;
        font-family: 'Roboto', sans-serif;
        color: #000;
        font-weight: 400;
    }

    .ser-p {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        color: #7A7979;
        font-weight: 400;
        line-height: 33px;
        margin-top: 7px;
    }

    .tech-con {
        padding-top: 20px !important;
    }

}


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


    .slider-img img {
        width: 100%;
        height: auto;
        max-width: 386px;
    }

    .mid-img-sec img {
        width: 100%;
        height: auto;
        max-width: 360px;
    }

    .mid-img-sec {
        text-align: center;
    }

    .service-1 {
        max-width: 372px;
        margin: 0 auto;
    }


    .graphic-commit-heading {

        padding: 10px 40px;
    }

    .graphic-commit-left ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
        max-width: 406px;
        margin: 0 auto;
    }

    .graphic-commit-right ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
        max-width: 406px;
        margin: 0 auto;
    }

    .tech-img-1 img {
        max-width: 116px;
        width: 100%;
        height: auto;
    }

    .tech-img-2 img {
        max-width: 116px;
        width: 100%;
        height: auto;
    }



    .tech-img-3 img {
        max-width: 90px;
        width: 100%;
        height: auto;
    }

.hiring-left{
    padding: 10px 40px;
}

.hiring-right{
    padding: 10px 40px;
}
.mid-right-p{
    max-width: 518px;
    width:100%;
    margin: 0 auto;
}

}

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

.service-heading{
    max-width: 650px;
    margin: 0 auto;
    width: 100%;
}

.hiring-heading{
    max-width: 578px;
    margin: 0 auto;
    width: 100%;
}

.hiring-left{
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
}

.hiring-right{
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
}

.mid-heading{
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
}

.tech-partner{
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}

}

@media screen and (min-width:992px) and (max-width:1800px){

    .graphic-commit-right p {
       
        font-size: 15px !important;
        line-height: 23px !important;
        font-family: 'Roboto', sans-serif;
        float: none;
    }

    .graphic-commit-right h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
    }

    .graphic-commit-left h2 {
        width: 100%;
        font-size: 22px !important;
        line-height: 33px !important;
        font-family: 'Roboto', sans-serif;
    }

    .graphic-commit-left ul li {
        margin-bottom: 87px;
        font-size: 22px;
        line-height: 33px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-weight: 500;
        padding-right: 0px;
    }
    .graphic-commit-left {
        padding-right: 0px;
        float: none;
    }

    .graphic-commit-left ul li {
        margin-bottom: 87px;
        font-size: 22px;
        line-height: 33px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-weight: 500;
        padding-right: 15px;
    }

.card.graphic-service-card{
      width: 100%!important;
    height: auto!important;
    min-height: 380px;
	border: 15px solid #527ffc!important;}
	
	.page-template-graphic-design .card-title {
    margin-top: -51px;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 10px;
}
	
		.page-template-graphic-design .card-img-top {
    position: relative;
    top: -77px;
    height: auto !important;
    margin-left: 15px !important;
    padding: 10px;
    border: 2px solid #527ffc;
    border-radius: 10px;
    background: #fff;
    left: 86px;
    border: 20px #fff;
    right: 0;
   }
   
	
	.service-1 .card-text {
    font-family: Roboto;
    font-size: 16px!important;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
}

.slider-heading h2 {
    width: 100%;
    line-height: 49px;
    font-size: 35px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

.slider-heading p {
    padding-top: 13px;
    padding-bottom: 13px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #403F3F;
    width: 100%;
    line-height: 27px;
}

.slider-img img {
    width: 100%;
    height: auto;
}

.page-template-IT_Consulting-1-php .slider-img img {
    width: 80%;
    height: auto;
    border-radius: 120px;
	}
	.consulting-row.slider-row{
		padding-top:80px;
	}
.graphic-design-slider-row{
    padding: 40px 20px 40px 20px;
}

.mid-heading h2 {
    font-size: 45px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 58px;
    text-align: center !important;
    width: 100%;
    margin: 0 auto;
}

.mid-heading {
    width: 100%;
    padding-top: 40px;
    height: auto;
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
    max-width: 1160px;
    margin: 0 auto;
}
.mid-img-sec img {
    width: 100%;
    height: auto;
}

.mid-right-p p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 29px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}

.mid-right-p {
    padding-top: 30px;
    padding-left: 0px;
}
.mid-img-sec {
padding-top:30px;
}

.mid-pr{
    margin-bottom: 10px;
}
.md-con{
    padding:20px 20px!important;
}

.tech-partner h2 {
    font-size: 45px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 50px;
    text-align: center !important;
    margin: 0 auto;
    margin-bottom: 20px;
}   

.tech-partner p {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 60px;
}

.tech-partner{
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
}

.hiring-right {
    position: relative;
    z-index: 2;
    width: 100%;
}

.page-template-graphic-design .hiring-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
    color: #fff;
    max-width: 1160px;
    margin: 0 auto;
}

.hiring-left {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    float: none;
}

.hiring-left ul {
    list-style: none;
    color: #fff;
    position: relative;
    z-index: 2;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-left: 0px;
}


.hiring-right ul {
    list-style: none;
    color: #fff;
    position: relative;
    z-index: 2;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
}

.service-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 94px;
    width: 75%;
}

.ser-p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #7A7979;
    font-weight: 400;
    line-height: 25px;
    margin-top: 10px;
}

.card-hd {
    font-size: 23px;
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-weight: 400;
}

.graphic-design-slider-row{
    max-width:1600px;
    width: 100%;
    margin: 0 auto!important;
	padding-top:120px;
}

.md-con{
    max-width:1160px;
    width: 100%;
    margin: 0 auto!important;
}
	.slider-heading{
		padding-left:20px;
	}


.service-heading h2 {
    font-size: 45px;
    font-weight: 700;
    font-family: 'Poppins';
    color: #000;
    line-height: 65px;
    text-align: center !important;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 100%;
}

.service-heading{
    max-width:1160px;
    width:100%;
}

.graphic-service-card{
    width: 100%;
    max-width: 330px;
    height: 400px;
}

.hiring-row{
   padding-left: 80px;
   padding-right: 80px;
}

.ser-con{
    max-width:1600px;
    width:100%;
}


}

@media screen and (min-width:1300px) and (max-width:1600px){
    .graphic-commit-cont{
        padding-left: 80px!important;
        padding-right: 80px!important;
     }
    
    
}


@media screen and (min-width:1600px) and (max-width:1800px){
    .graphic-design-slider-row {
        max-width: 1600px;
        width: 100%;
        margin: 0 auto!important;
    }


    .md-con{
        max-width: 1400px;
        width: 100%;
        margin: 0 auto!important;
    }


    .hiring-row{
        padding-left: 150px;
        padding-right: 150px;
     }

     .graphic-commit-cont{
        padding-left: 150px!important;
        padding-right: 150px!important;
     }
    
}


.active:after{
	display:none;
}


/*********************************android--app--development**********************************/



.slider-sec-left h2 {
    font-family: Poppins;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    width: 80%;
    max-width: 100%;
    margin-bottom: 15px;
    margin-top: 30px;
}

.slider-sec-left p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    width: 75%;
    max-width: 100%;
    margin-bottom: 0px;

}


.slider-row {
    padding-top: 80px;
    padding-left: 75px;
    padding-right: 75px;
    padding-bottom: 80px;
}

.slider-sec-left span {
    color: #527ffc;
}

.slider-button {
    background: #527ffc;
    color: #fff;
    width: 225px;
    height: 57px;
    font-family: Raleway;
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    border: none;
    border-radius: 7px;
}

.slider-sec-right img {
    width: 75%;
    float: right;
	margin-top:20px;
}

.slider-sec-right {
    padding-right: 0px;
}

.arrow-slider {
    margin-left: 10px;
}

.slider-sp {
    right: 311px;
    width: 594px;
    height: 36px;
    background: #527ffc;
    display: block;
    position: relative;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: right;
    color: #fff !important;
    padding-right: -16px;
    padding-right: 47px;
}

.solution-sec h2 {
    font-family: Raleway;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 50px;
}

.solution-sec p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 50px;

}

.solution-sec span {
    color: #527ffc;
}

/* .card-img-top {
    width: 64px !important;
    height: auto !important;
    margin-left: 15px !important;
} */
.card-img-top {    
    height: auto !important;
    margin-left: 15px !important;
    padding: 10px;
    border: 2px solid #527ffc;
    border-radius: 10px;
    background: #fff;
    border: none;	
}

.page-template-graphic-design-php .card-img-top {
      position: relative;
    top: -77px;
    height: auto !important;
    margin-left: 15px !important;
    padding: 10px;
    border: 2px solid #527ffc;
    border-radius: 10px;
    background: #fff;
    left: 0px;
	right:0px;
	margin:0 auto!important;
    border: 20px #fff;	
}

.page-template-Mobile_app_development .card-img-top {
      position: relative;
    top: -77px;
    height: auto !important;   
    padding: 10px;
    border: 2px solid #527ffc;
    border-radius: 10px;
    background: #fff;
    left: 0;
	right:0;
	margin:0 auto!important;
    border: 20px #fff;	
}
	
.page-template-portfolio .card-body .card-title{
		line-height:30px!important;
	}

.card-title {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align:left;
    padding-bottom: 10px;

}

.page-template-graphic-design-php .card-title {
    margin-top: -51px;
    font-family: Roboto;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 10px;

}

.card-text {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    margin: 16px;
}
.page-template-Mobile_app_development .card-text {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align:center;
    color: #403F3F;
    margin: 16px;
}

.page-template-graphic-design-php .card-text {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align:center;
    color: #403F3F;
    margin: 16px;
}
.card {
    padding-top: 20px;
    width: 348px !important;
    height: auto;
    margin: 0 auto;
}

.solution-con {
    padding-bottom: 80px;
	padding-top:40px;
}

.solution-row {
    padding: 0px 160px;
}

.project-row {
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/04/bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    padding-top: 80px;
    text-align: center;
    padding-bottom: 80px;
}

.project-row h2 {
    font-family: Raleway;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 55%;
    margin: 0 auto;
    margin-bottom: 80px;
}

.project-row span {
    color: #527ffc;
}

.project-row ul li {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-right: 50px;
    height: 50px;
    margin-bottom: 30px;

}



.project-left {
    float: right !important;
    list-style: none;
}


.project-right {
    padding-left: 160px;
    list-style: none;
}

.project-left li:before {
    content: '';
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2025/12/file_000000009ea871fa9d26ee3f37527940.png');
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative;
    width: 25px;
    height: 25px;
    top: 29px;
    left: -40px;
}

.project-right li:before {
    content: '';
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2025/12/file_000000009ea871fa9d26ee3f37527940.png');
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative;
    width: 25px;
    height: 25px;
    top: 29px;
    left: -40px;
}

.advantage-section h2{
    font-family: Raleway;
font-size: 55px;
font-weight: 700;
line-height: 65px;
letter-spacing: 0em;
text-align: center;
color: #000;
margin-bottom: 50px;
}

.advantage-section p{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
color: #403F3F;
width: 68%;
padding-bottom: 50px;
margin: 0 auto;
}

.advantage-section{
    padding-top: 80px;
}

.advantage-section span{
    color: #527ffc;
} 

tr, td, th {
    border-top:2px solid #C9C6C6!important;
    border-bottom:2px solid #C9C6C6!important;

    font-family: Poppins;
font-size: 22px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
text-align: center;

  }

table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}  

table ul{
    list-style: none;
    text-align: left;
}

td{
    padding: 20px!important;
}

table ul li{
   
    margin-left: 160px;
}

table ul li:before {
    content: '';
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2025/12/file_000000009ea871fa9d26ee3f37527940.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
    top: 23px;
    left: -38px;
}




.android-commit-heading p{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin:0 auto;
    padding-bottom: 65px;
    color:#fff;
    
    }

    .android-commit-left ul{
        display: flex;
        list-style: none;
        flex-direction: row;
        color:#fff;
    }
    .android-commit-right ul{
        display: flex;
        list-style: none;
        flex-direction: row;
        color:#fff;
        padding-left:0px;
    }

    .cmt-sp{
        color:#527ffc;
    }

    .android-commit-left ul li{
        margin-bottom: 87px;
        font-size:22px;
        line-height:33px;
        font-family: 'Roboto', sans-serif;
        color:#fff;
        font-weight: 500;
        padding-right:20px;

    }

    .android-commit-right ul li{
        margin-bottom: 87px;
        font-size:22px;
        padding-right:20px;
        line-height:33px;
        font-family: 'Roboto', sans-serif;
        color:#fff;
        font-weight: 500;
		

    }



    .android-commit-left p{
        width:407px;
        font-size: 15px!important;
        line-height: 23px!important;
        float: right;
		color:#fff;
    }

    .android-commit-right p{
        width:407px;
        font-size:15px!important;
        line-height: 23px!important;
        font-family: 'Roboto', sans-serif;
        float: right;
		color:#fff;
    }

    .android-commit-right h2{
        width:406px;
        font-size:22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
		color:#fff;
    }

    .android-commit-left h2{
		color:#fff;
        width:406px;
        font-size:22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

  .android-commit-left{
    padding-right:45px;
    float: right;
  }

  .android-commit-right{
    padding-left:45px;
  }



.android-commit-cont{
    background: #000;
    padding-top: 95px;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 95px;
    margin-top:95px;
}

.android-commit-heading h2{
    font-size:55px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color:#000;
    line-height: 65px;
    text-align: center!important;
    width: 900px;
    margin:0 auto;
    margin-bottom: 25px;
    color:#fff;

}

td img{
    width: 60px!important;
    height: auto!important;
}

.advantage-section .img-1{
    margin-right: 50px;
    margin-left: -175px;
}

.img-2{
    margin-right: 31px;
    margin-left: 22px;
}

.img-3{
    margin-right: 22px;
    margin-left: 43px;
}

.table-left{
    border:2px solid #C9C6C6!important;
}

.advantage-con{
    padding-left: 100px!important;
    padding-right: 100px!important;
}

.ad-3{
    padding-left: 10px;
}

.ad-4{
    padding-left: 10px;
}


.ad-5{
    padding-left: 10px;
}

.ad-6{
    padding-left: 10px;
}



/******************responsive--start************************/

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

    .android-commit-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }
    

    .android-commit-heading h2 {
        width: 100%;
        font-size: 35px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 40px;
        text-align: center!important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }

    .android-heading p {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 65px;
        color: #fff;
    }
    .android-commit-left {
        padding-right: 0px;
        float: revert;
        text-align: center;
    }

    .android-commit-left ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding: 0px;
			margin-left:0px;
    }

    .android-commit-right ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        color: #fff;
        padding-left: 0px;
		margin-left:0px;
    }
    .android-commit-right h2 {
        width: 100%;
        font-size: 22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .android-commit-right {
        padding-left: 0px;
        text-align: center;
    }

    .android-commit-left h2 {
        width: 100%;
        font-size: 22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .android-commit-left p {
        width: 100%;
        font-size: 15px!important;
        line-height: 23px!important;
        float: revert;
    }

    .android-commit-right p {
        width: 100%;
        font-size: 15px!important;
        line-height: 23px!important;
        font-family: 'Roboto', sans-serif;
        float: revert;
    }

    .advantage-section h2 {
        max-width: 100%;
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 50px;
    }

    
    .advantage-con {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    .advantage-section p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
        padding-bottom: 0px;
        margin: 0 auto;
    }

    .project-row h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .project-row ul li {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: left;
        color: #fff;
        margin-right: 0px;
        height:auto;
        margin-bottom: 10px;
    }

    .project-right {
        padding-left: 0px;
        list-style: none;
    }

    .slider-button {
        background: #527ffc;
        color: #fff;
        width: 207px;
        height: 57px;
        font-family: Raleway;
        font-size: 18px;
        font-weight: 600;
        line-height: 23px;
        letter-spacing: 0em;
        text-align: center;
        border: none;
        border-radius: 7px;
        margin-top: 18px;
    }
	
	.advantage-section {
    padding-top: 33px;
}
	
	.ad-5{
		padding-left:0px;
		margin-left:0px;
	}	
	
.ad-6{
		padding-left:0px;
		margin-left:0px;
	}	
	
.ad-1{
		padding-left:0px;
		margin-left:0px;
	}	
.ad-2{
		padding-left:0px;
		margin-left:0px;
	}	
	
		
.ad-3{
		padding-left:0px;
		margin-left:0px;
	}	

	.ad-4{
		padding-left:0px;
		margin-left:0px;
	}	
	
	
			
	
	
	
	
	
	
    .solution-sec h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 30px;
    }
    .solution-sec p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
        margin: 0 auto;
        max-width: 100%;
        margin-bottom: 35px;
    }

    .solution-row {
        padding: 0px 0px!important;
		
		
    }

.card{
    max-width: 100%!important;
}

.slider-row {
	padding-top:0px;
padding-left: 10px!important;
padding-right: 10px!important;
display: flex;
flex-direction: column-reverse;

}

.slider-sec-right {
    padding-right: 0px!important;
}


.slider-sec-right img {
width: 90%;
text-align: center;
}

.slider-sp {
    width: 100%;
    padding-left: 0px;
    height: 36px;
    background: #527ffc;
    display: block;
    left: 0px;
    position: relative;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff !important;
}

.slider-sec-left h2 {
    font-family: Poppins;
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    width: 100%;
    max-width: 100%;
    margin-bottom: 50px;
    margin-top: 30px;
}

.slider-sec-left{
	padding-left:0px!important;
    padding-top: 50px;
    text-align: center;
}

.slider-sec-left p {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
    max-width: 100%;
    margin-bottom: 50px;
}

.card-img-top {
    margin: 0 auto!important;
    width: 64px !important;
    height: auto !important; 
    text-align: center;
	left:0;
	top:-51px;
	
	
}

.card-title{
    text-align: center!important;
}

.card-text{
    text-align: center!important;
}

.card{
    margin-bottom: 50px!important;
}

.solution-con {
    padding-bottom: 30px;
}xxxx

.project-left {
    float: revert;
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}

.adndroid-commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 95px;
    margin-top: 50px;
}

.android-commit-left ul li {
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 0px;
}

.android-commit-right ul li {
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 0px;
}


table, thead, tbody, th, td, tr { 
    display: block; 
}

thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
}

td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
}

td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
}


.img-1 {
    margin-right: 23px;
    margin-left: 0px;
    width: 20%!important;
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
}

.img-2 {
    margin-right: 23px;
    margin-left: 0px;
    width: 20%!important;
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
}
	
.img-01	{	width: 20%!important;
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
}

.img-3 {
    margin-right: 23px;
    margin-left: 0px;
    width: 20%!important;
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
}

th{
    width: 100%!important;
}

.table-div{
    padding-top: 50px;
    padding-right: 15px;
    padding-left: 15px;
}

table ul li {
    margin-left: 85px;
}

table{
    border: 2px solid #C9C6C6;
}

table .table-left {
    border: none!important;
}



}


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

    .project-left {
        float: revert;
        list-style: none;
        padding-left: 32px;
        margin-left: 50px;
    }

    .project-right {
        padding-left: 82px;
        list-style: none;
    }

    .advantage-section {
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }

    th{
        padding: 20px!important;
    }



}

@media screen and (min-width:500px) and (max-width:991px){
    .slider-sec-right img {
        width: 75%;
        text-align: center;
    }

    .slider-sec-right{
        display: flex;
        justify-content: center;
    }

.ad-1{
    padding-left: 60px;
}

.ad-2{
    padding-left: 60px;
}

.ad-3{
    padding-left: 60px;
}

.ad-4{
    padding-left: 60px;
}

.ad-5{
    padding-left: 60px;
}

.ad-6{
    padding-left: 60px;
}

.project-right {
    padding-left: 0px;
    list-style: none;
}

.project-row ul li {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    margin-right: 0px;
    height: auto;
    margin-bottom: 10px;
}

.project-left {
    float: revert!important;
}

.project-left li:before {
    content: '';
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2025/12/file_000000009ea871fa9d26ee3f37527940.png');
    background-repeat: no-repeat;
    background-size: cover;
    display: none!important;
    position: relative;
    width: 25px;
    height: 25px;
    top: 29px;
    left: -40px;
}

.project-right li:before {
    content: '';
    background-image: url("https://www.webnyxa.com/wp-content/uploads/2025/12/file_000000009ea871fa9d26ee3f37527940.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    position: relative;
    width: 25px;
    height: 25px;
    top: 29px;
    left: -40px;
}

.project-left {
    float: revert;
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}




}

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

    .slider-sec-right img {
        width: 64%;
        text-align: center;
    }

    .img-1 {
        margin-right: 23px;
        margin-left: 0px;
        width: 15%!important;
        display: block;
        margin: 0 auto;
        padding-bottom: 15px;
    }

    .img-2 {
        margin-right: 23px;
        margin-left: 0px;
        width: 15%!important;
        display: block;
        margin: 0 auto;
        padding-bottom: 15px;
    }

    .img-3 {
        margin-right: 23px;
        margin-left: 0px;
        width: 15%!important;
        display: block;
        margin: 0 auto;
        padding-bottom: 15px;
    }

    .ad-1 {
        padding-left: 98px;
    }

    .ad-2 {
        padding-left: 98px;
    }
    .ad-3{
        padding-left: 98px;
    }
    .ad-4 {
        padding-left: 98px;
    }
    .ad-5 {
        padding-left: 98px;
    }
    .ad-6 {
        padding-left: 98px;
    }

.android-commit-cont{
padding-left: 50px!important;
padding-right: 50px!important;
    }

.table-div {
        padding-top: 50px;
        padding-right: 50px;
        padding-left: 50px;
    }

    .slider-sec-left {
             padding-right: 40px;
        text-align: center;
        padding-left: 40px;
    }

.solution-con{
    padding-left: 50px!important;
    padding-right: 50px!important;
}

.advantage-con{
    padding-left: 50px!important;
    padding-right: 50px!important;
}


}

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

    .slider-sec-right img {
        width: 55%;
        text-align: center;
    }

.slider-row{
    padding-right: 60px!important;
    padding-left: 60px!important;
}

.solution-con{
    padding-right: 60px!important;
    padding-left: 60px!important;
}

.advantage-con{
    padding-right: 60px!important;
    padding-left: 60px!important;
}

.android-commit-cont{
    padding-top: 60px!important;
    padding-right: 80px!important;
    padding-left: 80px!important;
}


}


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

    .slider-sec-right img {
        width: 100%;
        float: right;
    }

    .slider-row {
        padding-top: 0px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 40px;
    }

    .slider-sec-left h2 {
        font-family: Poppins;
        font-size: 45px;
        font-weight: 700;
        line-height: 58px;
        letter-spacing: 0em;
        text-align: left;
        color: #000;
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .slider-sec-left p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: left;
        color: #403F3F;
        width: 100%;
        max-width: 100%;
        margin-bottom: 25px;
    }

    .slider-sec-right {
        padding-top: 50px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .solution-sec p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 90%;
        margin: 0 auto;
        max-width: 100%;
        margin-bottom: 50px;
    }

    .solution-sec h2 {
        font-family: Raleway;
        font-size: 45px;
        font-weight: 700;
        line-height: 65px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 50px;
    }

    .card {
        padding-top: 20px;
        width: 100%!important;
        height: auto;
        margin: 0 auto;
    }
	
	.solution-row .card{
		height:auto!important;
	}
	
	
    
.solution-row{
    padding-left: 20px;
    padding-right: 20px;
}

.project-row h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 55%;
    margin: 0 auto;
    margin-bottom: 37px;
}

.advantage-section h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 40px;
}

.img-1 {
    margin-right: 0px;
    margin-left: 0px;
    display: block;
    margin: 0 auto;
}

.img-2 {
    margin-right: 0px;
    margin-left: 0px;
    display: block;
    margin: 0 auto;
}

.img-3 {
    margin-right: 0px;
    margin-left: 0px;
    display: block;
    margin: 0 auto;
}

.android-commit-heading h2 {
    font-size: 45px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 65px;
    text-align: center!important;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;
}

	.android-commit-left ul{
		margin-left:0px;
	}	
	
	.android-commit-right ul{
		margin-left:0px;
	}	
	
	
.android-commit-left {
    padding-right: 0px;
    float: left;
}
	
	.android-commit-right img{
		max-width:none!important;
	}	
	
	

.android-commit-right h2 {
    width: 100%;
    font-size: 22px!important;
    line-height: 33px!important;
    font-family: 'Roboto', sans-serif;
}

.android-commit-right p {
    width: 100%;
    font-size: 15px!important;
    line-height: 23px!important;
    font-family: 'Roboto', sans-serif;
    float: right;
}

}

@media screen and (min-width:1100px) and (max-width:1400px){

    .slider-sec-right img {
        width: 85%;
        float: right;
    }

    .advantage-section p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
        padding-bottom: 50px;
        margin: 0 auto;
    }

    table ul li {
        margin-left: 108px;
    }


}

@media screen and (min-width:1100px) and (max-width:1400px){

    .slider-sec-right {
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        margin-left: 50px;
    }

    .slider-sec-right img {
        width: 87%;
        float: left;
    }

    .slider-sec-left{
        padding-left: 20px;
    }
    .solution-sec h2 {
        font-family: Raleway;
        font-size: 45px;
        font-weight: 700;
        line-height: 65px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 20px;
    }


}


@media screen and (min-width:1400px) and (max-width:1800px){
	.Xamarin-service, .Cordova-Phonegap, .Ionic-Framework, .React-Native {
    padding: 20px;
    width: 348px;
    height: auto;
    border-left: 4px solid #527ffc;
    border-top: 2px solid #7A7979;
    border-right: 2px solid #7A7979;
    border-bottom: 2px solid #7A7979;
}
	
	
.page-template-IOSAppDevelopment .container-fluid.advantage-con{
		margin-bottom:40px;
	} 	
	
.page-template-android_app_development	.advantage-section {
    padding-top: 40px;
    padding-bottom: 0px;
}
	
.page-template-android_app_development .slider-row {
    padding-top: 20px;
    padding-left: 75px;
    padding-right: 75px;
    padding-bottom: 80px;
}	

.page-template-android_app_development .card{
    width: 100%!important;
	max-width:400px!important;
    height: 350px!important;
}

.img-1 {      
    display: block;
    margin: 0 auto;
}

.img-2 {   
    display: block;
    margin: 0 auto;
}

.img-3 {  
       display: block;
    margin: 0 auto;
}

}

.web-development-slider-row .slider-sp{
	display:none;
}

.ser-cont .ser-sec-1 .card-img-top.v-img{

    width: 64px !important;
    height: auto !important;
   margin-left: 0px !important;
	margin:0 auto!important;
}
	

.ser-cont .ser-sec-2 .card-img-top.v-img{

    width: 64px !important;
    height: auto !important;
   margin-left: 0px !important;
	margin:0 auto!important;
}

.ser-cont .ser-sec-3 .card-img-top.v-img{

    width: 64px !important;
    height: auto !important;
   margin-left: 0px !important;
	margin:0 auto!important;
}	


.ser-cont .ser-sec-3 .card.rev-crd{
	margin-bottom:50px;
}


.ser-cont .ser-sec-2 .card.rev-crd{
	margin-bottom:50px;
}


.ser-cont .ser-sec-1 .card.rev-crd{
	margin-bottom:50px;
}


.ser-sec-3 .card-5 {
    width: 348px!important;
    height: 340px!important;
    margin-bottom: 40px!important;
}


.ser-sec-3 .card-6 {
    width: 348px!important;
    height: 340px!important;
    margin-bottom: 40px!important;
}


.ser-sec-1 .card-1 {
    width: 348px!important;
    height: 340px!important;
    margin-bottom: 40px!important;
}

.ser-sec-1 .card-2 {
    width: 348px!important;
    height: 340px!important;
    margin-bottom: 40px!important;
}

.ser-sec-2 .card-3 {
    width: 348px!important;
    height: 340px!important;
    margin-bottom: 40px!important;
}

.ser-sec-2 .card-4 {
    width: 348px!important;
    height: 340px!important;
    margin-bottom: 40px!important;
}


.mobile-app-banner-row .slider-btn{
    width: 214px;
    height: 63px;
       background: #527ffc;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    border-radius: 7px;
    border: none;
}


.tech-row .card.tech-card {
    box-shadow: 0px 0px 8px -2px;
    border: 2px solid #527ffc!important;
    margin-bottom: 70px!important;
    padding-top: 15px!important;
    width: 453px!important;
    height: 285px!important;
}

.software-development .hire-button{
	    position: relative;
    z-index: 2;
    background-color: #527ffc;
    width: 227px;
    height: 57px;
    font-size: 20px;
    font-family: Raleway;
    color: #fff;
    text-transform: capitalize;
    border-radius: 5px;
    border: none;
    margin-top: 0px;
    font-weight: 700;
}

.hiring-row.software-development {
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/04/graphic-bg-scaled.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height:600px;
    width: 100%;
    max-width: 100%;
	height:auto;
}


.software-development-row .slider-btn {
    width: 212px;
    height: 57px;
    list-style: 23px;
    background: #527ffc;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    border-radius: 7px;
    border: none;
}



.quality-feature-row1 .card.quality-new-card1 {
    width: 329px !important;
    height: 297px !important;
    padding-top: 30px;
}

.quality-feature-row1 .card.quality-new-card{
    width: 329px !important;
    height: 297px !important;
    padding-top: 30px;
}

.php-development-development-service-heading{
	padding-bottom:80px;
}



	
.Open-Source-Solutions h3{
	
	font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}
	
.php-development-left{
	padding-top:80px;
}


@media screen and (min-width:992px) and (max-width:1400px){
	
	.php-development-service-heading h2 {
    font-family: Raleway;
    font-size: 35px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}
	
	
	.Open-Source-Solutions, .Ecommerce-Development, .CMS-Development, .Laravel-Development {
    padding: 10px;
    width: 100%;
    height: auto;
    border-left: 4px solid #527ffc;
    border-top: 2px solid #7A7979;
    border-right: 2px solid #7A7979;
    border-bottom: 2px solid #7A7979;
	margin:5px;
	max-width:348px;		
}
	
.php-development-services-list .php-development-service-para {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
}	
	
	.php-development-commit-left {
    padding-right: 0px;
    float: none;
    color: #fff;
}
	.php-development-commit-left ul {
    display: flex;
    list-style: none;
    padding-left: 0px;
}
	
		
	
}
.php-development-left h2{
	font-family: Poppins;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 50px;
}

.home-banner-img{
	float:none!important;
}

.home::before{
	display:none;
}

.nav.navbar-nav.ml-auto li a {	
  position: relative;
  text-decoration: none;
}

.nav.navbar-nav.ml-auto li a:before {	
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: #527ffc;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

.nav.navbar-nav.ml-auto li a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}


/***************************IOS App Development**********************************/

.ios-app-development-banner-right h2{
    font-family: Poppins;
font-size: 45px;
font-weight: 700;
line-height: 54px;
letter-spacing: 0em;
text-align: left;
margin-top: 20px;
margin-bottom: 40px;

}

.ios-app-development-banner-sec{
    padding: 80px 40px;
}

.read-wider-span{
    color:#fff!important;
}

.ios-app-development-banner-right p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    margin-bottom: 80px;
    width: 100%;
    max-width: 631px;
}

.ios-app-development-banner{display: flex;
max-width: 1600px;
margin: 0 auto;
}

.ios-app-development-banner-left img{
    width: 100%;
    max-width: 496px;
    height: 536px;

}

.ios-app-development-banner-left{
    float: right;
}

.ios-app-development-banner-right span{
    color: #527ffc;
}

.ios-app-development-banner-right .ios-app-development-button{
    width: 207px;
    height: 57px;
    background:#527ffc;
    color: #fff;
    text-transform: capitalize;
    font-family: Raleway;
font-size: 20px;
font-weight: 600;
line-height: 23px;
letter-spacing: 0em;
border: 0px;
}

.read-wider-span {
    max-width: 412px;
    width: 100%;
    background: #527ffc;
    color: #fff;
    text-transform: capitalize;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: right;
    position: relative;
    left: -146px;
    display: block;
    padding-right: 20px;
}


.ios-app-development-queries-heading h2{
    font-family: Raleway;
font-size: 55px;
font-weight: 700;
line-height: 65px;
letter-spacing: 0em;
text-align: center;
color: #000;

}

.ios-app-development-queries-heading span{
    color: #527ffc;
}

.ios-app-development-queries-heading{
max-width: 1600px;
margin: 0 auto;
width: 100%;
}

.ios-app-development-queries{
    padding: 80px 40px;
}

.forth-your-idea-heading{
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
color: #000;    
}

.forth-your-idea ul{
list-style: none;
padding-left: 0px;
}

.forth-your-idea ul li{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
text-align: left;
color: #403F3F;
margin-bottom: 30px;

}

.forth-your-idea{
    max-width: 1600px!important;
    width: 100%!important;
    display: flex;
    margin: 0 auto;
}

.forth-your-idea-img img{
    width: 100%;
    height: 644px;
    max-width: 573px;
}
.forth-your-idea-img img{
float: right;
margin-top: 50px;
}

.forth-your-idea-section{
    background: #F2F2F2;
    padding: 80px 40px;
}

.forth-your-idea-list-marker::before {
    content: '';
    background: #527ffc;
    width: 20px;
    height: 20px;
    border-radius: 45px;
    display: block;
    position: relative;
    top: 26px;
    left: -29px;
}

.feature-drive-ios-heading{
    font-family: Raleway;
font-size: 55px;
font-weight: 700;
line-height: 65px;
letter-spacing: 0em;
text-align: center;
color: #000;
max-width: 1600px;
width: 100%;
margin: 0 auto;
margin-bottom: 80px!important;
}

.feature-driven-ios-process{
    padding: 80px 40px;
}

.feature-drive-ios-heading span{
    color:#527ffc;
}

.feature-driven-ios-process-feature ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.feature-driven-ios-process-feature ul .feature-driven-li{
width:348px;
height:352px;
padding: 20px;
	background:#8b72ee;
}
.feature-driven-ios-process-feature ul .feature-driven-li ul li h3{
	color:#fff!important;
}

.feature-driven-ios-process-feature ul .feature-driven-li ul li p{
	color:#fff!important;
}
.feature-driven-ios-process-feature ul .feature-driven-li ul li img{
	background:#fff;
	padding:6px;
	border-radius:10px;
}

.feature-driven-ios-process-feature{
    max-width: 1600px!important;
    width: 100%!important;
    margin: 0 auto;
}

.feature-driven-li ul{
    display: flex;
    flex-direction: column;
    padding-left: 0px;
    margin-left: 0px;
}

.feature-driven-li h3{
    font-family: Roboto;
font-size: 22px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #000;
margin-bottom: 20px;
}

.feature-driven-li p{
    color: #403F3F;
    font-family: Roboto;
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-align: left;

}

.feature-driven-li img{
width: 57px;
height: auto;
margin-bottom: 20px;
}

.smartphone-ios{
    width: 45px!important;
    height: auto;
}

.ios-process-free-esimation h2{
    font-family: Raleway;
font-size: 55px;
font-weight: 700;
line-height: 65px;
letter-spacing: 0em;
text-align: center;
color: #000;
max-width: 1500px;
margin: 0 auto;
width: 100%;
margin-bottom: 50px;

}

.ios-process-free-esimation {
    max-width: 1600px!important;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.ios-process-free-esimation-section{
    padding: 80px 40px;
}

.ios-process-free-esimation span{
    color: #527ffc;
}

.ios-process-free-esimation p{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
color: #403F3F;
width: 100%;
max-width: 1400px;
margin: 0 auto;
margin-bottom: 80px;
}

.ios-get-estimation{
    width: 246px;
    height: 57px;
    color: #fff;
    font-family: Raleway;
font-size: 20px;
font-weight: 600;
line-height: 23px;
letter-spacing: 0em;
text-align: left;
background: #527ffc;
text-align: center;
border: none;
margin: 0 auto;
}





.advantage-section h2{
    font-family: Raleway;
font-size: 55px;
font-weight: 700;
line-height: 65px;
letter-spacing: 0em;
text-align: center;
color: #000;
margin-bottom:80px;
}

.advantage-section p{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
color: #403F3F;
width: 68%;
padding-bottom: 50px;
margin: 0 auto;
}

.advantage-section{
    padding-top: 80px;
}

.advantage-section span{
    color: #527ffc;
} 

tr, td, th {
    border-top:2px solid #C9C6C6!important;
    border-bottom:2px solid #C9C6C6!important;

    font-family: Poppins;
font-size: 22px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
text-align: center;

  }

table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}  

table ul{
    list-style: none;
    text-align: left;
}

td{
    padding: 20px!important;
}

table ul li{
   
    margin-left: 160px;
}

table ul li:before {
    content: '';
    background-image: url("https://www.webnyxa.com/wp-content/uploads/2025/12/file_000000009ea871fa9d26ee3f37527940.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
    top: 23px;
    left: -38px;
}



td img{
    width: 60px!important;
    height: auto!important;
}

.img-1{
    margin-right: 50px;
    margin-left: -175px;
}

.img-2{
    margin-right: 50px;
    margin-left: 30px;
}

.img-3{
    margin-right: 50px;
    margin-left: 30px;
}

.table-left{
    border:2px solid #C9C6C6!important;
}

.advantage-con{
    padding-left: 100px!important;
    padding-right: 100px!important;
    padding-bottom: 80px;
}

.ad-3{
    padding-left: 10px;
}

.ad-4{
    padding-left: 10px;
}


.ad-5{
    padding-left: 10px;
}

.ad-6{
    padding-left: 10px;
}


table ul li:before {
    content: '';
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2025/12/file_000000009ea871fa9d26ee3f37527940.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
    top: 23px;
    left: -38px;
}

.ios-commit-right h2{
width:406px;
font-size:22px!important;
line-height: 33px!important;
font-family: 'Roboto', sans-serif;
}

.ios-commit-left h2{
width:406px;
font-size:22px!important;
line-height: 33px!important;
font-family: 'Roboto', sans-serif;
}

.ios-commit-left{
padding-right:45px;
float: right;
color: #fff;
}

.ios-commit-right{
padding-left:45px;
color: #fff;
}



.ios-commit-cont{
background: #000;
padding-top: 95px;
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 80px;
padding-bottom: 80px;

}

.ios-commit-heading h2{
font-size:55px;
font-weight: 700;
font-family: 'Raleway', sans-serif;
color:#000;
line-height: 65px;
text-align: center!important;
width: 900px;
margin:0 auto;
margin-bottom: 25px;
color:#fff;

}

.ios-commit-heading p{
    font-family: Roboto;
font-size: 22px;
font-weight: 500;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
color: #fff;
width: 100%;
max-width: 1200px;
margin: 0 auto;
margin-bottom: 80px;

}

.ios-commit-left ul{
    display: flex;
    list-style: none;
}

.ios-commit-right ul{
    display: flex;
    list-style: none;
}

.ios-commit-box{
    display: flex;
    flex-direction: row;
    max-width: 1600px!important;
    width: 100%;
    margin: 0 auto;
}

.ios-commit-left img{
    width: 100px;
    height: auto;
    margin-right: 20px;
}

.ios-commit-right img{
    width: 100px;
    height: auto;
    margin-right: 20px;
}

.ios-commit-left p{
    max-width: 500px;
}
.ios-commit-right p{
    max-width: 500px;
}
.feature-driven-li:hover{
	transform: scale(1.2)!important;
}


   .ios-li-border{
        width: 348px;
        height: 400px;        
        padding: 20px;
        display: flex;
        flex-direction: column!important;
	   background:#29b7dd;
	   color:#fff
    }

.ios-li-border:hover{
	transform: scale(1.2)!important;
}

.ios-li-border li img{
	background: #fff;
	margin-bottom:20px;
	border-radius:10px;
	padding:6px;
	width:57px!important;
}

.ios-li-border li h3{
	color:#fff!important;
}
.ios-li-border li p{
	color:#fff;
}



    .ios-li-border ul{
        display: flex;
        flex-direction: column!important;
        padding-left: 0px;
    }




    .arrow-estimation{
        margin-left: 10px;
    }

    .arrow-slider-ios{
        margin-left: 10px;
    }

    .ios-li-border p{
    color: #403F3F;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

/**********************responsive****************************************/

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

    .ios-app-development-banner {
        display: flex;
        max-width: 1600px;
        margin: 0 auto;
        flex-direction: column-reverse;
    }

    .ios-app-development-banner-sec {
        padding: 40px 10px;
       
        margin: 0 auto;
    }
	.ios-app-development-banner-sec .container-fluid {
		max-width:500px;
	}
    .ios-app-development-banner-left img {
        width: 100%;
        max-width: 290px;
        height: auto;
    }

    .ios-app-development-banner-right h2 {
        font-family: Poppins;
        font-size: 35px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }   

    .ios-app-development-banner-right p {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        margin-bottom: 20px;
        width: 100%;
        max-width: 631px;
    }

.ios-app-development-banner-right{
    text-align: center;
}

.ios-app-development-queries {
    padding: 40px 10px;
    max-width: 500px;
    margin: 0 auto;
}

.ios-app-development-queries-heading h2 {
    font-family: Raleway;
    font-size: 35px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}

.forth-your-idea-section {
      padding: 40px 10px;   
}



.forth-your-idea {
    max-width: 500px!important;
    width: 100%!important;
    display: block;
    margin: 0 auto;
    flex-direction: column-reverse;
}

.forth-your-idea-img img {
    width: 100%;
    height: auto;
    max-width: 290px;
    margin: 0 auto;
    float: none;
}

.forth-your-idea-img{
    text-align: center;
}
.page-template-IOSAppDevelopment .container-fluid.advantage-con {
    background: #EBEBEB;
    padding-top: 0px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    padding-bottom: 80px;
}

.forth-your-idea-heading {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}   


.ios-commit-box{
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
}

.feature-drive-ios-heading {
    font-family: Raleway;
    font-size: 35px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px!important;
}


.feature-driven-ios-process-feature ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0px;
    width:auto;
	margin-left:0px;
}


.ios-process-free-esimation h2 {
    font-family: Raleway;
    font-size: 35px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    max-width: 1500px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 40px;
}

.advantage-section h2 {
    font-family: Raleway;
    font-size: 35px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    padding-top: 40px;
	margin-bottom:0px;
}

.page-template-php-development-1 .advantage-section h2 {
    font-family: Raleway;
    font-size: 35px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 0px!important;
}
	
	.key-php-development.advantage-section	{
		padding-top:40px!important;
		padding-bottom:40px!important;
	}
	
.advantage-section {
    padding-top: 0px;
}

.ios-commit-box {
    display: flex;
    flex-direction: column;
    max-width: 500px!important;
    width: 100%;
    margin: 0 auto;
}
.ios-commit-left {
    padding-right: 0px;
    float: none;
    color: #fff;
}

.ios-commit-left ul {
    display: flex;
    list-style: none;
    flex-direction: column;
    text-align: center;
    padding-left: 0px;
}

.ios-commit-left h2 {
    width: 100%;
    font-size: 22px!important;
    line-height: 33px!important;
    font-family: 'Roboto', sans-serif;
}   
.ios-commit-right {
    padding-left: 0px!important;
    color: #fff;
}

.ios-commit-right ul {
    display: flex;
    list-style: none;
    flex-direction: column;
    text-align: center;
    padding-left: 0px;
}

.ios-commit-right h2 {
    width: 100%;
    font-size: 22px!important;
    line-height: 33px!important;
    font-family: 'Roboto', sans-serif;
}

.table-div {
    padding-top: 50px;
    padding-right: 15px;
    padding-left: 15px;
}
table {
    border: 2px solid #C9C6C6;
}

table, thead, tbody, th, td, tr {
    display: block;
}

th {
    width: 100%!important;
}

table .table-left {
    border: none!important;
}

.img-1 {
    margin-right: 23px;
    margin-left: 0px;
    width: 20%!important;
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
}
	
	.ad-5{
		text-align:center;
	}	
	
.page-template-android_app_development .advantage-section .img-1 {
		 margin:0 auto!important;
	 }
	
.page-template-android_app_development	table tr td ul li:before{display:none;}
	

	 
.page-template-android_app_development .advantage-section .img-2{
		 margin:0 auto!important;
	 }
	
	 
.page-template-android_app_development .advantage-section .img-3{
		 margin:0 auto!important;
	 }	
	 	 	

table ul li {
    margin-left: 0px;
}

table ul {
        list-style: none;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.img-2 {
    margin-right: 0px;
    margin-left: 0px;
}

.img-3 {
    margin-right: 0px;
    margin-left: 30px;
}
	
	.page-template-php-development-1 .img-1{
		margin:0 auto;
	}	
	.page-template-php-development-1 .img-2{
		margin:0 auto;
	}		
		.page-template-php-development-1 .img-3{
		margin:0 auto;
	}	
	
	.page-template-php-development-1 .key-php-development.advantage-section table tr td ul li:before{
		display:none;
	}
	
	
	.page-template-php-development-1 .key-php-development.advantage-section table tr th ul li:before{
		display:none;
	}
		
	.page-template-php-development-1 	.container-fluid.advantage-con{
		max-width:1000px;
		margin:0 auto;
	}
	
.php-development-banner-img {
    max-width: 600px;
    width: 100%;
    float: none!important;
}	
.ios-commit-heading h2 {
    font-size: 35px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 50px;
    text-align: center!important;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;
}



.advantage-con {
    padding-left: 10px!important;
    padding-right: 10px!important;
    padding-bottom: 80px;
    max-width: 500px;
    margin: 0 auto;
}


.feature-driven-ios-process{
    padding:40px 10px 0px 10px; 
    max-width: 500px;
    margin: 0 auto;
   
}

.feature-driven-ios-process-feature ul .feature-driven-li {
    width: 100%;
    height: auto;
    border: #7A7979 solid 2px;
    padding: 20px;
}



.ios-li-border ul li img {
    padding-top:20px;
}

.ios-li-border{
    margin-bottom: 40px;
}

.feature-driven-li{
    margin-bottom: 40px;
}

.ios-li-border {
    width: 100%;
    height: auto;
    border-top: #7A7979 solid 2px;
    border-right: #7A7979 solid 2px;
    border-bottom: #527ffc solid 4px;
    border-left: #527ffc solid 4px;
    padding: 20px;
    display: flex;
    flex-direction: column!important;
}



.ios-process-free-esimation-section{
padding: 0px 10px 40px 10px;
max-width: 500px;
margin: 0 auto;
}



.read-wider-span {
background: #527ffc;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff!important;
    display: block;
    width: 100%;
    height: 25px;
    position: relative;
    right: 0px;
    text-align: center;
    padding-right: 0px;
    margin-top: 40px;
    margin: 0 auto;
    left: 0;
    display: block;
    margin-top: 20px;
}

.forth-your-idea ul {
    list-style: none;
    padding-left: 0px;
    padding-top: 40px;
}

.forth-your-idea-list-marker::before{
    display: none;
}

.forth-your-idea ul li {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    margin-bottom: 30px;
}

.ios-process-free-esimation p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    margin-bottom: 20px;
}


.ios-commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 40px;
    padding-bottom: 40px;
   
}

.ios-app-development-banner-left {
    float: none;
    text-align: center;
}


}

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

    .ios-app-development-banner-left img {
        width: 100%;
        max-width: 342px;
        height: auto;
    }

    .ios-app-development-banner-sec {
        padding: 40px 10px;
        max-width: 700px;
        margin: 0 auto;
    }
    .ios-app-development-queries {
        padding: 40px 10px;
        max-width: 700px;
        margin: 0 auto;
    }

    .forth-your-idea {
        max-width: 700px!important;
        width: 100%!important;
        display: block;
        margin: 0 auto;
        flex-direction: column-reverse;
    }


    .ios-process-free-esimation-section {
        padding: 0px 10px 40px 10px;
        max-width: 700px;
        margin: 0 auto;
    }


.ios-commit-heading{
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

	 
	 


 }


 @media screen and (min-width:992px) and (max-width:1800px){
	 
	 .ios-commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 80px;
    padding-bottom: 40px;
}
	 
	 .ios-commit-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 65px;
    text-align: center!important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;
}
	 
	 .page-template-IOSAppDevelopment .advantage-con {
    background: #EBEBEB;
    padding-top: 0px!important;
    padding-left: 100px!important;
    padding-right: 100px!important;
    padding-bottom: 40px!important;
}
	 
	 .ios-commit-right p{
		 font-size:18px;
	 }
	 
	 .ios-commit-heading p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
}
	 
.ios-commit-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 30px;
    text-align: center!important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 30px;
    color: #fff;
}
	 
.page-template-android_app_development	.advantage-con{
		 padding-bottom:40px!important;
		 padding-top:40px!important;
	 }
	 
.android-commit-left ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
}
	 
	 .android-commit-right ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
}
	
	 
	 .android-commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 80px;
    margin-top: 40px;
		 padding-bottom:0px;
}
	 
	 .android-commit-right img{
		 max-width:80%!important;
	 }

.android-commit-left img{
		 max-width:80%!important;
	 }
	 
	.slider-sec-left {
    padding-top: 56px;
    padding-left: 0px;
} 
	 
	.solution-sec h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
} 
.solution-sec p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 40%;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 50px;
}	 
.project-row h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 55%;
    margin: 0 auto;
    margin-bottom: 40px;
}	 
	 
	.project-row ul li {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-right: 50px;
    height: 50px;
    margin-bottom: 30px;
} 
	 
.page-template-android_app_development .advantage-section h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 0px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
}	 
	 
.page-template-android_app_development	.advantage-section p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 68%;
    padding-bottom: 50px;
    margin: 0 auto;
} 
	.page-template-android_app_development .advantage-section h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 0px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 0px;
		margin-top:40px;
}
	 
.android-commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;
}	 
	 
.page-template-android_app_development	.advantage-section .img-1 {  
    margin: 0 auto!important;
} 
	 
.page-template-android_app_development	.advantage-section .img-2 {  
    margin: 0 auto!important;
} 
	 
.page-template-android_app_development	.advantage-section .img-3 {  
    margin: 0 auto!important;
} 
	 
.page-template-android_app_development tr, td, th {
    border-top: 2px solid #C9C6C6!important;
    border-bottom: 2px solid #C9C6C6!important;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
}	 
	 
 
.android-commit-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 35px;
    text-align: center!important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #fff;
}
 
	 
.page-template-android_app_development	 .slider-sec-left h2 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    width: 80%;
    max-width: 100%;
    margin-bottom: 15px;
    margin-top: 30px;
}
	 
.slider-sec-left p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    width: 100%;
    max-width: 559px;
    margin-bottom: 0px;
}	 

	 
	 	.page-template-android_app_development	table tr th ul li{
	margin-left:0px!important;
	}

	 	 	.page-template-android_app_development	table .table-left ul li{
	margin-left:0px!important;
	}
	 

	 	 	 	.page-template-android_app_development	table td ul li{
	margin-left:0px!important;
	}
	 
	 
.page-template-android_app_development	.advantage-section {
    padding-top: 0px!important;
} 


	 
    .ios-app-development-banner-left img {
        width: 100%;
        max-width: 390px;
        height: auto;
    }

    .ios-commit-left {
        padding-right: 0px;
        float: none;
        color: #fff;
    }

    .ios-commit-left h2 {
        width: 100%;
        font-size: 22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .ios-commit-right h2 {
        width: 100%;
        font-size: 22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .feature-driven-ios-process-feature ul .feature-driven-li {
        width: 100%;
        height: auto;
        border: #7A7979 solid 2px;
        padding: 20px;
    }

    .ios-li-border{
        width: 100%;
        height: auto;
        border-top: #7A7979 solid 2px;
        border-right: #7A7979 solid 2px;
        border-bottom: #527ffc solid 4px;
        border-left: #527ffc solid 4px;
        padding: 20px;
        display: flex;
        flex-direction: column;
    }
.ios-li-border{
    margin-right:10px;
}
   
.feature-driven-li{
    margin-right:10px;
}



    .ios-app-development-banner-sec {
        padding: 80px 20px;
    }

    .ios-app-development-banner-right h2 {
        font-family: Poppins;
        font-size: 40px;
        font-weight: 700;
        line-height: 54px;
        letter-spacing: 0em;
        text-align: left;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .ios-app-development-banner-right p {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: left;
        color: #403F3F;
        margin-bottom: 38px;
        width: 100%;
        max-width: 631px;
    }

    .ios-app-development-queries-heading h2 {
        font-family: Raleway;
        font-size: 40px;
        font-weight: 700;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }
	 
	 .ios-process-free-esimation p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    margin-bottom: 50px;
}
	 
	 .ios-commit-heading p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
}

.ios-commit-cont .ios-commit-box .ios-commit-left ul p {
    color: #fff;
	font-size:18px !important;
}	 
	 
	 
    .forth-your-idea-img img {
        width: 100%;
        height: auto;
        max-width: 425px;
        margin-top: 45px;
    }

    .forth-your-idea-section {
        background: #F2F2F2;
        padding: 40px 20px;
    }


    .forth-your-idea ul li {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: left;
        color: #403F3F;
        margin-bottom: 5px;
    }
.cross-plateform-development-service-heading h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 20px;
}
	 
.cross-plateform-left h2 {
    padding-top: 20px;
    font-family: Poppins;
    font-size: 40px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 40px;
}	 
	 
.cross-plateform-estimate-heading h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
}	 

.cross-plateform-app-tech-heading h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
}	 
	 
    .forth-your-idea-heading {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: left;
        color: #000;
		padding-top:20px;
    }


    .feature-drive-ios-heading {
        font-family: Raleway;
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        max-width: 1600px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 40px!important;
    }
    
    .forth-your-idea-list-marker::before {
        content: '';
        background: #527ffc;
        width: 10px;
        height: 10px;
        border-radius: 45px;
        display: block;
        position: relative;
        top: 17px;
        left: -17px;
    }
.ios-li-border li h3{
    font-size: 20px;
}

.feature-driven-li li h3{
    font-size: 20px;
}
.feature-driven-li p {
    color: #403F3F;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.ios-process-free-esimation h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    max-width: 1500px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 50px;
}
.advantage-section h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
}
	 
.advantage-section.ios-advantage h2{font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
    padding-top: 40px;
}	 
.ios-commit-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 65px;
    text-align: center!important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;
}	 
	 
.php-development-left h2 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 30px;
}	 
	 
	 
	 
	 

.img-1 {
    margin-right: 4px;
    margin-left: -33px;
}


.ios-app-development-queries{
padding: 20px 20px 20px 20px;
}

.ios-commit-heading{
    max-width: 1015px;
    margin: 0 auto;
}


.ios-commit-box{
    max-width: 1200px!important;
    margin: 0 auto;
}

.ios-li-border p{
    color: #403F3F;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;}

.ios-li-border{
    width: 100%;
 }

 

 .ios-process-free-esimation-section{
    max-width: 1300px;
    margin: 0 auto;
 }


.forth-your-idea{
    max-width: 1300px!important;
    margin: 0 auto;
 }

.ios-app-development-banner{
    max-width: 1550px;
    margin: 0 auto;
 }

 .ios-app-development-queries-heading{
    max-width: 1300px;
    margin: 0 auto;
 }

.feature-driven-ios-process{
    max-width: 1400px;
    margin: 0 auto;
 }

 .read-wider-span {
   background: #527ffc;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: right!important;
    color: #fff!important;
    display: block;
    max-width: 411px;
	 width:100%;
    height: 25px;
    position: relative;
    right: 0px;
    text-align: center;
    padding-right: 20px;
}

 

.ios-commit-cont .ios-commit-box .ios-commit-left ul h2{	
	color:#fff;
}
.ios-commit-cont .ios-commit-box .ios-commit-left ul p{	
	color:#fff;
}


.ios-commit-cont .ios-commit-box .ios-commit-right ul h2{	
	color:#fff;
}
.ios-commit-cont .ios-commit-box .ios-commit-right ul p{	
	color:#fff;
}

.feature-driven-ios-process-feature ul li h3{
	    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 20px;
}
	 
	 
	 .ios-commit-right ul {
    display: flex;
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}

	 	 .ios-commit-left ul {
    display: flex;
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
	 
.ios-commit-right {
     padding-left: 0px; 
    color: #fff;
}	 
	 
.ios-commit-left {
     padding-left: 0px; 
    color: #fff;
}	 
		 
.android-commit-right {
    padding-left: 0px!important;
}	 
	 
	 
	 
.page-template-IOSAppDevelopment table ul li {
    margin-left: 0px;
}

.page-template-php-development-1 table ul li {
		 margin-left:0px!important;
	 }

.page-template-php-development-1 .img-2 {
     margin-right:0px;
    margin-left: 0px;
	margin:0 auto;
}	 
	 
	.page-template-php-development-1 .img-3 {
     margin-right:0px;
    margin-left: 0px;
		margin:0 auto;
}	 
	 
	.page-template-php-development-1 .img-4 {
     margin-right:0px;
    margin-left: 0px;
		margin:0 auto;
}	
	  

}

.feature-driven-ios-process-feature ul li h3 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 20px;
}

/******************************cross-plateform************************************/



.cross-plateform-banner-div{
    display: flex;
}
.cross-plateform-left h2{
    padding-top: 20px;
    font-family: Poppins;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;   
    margin-bottom: 40px;

}

.cross-plateform-left span{
    color: #527ffc;
}

.cross-plateform-banner-section{
padding: 80px 0px;
max-width: 1600px;
margin: 0 auto;

}

.cross-plateform-left p{
     
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    margin-bottom: 40px;
    max-width: 750px;
    width: 100%;
}

.cross-plateform-banner-button{
width:100%;
max-width: 207px;
background: #527ffc;
font-family: Raleway;
font-size: 20px;
font-weight: 600;
line-height: 23px;
letter-spacing: 0em;
text-align: center;
color:#fff;
text-transform: capitalize;
height: 57px;
border: none;
border-radius: 7px;
}

.banner-sub-heading-span{
     max-width: 591px;
    width: 100%;
    background: #527ffc;
    color: #fff;
    text-transform: capitalize;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: right;
    position: relative;
    left: -162px;
    display: block;
    padding-right: 20px;

}

.cross-plateform-development-service-heading h2{
    font-family: Raleway;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.cross-plateform-development-section{
    padding: 40px 0px;
    max-width: 1600px;
    margin: 0 auto;
}

.cross-plateform-development-service-heading span{
    color: #527ffc;
}
.cross-plateform-development-service-heading p{
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
color: #403F3F;    

}

.Xamarin-service, .Cordova-Phonegap, .Ionic-Framework, .React-Native {padding: 20px;
    width: 348px;
    height: 327px;
    border-left: 4px solid #527ffc;
    border-top: 2px solid #7A7979;
    border-right: 2px solid #7A7979;
    border-bottom: 2px solid #7A7979;
}

.cross-plateform-development-service-heading ul{
    list-style: none;
}

.cross-plateform-services-list{
    display: flex;
    justify-content: space-evenly;
    padding-left: 0px;
	margin-left:0px;
    margin-top: 80px;
}

.cross-plateform-services-list ul{
    padding-left: 0px;
}

.cross-plateform-service-heading{
    font-family: Roboto;
font-size: 22px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #000;
}
.cross-plateform-services-list .cross-plateform-service-para{
    font-family: Roboto;
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
color: #403F3F;
}

.cross-plateform-estimate-heading h2{
    font-family: Raleway;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
}

.cross-plateform-free-estimate-section{   
    padding: 40px 0px;
    background-color: #EBEBEB;
}

.cross-plateform-free-estimate-section .container-fluid{
    max-width: 1600px;
    margin: 0 auto;  
}

.cross-plateform-estimate-heading{
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}


.cross-plateform-estimate-heading  span{
    color: #527ffc;
}

.cross-plateform-estimate-heading p{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
color: #585858;

}

.get-free-estimate-button{
    width:100%;
    max-width: 207px;
    background: #527ffc;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color:#fff;
    text-transform: capitalize;
    height: 57px;
    border: none;
    border-radius: 7px;
    margin-top: 40px;

}

.cross-plateform-app-tech-heading h2{
    font-family: Raleway;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
color: #000;    
margin-bottom: 20px;

}

.cross-plateform-app-tech-heading span{
    color: #527ffc;
}

.cross-plateform-superior-app-tech{
    padding: 40px 0px;
}

.cross-plateform-app-tech-heading{
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}

.cross-plateform-app-tech-heading p{
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
color:#403F3F;
}

.tech-plateform-list{
    list-style: none;
    display: flex;
    padding-left: 0px;
    min-height: 148px;
    height: auto    ;
}

.tech-plateform-list h3{
    font-family: Poppins;
font-size: 22px;
font-weight: 600;
line-height: 26px;
letter-spacing: 0em;
text-align: left;
color: #000;
padding-top: 6px;

}

.tech-plateform-list p{
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;    
    
}

.service-tech{
    max-width: 1500px!important;
    margin:0 auto;
}

.tech-plateform-list-heading{
    width: 100%;
    max-width: 175px;
   
}

.service-tech{
    display: flex;
    flex-direction: row;
}

.cross-plateform-tech-list{
    max-width:660px ;
    width: 100%;
    
}

.service-tech{
padding-top: 80px;

}

.cross-plateform-app-tech-heading:after{
    content: '';
    display: block;
    position: absolute;
    background: #C9C6C6;
    max-width: 1400px;
    height: 2px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 300px;
	width:100%;

}

.service-tech:before{
    content: '';
    display: block;
    position: absolute;
    background: #C9C6C6;
    width: 2px;
    height: 914px;
    margin: 0 auto;
    left: 0px;
    right: 0;
    top: 33px;
}

.cross-plateform-services-list li{
	margin:5px;
}



.service-tech{
    position: relative;
}

.service-tech:after{
    content: '';
    display: block;
    position: absolute;
    background: #C9C6C6;
    max-width: 1400px;
    height: 2px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0px;
	width:100%;
}



.ios-commit-right h2{
    width:406px;
    font-size:22px!important;
    line-height: 33px!important;
    font-family: 'Roboto', sans-serif;
    }
    
    .ios-commit-left h2{
    width:406px;
    font-size:22px!important;
    line-height: 33px!important;
    font-family: 'Roboto', sans-serif;
    }
    
    .ios-commit-left{
    padding-right:45px;
    float: right;
    color: #fff;
    }
    
    .ios-commit-right{
    padding-left:45px;
    color: #fff;
    }
    
    
    
    .ios-commit-cont{
    background: #000;
    padding-top: 95px;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 80px;
    padding-bottom: 80px;
    
    }
    
    .ios-commit-heading h2{
    font-size:55px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color:#000;
    line-height: 65px;
    text-align: center!important;
    width: 900px;
    margin:0 auto;
    margin-bottom: 25px;
    color:#fff;
    
    }
    
    .ios-commit-heading p{
        font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
    
    }
    
    .ios-commit-left ul{
        display: flex;
        list-style: none;
    }
    
    .ios-commit-right ul{
        display: flex;
        list-style: none;
    }
    
    .ios-commit-box{
        display: flex;
        flex-direction: row;
        max-width: 1600px!important;
        width: 100%;
        margin: 0 auto;
    }
    
    .ios-commit-left img{
        width: 100px;
        height: auto;
        margin-right: 20px;
    }
    
    .ios-commit-right img{
        width: 100px;
        height: auto;
        margin-right: 20px;
    }
    
    .ios-commit-left p{
        max-width: 500px;
    }
    .ios-commit-right p{
        max-width: 500px;
    }
    


 /*************************************************/
 
@media screen and (max-width:991px) {
	
.page-template-cross-plateform	.auto-container.navbar.navbar-expand-lg.navbar-light {
    position: fixed;
    z-index: 999;
    background: #fff;
    margin-top: -9px;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 100%;
    padding-left: 10px!important;
		padding-right: 10px!important;}

    .service-tech:after{
        display:none;
    }


    .ios-commit-heading h2 {
        font-size: 35px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 45px;
        text-align: center!important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }

    .ios-commit-left ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        text-align: center;
		padding-left:0px;
		margin-left:0px;
    }

    .ios-commit-box {
        display: block;
        flex-direction: column;
        max-width: 500px!important;
        width: 100%;
        margin: 0 auto;
        width: 100%;
    }

    .ios-commit-left {
        padding-right: 0px;
        float: none;
        color: #fff;
    }


    .ios-commit-right h2{
        padding-left: 0px;
        color: #fff;
        float: none;
    }

	
	.ios-commit-right p{
        padding-left: 0px;
        color: #fff;
        float: none;
    }
    .ios-commit-right ul {
        display: flex;
        list-style: none;
        flex-direction: column;
        text-align: center;
		margin-left:0px;
		padding-left:0px;
    }
	
    .ios-commit-left h2 {
        width: 100%;
        font-size: 22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .ios-commit-left p {
        max-width: 500px;
        width: 100%;
    }

    .ios-commit-right h2 {
        width: 100%;
        font-size: 22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .cross-plateform-services-list {
        display: flex;
        justify-content: space-evenly;
        padding-left: 0px;
        margin-top: 80px;
        flex-direction: column;
		margin-left:0px;
    }

    .cross-plateform-app-tech-heading:after{
        display: none;
    }

    .tech-plateform-list {
        list-style: none;
        display: flex;
        padding-left: 0px;
        min-height: 148px;
        height: auto;
        flex-direction: column;
    }

    .service-tech {
        display: flex;
        flex-direction: column;
    }
    .service-tech:before{
        display: none;
    }
    .banner-sub-heading-span {
		padding:10px;
        max-width: 574px;
        width: 100%;
        background: #527ffc;
        color: #fff;
        text-transform: capitalize;
        font-family: Poppins;
        font-size: 15px;
        font-weight: 600;
        line-height: 23px;
        letter-spacing: 0em;
        text-align: center;
        position: relative;
        left: 0px;
        display: block;
        padding-right: 0px;
        margin-top: 20px;
    }

    .cross-plateform-left h2 {
        padding-top: 20px;
        font-family: Poppins;
        font-size: 35px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 40px;
    }

    .cross-plateform-banner-div {
        display: flex;
        flex-direction: column-reverse;
    }
    .cross-plateform-banner-section {
        padding: 86px 0px;       
        margin: 0 auto;
    }
 .cross-plateform-banner-section .container-fluid{ max-width: 400px;}
    .cross-plateform-left p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        margin-bottom: 40px;
        max-width: 750px;
        width: 100%;
    }

    .cross-plateform-left{
        text-align: center;
    }

    .cross-plateform-development-service-heading h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        text-transform: capitalize;
        margin-bottom: 20px;
    }

    .cross-plateform-development-section {
        padding: 20px 0px;
        max-width: 400px;
        margin: 0 auto;
    }

    .Xamarin-service, .Cordova-Phonegap, .Ionic-Framework, .React-Native {
        padding: 20px;
        width: 100%;
        height: auto;
        border-left: 4px solid #527ffc;
        border-top: 2px solid #7A7979;
        border-right: 2px solid #7A7979;
        border-bottom: 2px solid #7A7979;
        margin-bottom: 40px;
    }

    .cross-plateform-estimate-heading h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 20px;
    }

    .cross-plateform-app-tech-heading h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 20px;
    }


    .ios-commit-cont {
        background: #000;
        padding-top: 20px;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }


    .cross-plateform-estimate-heading {
        max-width: 400px;
        margin: 0 auto;
        text-align: center;
    }


    .cross-plateform-superior-app-tech {
        max-width: 400px;
        padding: 40px 0px;
        margin: 0 auto;
    }


.ios-commit-heading{
    max-width: 500px;
    margin:0 auto;
}

  
}

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


    .cross-plateform-banner-section {
        padding: 40px 0px;
        max-width: 500px;
        margin: 0 auto;
    }

    .cross-plateform-development-section {
        padding: 20px 0px;
        max-width: 600px;
        margin: 0 auto;
    }

    .Xamarin-service, .Cordova-Phonegap, .Ionic-Framework, .React-Native {
        padding: 20px;
        width: 75%;
        height: auto;
        border-left: 4px solid #527ffc;
        border-top: 2px solid #7A7979;
        border-right: 2px solid #7A7979;
        border-bottom: 2px solid #7A7979;
        margin-bottom: 40px!important;
        margin: 0 auto;
    }

    .cross-plateform-estimate-heading {
        max-width: 600px;
        margin: 0 auto;
        text-align: center;
    }


    .cross-plateform-superior-app-tech {
        max-width: 600px;
        padding: 40px 0px;
        margin: 0 auto;
    }


}

@media screen and  (min-width:992px) and (max-width:1400px){


    .service-tech:after {
        content: '';
        display: block;
        position: absolute;
        background: #C9C6C6;
       max-width: 1400px;
        height: 2px;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: 0px;
        width:100%;
    }

    .ios-commit-right p {
        max-width: 100%;
    }

    .ios-commit-right h2 {
        width: 100%;
        font-size: 22px!important;
        line-height: 33px!important;
        font-family: 'Roboto', sans-serif;
    }

    .ios-commit-heading h2 {
        font-size: 55px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 65px;
        text-align: center!important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }

    .ios-commit-left {
        padding-right:0px;
        float: none;
        color: #fff;
    }

    .cross-plateform-app-tech-heading:after {
        content: '';
        display: block;
        position: absolute;
        background: #C9C6C6;
        max-width: 1400px;
        height: 2px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 300px;
        width:100%
    }

    .cross-plateform-banner-section {
        padding: 40px 20px;       
        margin: 0 auto;
    }
    
    .cross-plateform-left h2 {
        padding-top: 20px;
        font-family: Poppins;
        font-size: 35px;
        font-weight: 700;
        line-height: 54px;
        letter-spacing: 0em;
        text-align: left;
        color: #000;
        margin-bottom: 20px;
    }


    .cross-plateform-left p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: left;
        color: #403F3F;
        margin-bottom: 20px;
        max-width: 750px;
        width: 100%;
    }

    .cross-plateform-development-service-heading h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 65px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        text-transform: capitalize;
        margin-bottom: 20px;
    }

    .cross-plateform-development-service-heading p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
    }


    .Xamarin-service, .Cordova-Phonegap, .Ionic-Framework, .React-Native {
        padding: 20px;
        width: 250px;
        height: auto;
        border-left: 4px solid #527ffc;
        border-top: 2px solid #7A7979;
        border-right: 2px solid #7A7979;
        border-bottom: 2px solid #7A7979;
    }

    .cross-plateform-estimate-heading h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 65px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 20px;
    }

    .cross-plateform-estimate-heading p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #585858;
    }

    .cross-plateform-app-tech-heading h2 {
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        line-height: 65px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 20px;
    }

    .cross-plateform-app-tech-heading p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
    }

    .cross-plateform-app-tech-heading:after {
        content: '';
        display: block;
        position: absolute;
        background: #C9C6C6;
        max-width: 1400px;
        height: 2px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 248px!important;
        width: 100%;
    }


    .tech-plateform-list h3 {
        font-family: Poppins;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: left;
        color: #000;
        padding-top: 6px;
    }

    .tech-plateform-list p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: left;
        color: #403F3F;
    }

    .tech-plateform-list p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: left;
        color: #403F3F;
		padding-left:40px;
    }   

.tech-plateform-list-heading {
    width: 100%;
    max-width: 99px;
    display: block;
}
    .service-tech:before {
        content: '';
        display: block;
        position: absolute;
        background: #C9C6C6;
        width: 2px;
        height: 978px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 33px;
    }   

    .cross-plateform-tech-list {
        max-width: 500px;
        width: 100%;
    }

    .ios-commit-heading h2 {
        font-size: 35px;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        color: #000;
        line-height: 65px;
        text-align: center!important;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        color: #fff;
    }
    .ios-commit-heading p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        margin-bottom: 80px;
    }

}


.ios-commit-box .ios-commit-left h2{
	color:#fff;
}

.ios-commit-box .ios-commit-left p{
	color:#fff;
}


.ios-commit-box .ios-commit-right h2{
	color:#fff;
}

.ios-commit-box .ios-commit-right p{
	color:#fff;
}


.Xamarin-service h3{
	    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}
	
}

.cross-plateform-superior-app-tech .row{
	width:100%;
	max-width:100%;
	margin:0 auto;
}




/***************************mouse-cursor*****************************/
#ball {
  width: 20px;
  height: 20px;
  background-color: #fff;
	border:2px solid #527ffc;
  border-radius: 50%;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 999;
}


/****************************************************/


.quote-text {
    position: absolute;
    top: -66px;
    left: -90px;
    height: 70px!important;
}

@media screen and (min-width:571px) and (max-width:991px){
	#ball{
		display:none!important;
	}
	
.page-template-homepage .row.align-items-center.position-unset {
    display: flex;
    flex-direction: column-reverse;
}	
	
	.read-reviews {
		font-size:45px!important;
		padding-bottom:30px;
	}
	
	
.section-main {
    padding-top: 50px;
    padding-bottom: 0px!important;
}	
	
	.video-edit{
		margin-top:60px;
	}	
	
}


@media screen and (max-width:1200px){
	.page-template-homepage .row.align-items-center.position-unset {
    display: flex;
    flex-direction: column-reverse;
}	
}

@media screen and (min-width:1250px) {
	
	.hppy-client-title {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-size: 75px!important;
    line-height: 80px!important;
    padding-left: 70px;
}
	
}


@media screen and (min-width:992px) and (max-width:1800px) {
	
		.php-development-commit-left img{
	max-width:70%;
		width:100%;
	}		
	
	.php-development-commit-right img{
	max-width:70%;
		width:100%;
	}	
	
	.php-development-commit-right ul {
    display: flex;
    list-style: none;
	margin-left:0px;
	padding-left: 0px;
}
	
.php-development-commit-left ul {
		margin-left:0px;
    display: flex;
    list-style: none;
    padding-left: 0px;
		
}
	
	.php-development-commit-left p{
		font-size:18px;
	}
	.php-development-commit-right p{
		font-size:18px;
	}
	
	
	
	.php-development-commit-heading p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 60px;
}
	
	.php-development-commit-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 30px;
    text-align: center!important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;
}
	
	
	.php-development-services-list {
    display: flex;
    justify-content: center;
    padding-left: 0px;
   
}
	
	.Open-Source-Solutions, .Ecommerce-Development, .CMS-Development, .Laravel-Development {
	 padding: 20px;
    max-width: 348px;
		width:100%;		
    height: 372px;

}
	
	.php-development-service-heading p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    margin-top: 30px;
}
	
	.php-development-service-section{
		max-width:1350px;
		margin:0 auto;
	}
	
	.php-development-service-heading h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}
	
	.php-development-banner-section {
    padding: 80px 0px;
    max-width: 1350px;
    margin: 0 auto;
}
	
	.php-development-left p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    margin-bottom: 50px;
}
	
.page-template-cross-plateform	.tech-plateform-list h3 {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    padding-top: 6px;
}
	
.page-template-cross-plateform	.tech-plateform-list p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
}
	
	.cross-plateform-app-tech-heading:after {
    content: '';
    display: block;
    position: absolute;
    background: #C9C6C6;
    max-width: 1400px;
    height: 2px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 197px;
    width: 100%;
}
	
	.cross-plateform-app-tech-heading p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
}
	
	.cross-plateform-app-tech-heading h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 30px;
}
	
	
	.cross-plateform-estimate-heading p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #585858;
}
	.cross-plateform-estimate-heading h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 30px;
}
	
	.Xamarin-service, .Cordova-Phonegap, .Ionic-Framework, .React-Native {
    padding: 20px;
    width: 348px;
    height: auto;
    border-left: 4px solid #527ffc;
    border-top: 2px solid #7A7979;
    border-right: 2px solid #7A7979;
    border-bottom: 2px solid #7A7979;
}
	
	
.page-template-cross-plateform	.cross-plateform-development-service-heading .cross-plateform-services-list p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
}
	
.page-template-cross-plateform	.cross-plateform-development-service-heading .cross-plateform-services-list p {
	text-align:left;
	}	
	
.page-template-cross-plateform	.cross-plateform-development-service-heading h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 30px;
}
	
	.cross-plateform-banner-div{
		padding-top:50px;
	}
	
.page-template-cross-plateform	.cross-plateform-left p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    margin-bottom: 40px;
    max-width: 750px;
    width: 100%;
}
	
.page-template-cross-plateform	.cross-plateform-left h2 {
    padding-top: 20px;
    font-family: Poppins;
    font-size: 40px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 15px;
}
	
	.ios-commit-heading p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
}
.ios-commit-heading p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
}	
	
.ios-commit-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 30px;
    text-align: center!important;
    max-width: 900px;
	width:100%;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;
}	
	
.page-template-android_app_development .project-row h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 55%;
    margin: 0 auto;
    margin-bottom: 40px;
}
	
.page-template-android_app_development .slider-sec-right img {
    width: 75%;
    float: right;
    margin-top: 30px;
}
	
	.page-template-web_development	.commit-right ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
}
	
.page-template-web_development	.commit-left ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
}
	
.page-template-web_development .commit-left img{
		max-width:80%;
	}
	
	.page-template-web_development .commit-right img{
		max-width:80%;
	}
	
.page-template-web_development .commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;
}
	
.page-template-web_development	.commit-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 65px;
    text-align: center!important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;
}
	
.page-template-web_development	.commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 80px;
    margin-top: 40px;
}
	
	
.page-template-web_development	.card.rev-crd{
		height:auto!important;
	}
	
	.page-template-web_development	.sl-sec{
		max-width:1400px;
		margin:0 auto;
	}
	
.page-template-web_development	.panel {
    padding: 20px 18px!important;
    display: none;
    background-color: white;
    overflow: hidden;
    width: 65%!important;
    margin: 0 auto;
    text-align: center;
    position: relative;
    left: 56px;
    transition: max-height 0.2s ease-out;
}
	
.page-template-web_development	.sl-sec p {
    margin-bottom: 50px!important;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 65%;
    margin: 0 auto;
}
	
	
.page-template-web_development	.sl-sec h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 30px;
}
	
	
.page-template-web_development	.tech-part-sec p {
    margin-bottom: 40px;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 65%;
    margin: 0 auto;
	margin-bottom:40px!important;
}
	
.page-template-web_development	.tech-part-sec h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 30px;
}
	
.page-template-web_development	.kn-button {
    width: 207px;
    height: 57px;
    background: #527ffc;
    text-transform: capitalize;
    font-size: 20px;
    font-family: Raleway;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 7px;
    margin-top: 50px;
}
	
.page-template-web_development	.knx-sec p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 66%;
    margin: 0 auto;
}
	
.page-template-web_development	.knx-sec h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 75%;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 25px;
}
	
.page-template-web_development	.service-sec p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 65%;
    margin: 0 auto;
}
	
.page-template-web_development	.service-sec {
     padding-top: 40px;
    padding-bottom: 40px;
}
	
	
.page-template-web_development	.slider-button {
    background: #527ffc;
    color: #fff;
    width: 225px;
    height: 57px;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    border: none;
    border-radius: 7px;
}
	
	
.page-template-web_development	.slider-sec-left {
    padding-top: 0px;
    padding-left: 0px;
}	
	.row.slider-row.web-development-slider-row {
    padding-top: 80px!important;
    padding-bottom: 0px!important;
}	
	
.page-template-web_development	.slider-right img {
    width: 64%;
    margin-top: 80px;
    margin-left: 50px;
}
		
.page-template-web_development	.service-sec h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    width: 75%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
}
	
.page-template-web_development	.slider-sec-left h2 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
    margin-top: 80px;
}
	
.page-template-software_devlopment	.service-1 {
    padding-top: 15px;
    margin-bottom: 40px;
    width: 473px;
    height: 252px;
    border: 2px solid #7A7979;
}
	
.page-template-software_devlopment	.hire-section {
    position: absolute;
    padding-top: 100px;
    text-align: center;   
}
	
.page-template-software_devlopment	.md-sec p {
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    margin: 0 auto;
    width: 65%;
    max-width: 100%;
    color: #403F3F;
}
	
.page-template-software_devlopment	.md-sec h2 {
    width: 100%;
    margin: 0 auto;
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 30px;
}
	
	
	
.page-template-software_devlopment	.commit-left ul li {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
}
	
	.page-template-software_devlopment	.commit-right ul li {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
}
	
.page-template-software_devlopment	.commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 40px;
    margin-top: 40px;
}
	
.page-template-software_devlopment	.commit-left img{
		max-width:80%;
		width:100%;
	}
	
	
.page-template-software_devlopment	.commit-right img{
		max-width:80%;
		width:100%;
	}	
	
.page-template-software_devlopment	.commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;
}
	
	
.page-template-software_devlopment .commit-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 30px;
    text-align: center!important;
    max-width: 900px;
	width:100%;
    margin: 0 auto;
    margin-bottom: 30px;
    color: #fff;
}
	
.page-template-software_devlopment	.mobile_box p {
    color: #fff;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
}
	
	
.page-template-software_devlopment .web_box p {
    color: #fff;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
}
	
.page-template-software_devlopment .outsourcing-sec {
    padding-top: 40px;
    padding-bottom: 40px;
}
	
.page-template-software_devlopment	.outsourcing-sec p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    width: 62%;
    max-width: 100%;
    margin: 0 auto;
    color: #403F3F;
}
	
.page-template-software_devlopment	.outsourcing-sec h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 30px;
}
	
	.software-development .hire-button {
    position: relative;
    z-index: 2;
    background-color: #527ffc;
    width: 227px;
    height: 57px;
    font-size: 18px;
    font-family: Raleway;
    color: #fff;
    text-transform: capitalize;
    border-radius: 5px;
    border: none;
    margin-top: -21px;
    font-weight: 700;
}
	
.page-template-software_devlopment	.hire-section p {
    margin-bottom: 30px;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
	
.page-template-software_devlopment	.hire-section h2 {
    margin-bottom: 30px;
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
}
	
.page-template-software_devlopment .service-cont {
    padding-bottom: 40px!important;
	padding-top:40px;
}
	
.software-development-row .md-sec p {
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    margin: 0 auto;
    width: 65%;
    max-width: 100%;
    color: #403F3F;
}
	
.software-development-row	.md-sec h2 {
    width: 100%;
    margin: 0 auto;
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 30px;
}
	
	.software-development-row .slider-btn {
    width: 212px;
    height: 57px;
    list-style: 23px;
    background: #527ffc;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    border-radius: 7px;
    border: none;
}
	
.page-template-software_devlopment	.slider-heading h2 {
    width: 100%;
    line-height: 55px;
    font-size: 40px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    max-width: 498px;
}
	
	
.page-template-Mobile_app_development .commit-right ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
}	
	
.page-template-Mobile_app_development .commit-left ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
}
	
.page-template-Mobile_app_development	.commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 80px;
    margin-top: 0px;
}
	.page-template-Mobile_app_development	.commit-right img{
		max-width:80%;
	}
	
	.page-template-Mobile_app_development	.commit-left img{
		max-width:80%;
	}	
	
	
.page-template-Mobile_app_development	.commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    max-width: 1055px;
	width:100%;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;
}
	
.page-template-Mobile_app_development .commit-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 30px;
    text-align: center!important;
    max-width: 900px;
	width:100%;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;
}
	
.page-template-Mobile_app_development	.row.tech-row{
		max-width:1350px;
		margin: 0 auto!important;
		
	}
	
.page-template-Mobile_app_development	.tech-row .card.tech-card {
    box-shadow: 0px 0px 8px -2px;
    border: 2px solid #527ffc!important;
    margin-bottom: 70px!important;
    padding-top: 15px!important;
    width: 100%;
    height: 285px!important;
	max-width:348px!important;
}
	
.page-template-Mobile_app_development .technology-sec p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    width: 62%;
    max-width: 100%;
    margin: 0 auto;
    color: #403F3F;
}
	
.page-template-Mobile_app_development	.technology-sec h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 30px;
}
	
	
.page-template-Mobile_app_development	.hiring-row {
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/04/hr_img-1.png);
    width: 100%;
    height: 500px!important;
    background-repeat: no-repeat;
    background-size: cover;
}
	
.page-template-Mobile_app_development	.hire-section p {
    margin-bottom: 30px!important;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
	
	
.page-template-Mobile_app_development	.hire-section h2 {
    margin-bottom: 10px;
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
	margin-bottom:40px;
}
	
.page-template-Mobile_app_development .service-1 {
    padding-top: 15px;
    margin-bottom: 40px;
    width: 473px;
    height: 252px;
    border: 2px solid #7A7979;
}
	
.page-template-Mobile_app_development	.service-cont {
    padding-bottom: 40px!important;
}
	
.page-template-Mobile_app_development	.service-row{
		padding-bottom:0px!important;
	}
	
.page-template-Mobile_app_development	.md-sec p {
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    margin: 0 auto;
    width: 65%;
    max-width: 100%;
    color: #403F3F;
}
	
.page-template-Mobile_app_development .md-sec h2 {
    width: 100%;
    margin: 0 auto;
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 30px;
}
	
	
	
.page-template-Mobile_app_development	.mobile-app-banner-row .slider-btn {
    width: 214px;
    height: 63px;
    background: #527ffc;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    border-radius: 7px;
    border: none;
}
	
	
	.page-template-Mobile_app_development .slider-heading{
		padding-top:40px;
	}
	
	
	
.page-template-Mobile_app_development .slider-img img {
    width: 100%;
    height: auto;
    max-width: 480px;
}
		
	
.page-template-IT_Consulting-1	.row.hiring-row{
		padding-top:40px;
		padding-bottom:40px;
	}
	
.page-template-IT_Consulting-1	.commit-left ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
}
	
	.page-template-IT_Consulting-1	.commit-right ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
}
	
.page-template-IT_Consulting-1	.commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 80px;
}
	
.page-template-IT_Consulting-1	.commit-right img{
		max-width:80%;
	}
	
.page-template-IT_Consulting-1	.commit-left img{
		max-width:80%;
	}	
	
.page-template-IT_Consulting-1	.commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;
}
	
.page-template-IT_Consulting-1 	.commit-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 30px;
    text-align: center!important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;
	}
.page-template-IT_Consulting-1 .hiring-right img {
    width: 28px;
    height: 29px;
    float: left;
    margin-bottom: 50px;
    margin-right: 20px;
    margin-top: 8px;
}

.page-template-IT_Consulting-1 .hiring-left img {
    width: 28px;
    height: 29px;
    float: left;
    margin-bottom: 50px;
    margin-right: 20px;
    margin-top: 8px;
}
		
	.page-template-IT_Consulting-1	.hiring-left p{
		font-size:18px;
		line-height:30px;
	}
	
		.page-template-IT_Consulting-1	.hiring-right p{
		font-size:18px;
		line-height:30px;
	}
	
.page-template-IT_Consulting-1 .hiring-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 30px;
    text-align: center !important;
    max-width: 900px;
    width:100%;
	margin: 0 auto;
    margin-bottom: 35px;
    color: #fff;
}
	
.page-template-IT_Consulting-1	.engagement-models p {
    padding-top: 5px;
    width: 100%;
    color: #403F3F;
    font-size: 18px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}
	
.page-template-IT_Consulting-1 .cloud-solution p {
    padding-top: 5px;
    width: 100%;
    color: #403F3F;
    font-size: 18px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}
	
	
.page-template-IT_Consulting-1 .managed-solution p {
    padding-top: 5px;
    width: 100%;
    color: #403F3F;
    font-size: 18px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}
	
.page-template-IT_Consulting-1	.product-solution p {
    padding-top: 5px;
    width: 100%;
    color: #403F3F;
    font-size: 18px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}
	
	.page-template-IT_Consulting-1	.slider-heading{
		padding-top:50px;
	}
	
.page-template-IT_Consulting-1	.slider-img img {
    width: 100%;
    height: auto;
    max-width: 475px;
}
	
	.page-template-IT_Consulting-1	.row.consulting-row.slider-row{
		padding-top:80px!important;
		padding-bottom:40px!important;
	}
	
	.page-template-IT_Consulting-1 .mid-sec	.md-para{
		font-size:18px!important;
		line-height:30px!important;
		margin-bottom:50px!important;
	}
	
	
.page-template-IT_Consulting-1 .mid-sec .md-heading{
		font-size:40px!important;
	}
	
	
	.page-template-graphic-design .hiring-right p{
		font-size:18px;
	}
	
	.page-template-graphic-design .hiring-left p{
		font-size:18px;
	}
	
	.page-template-graphic-design .graphic-commit-left ul li {
    margin-bottom: 40px!important;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 15px;
}
	
.page-template-graphic-design .graphic-commit-right ul li {
    margin-bottom: 40px!important;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 15px;
}
	
.page-template-graphic-design .graphic-commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 80px;
    margin-top: 0px;
}
	
.page-template-graphic-design .graphic-commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;
}
	

.page-template-graphic-design .graphic-commit-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 30px;
    text-align: center !important;
    max-width: 900px;
	width:100%;
    margin: 0 auto;
    margin-bottom: 30px;
    color: #fff;
}
	
.page-template-graphic-design .service-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Poppins';
    color: #000;
    line-height: 30px;
    text-align: center !important;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 100%;
}
	
	
.page-template-graphic-design .hiring-row {
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/04/hr_img-1.png);
    width: 100%;
    height: auto!important;
    background-repeat: no-repeat;
    background-size: cover;
	padding-top:40px;
	padding-bottom:40px;
}
	
.page-template-graphic-design .hiring-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 30px;
    text-align: center !important;
    max-width: 900px;
	width:100%;
    margin: 0 auto;
    margin-bottom: 30px;
    color: #fff;
}
	
	.page-template-graphic-design .tech-img9{
		width:88px!important;
		height:88px!important;
	}
	
	.page-template-graphic-design .tech-img8{
		width:88px!important;
		height:88px!important;
	}
	
	.page-template-graphic-design .tech-img7{
		width:88px!important;
		height:88px!important;
	}
	
	.page-template-graphic-design .tech-img6{
		width:88px!important;
		height:88px!important;
	}
	
	.page-template-graphic-design .tech-img5{
		width:88px!important;
		height:88px!important;
	}
	
	.page-template-graphic-design .tech-img4{
		width:88px!important;
		height:88px!important;
	}
	
	.page-template-graphic-design .tech-img3{
		width:88px!important;
		height:88px!important;
	}
	
	
	.page-template-graphic-design .tech-img2{
		width:88px!important;
		height:88px!important;
	}
	
	
.page-template-graphic-design .tech-img1{
		width:88px!important;
		height:88px!important;
	}
	
.page-template-graphic-design .tech-con {
    padding-top: 40px;
    padding-bottom: 40px;
}
	
.page-template-graphic-design .tech-partner h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 30px;
    text-align: center !important;
    margin: 0 auto;
    margin-bottom: 30px;
}
	
.page-template-graphic-design .mid-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 55px;
    text-align: center !important;
    width: 100%;
    margin: 0 auto;
}
	
.page-template-graphic-design .slider-heading{
		padding-top:20px;
	}
	
.page-template-graphic-design .slider-btn {
    width: 207px;
    height: 57px;
    list-style: 23px;
    background: #527ffc;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    border-radius: 7px;
    border: none;
}
	
.page-template-graphic-design .slider-heading h2 {
    width: 100%;
    line-height: 55px;
    font-size: 40px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}
	
.page-template-our-process-new	.our-process-commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    width: 1055px;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;
}
	
	
.page-template-our-process-new	.our-process-commit-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 30px;
    text-align: center !important;
   	max-width: 900px;
	width:100%;	
    margin: 0 auto;
    margin-bottom: 30px;
    color: #fff;
}
	
	
	.delivery-model {
    width: 100%;
    max-width: 488px;
    height: auto;
    box-shadow: 0px 0px 16px -6px;
    border-top: 10px solid #527ffc;
    padding-top: 20px;
    padding-right: 20px!important;
    margin-right: 20px;
		padding-left:20px!important;
}
	
.page-template-our-process-new	.delivery-model-sub-list  li {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    text-align: left;
}
	
.page-template-our-process-new .pricing-model-sub-list li {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    text-align: left;
}
	
.page-template-our-process-new	.pricing-model-list{
		padding-left:0px!important;
		margin-left:0px!important;
	}
	
	.page-template-our-process-new	.customizing-service-main-list{
		max-width:1300px;
		margin:0 auto;
		margin-top:40px!important;
	}
	
	.page-template-our-process-new .customizing-service-sec .customizing-service-main-list h2 {
    font-family: Raleway;
    font-size: 25px!important;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 0em;
    text-align:left;
    color: #000;
    margin-bottom: 50px;
    width: 100%;
    margin: 0 auto;
		margin-bottom: 20px!important;}
	
.page-template-our-process-new .customizing-service-sec p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}
	
.page-template-our-process-new	.customizing-service-sec h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align:center;
    color: #000;
    margin-bottom: 50px;
    width: 85%;
    margin: 0 auto;
	margin-bottom: 30px!important;} 
	
.page-template-our-process-new .business-project-define p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #585858;
    padding-bottom: 30px;
    max-width: 85%;
    width: 100%;
    margin: 0 auto;
}
	
.page-template-our-process-new .business-project-define h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    width: 100%;
    max-width: 85%;
    margin: 0 auto;
    margin-bottom: 30px!important;
}
	
	
	.page-template-our-process-new	.collab-process-ul .project-requirements h4{
		font-size:20px;
	}
	
	.page-template-our-process-new	.collab-process-ul .project-discuss h4{
		font-size:20px;
	}
	
	.page-template-our-process-new	.collab-process-ul .securely-pay h4{
		font-size:20px;
	}
	
	.page-template-our-process-new	.collab-process-ul .engagement-terms h4{
		font-size:20px;
	}
	
	.page-template-our-process-new	.collab-process-ul .project-requirements img{
		width:100%;
		max-width:70px;
		height:auto;
	}
	
		
	.page-template-our-process-new	.collab-process-ul .project-discuss img{
		width:100%;
		max-width:70px;
		height:auto;
	}
	
	
	.page-template-our-process-new	.collab-process-ul .securely-pay img{
		width:100%;
		max-width:70px;
		height:auto;
	}
	
	.page-template-our-process-new	.collab-process-ul .engagement-terms img{
		width:100%;
		max-width:70px;
		height:auto;
	}
.page-template-our-process-new	.process-section-heading p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align:left;
    color: #403F3F;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}
	
.page-template-our-process-new	.process-section-heading h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    max-width: 95%;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px!important;
}
	
.page-template-our-process-new	.our-process-banner-section-left {
    padding-top: 100px;
    padding-left: 120px;
}
	
.page-template-our-process-new	.our-process-banner-section-right img {
    width: 95%;
    height: auto;
    max-width: 520px;
    float: right;
    padding-right: 0px;
}
	
.page-template-our-process-new	.our-process-banner-section-left p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-bottom: 30px;
    width: 100%;
    max-width: 80%;
}

	
.page-template-our-process-new	.our-process-banner-section-left h2 {
     font-family: Poppins;
    font-size: 55px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: #527ffc;
    margin-bottom: 20px;
}
	
	
	.page-template-quality-management-1	.quality-commit-right ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
}
	
.page-template-quality-management-1	.quality-commit-left ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
}
	
.page-template-quality-management-1	.quality-commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 80px;
    margin-top: 40px;
}
	
.page-template-quality-management-1	.quality-commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    max-width: 1055px;
		width:100%;
    margin: 0 auto;
    padding-bottom: 50px;
    color: #fff;
}
	
.page-template-quality-management-1	.quality-commit-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 30px;
    text-align: center !important;
    max-width: 900px;
		width:100%;
    margin: 0 auto;
    margin-bottom: 30px;
    color: #fff;
}
	
.page-template-quality-management-1	.quality-service-ben-sec {
    padding-top: 40px;
    padding-bottom: 40px;
}
	
.page-template-quality-management-1	.quality-service-ben-sec h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}
	
.page-template-quality-management-1	 .quality-technical-support p {
    font-family: Raleway;
    font-size: 22px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #7A7979;
}
	
.page-template-quality-management-1	.quality-technical-support img {
    width: 20%;
    height: auto;
    margin-bottom: 20px;
}
	
.page-template-quality-management-1	 .quality-mg-details h2 {
    font-family:'Satisfy', cursive;
    font-size: 50px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 40px;
}
	
.page-template-quality-management-1	.quality-management-about p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 80%;
    margin: 0 auto;
}
	
.page-template-quality-management-1 .quality-management-about h2 {
    font-family: Raleway;
    font-size: 35px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 18px!important;
}
	
.page-template-quality-management-1	.quality-banner-left p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    width: 85%;
}
	
.page-template-quality-management-1	.quality-banner-left h2 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 30px;
	margin-top:-55px;
}
	
	
.page-template-engagement-models-1	.eng-commit-left ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
}
	
	.page-template-engagement-models-1	.eng-commit-right ul li {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
}
	
	
.page-template-engagement-models-1	.expertise-sec-heading {
    padding-top: 40px!important;
		padding-bottom:40px!important;
}
	
	.eng-commit-left p {
		width:100%;
   max-width: 407px;
    font-size: 15px !important;
    line-height: 23px !important;
    float: right;
    color: #fff;
}
	
	
	.eng-commit-left h2 {
    width: 100%;
    font-size: 22px !important;
    line-height: 33px !important;
    font-family: 'Roboto', sans-serif;
    color: #fff;
}
	.eng-commit-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 65px;
    color: #fff;
}
	.eng-commit-heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: #000;
    line-height: 30px;
    text-align: center !important;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #fff;
}
	
	.page-template-engagement-models-1	.ex-sec-right ul li {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 15px;
}
	
.page-template-engagement-models-1	.ex-sec-left ul li {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 15px;
}
	
.page-template-engagement-models-1	.expertise-sec-heading p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    width: 70%;
    margin: 0 auto;
}
	
.page-template-engagement-models-1	.expertise-sec-heading h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 30px;
}
	.page-template-engagement-models-1	.pricing-model-sec ul li {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

	.page-template-engagement-models-1	.delivery-model-sec ul li {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}
	
	.page-template-engagement-models-1	.Dedicated-Team-Model-sec h2 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}
	
.page-template-engagement-models-1	.Dedicated-Team-Model-sec p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}	
	
	
	
	
.page-template-engagement-models-1	.pricing-model-sec p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}	
	
	
	
.page-template-engagement-models-1	.pricing-model-sec h2 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}
		
	
.page-template-engagement-models-1	.delivery-model-sec h2 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}
	
.page-template-engagement-models-1	.delivery-model-sec p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}
	
	
.page-template-engagement-models-1	.slider-row {
    padding-top: 0px;
    padding-left: 75px;
    padding-right: 75px;
    padding-bottom: 40px;
}
	.trusted-partner-heading p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 85%;
    margin: 0 auto;
}
	.trusted-partner-heading h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 50px;
}
	
	.eng-slider-sec-left h2 {
    font-family: Poppins;
    font-size: 40px!important;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 20px;
}
	.eng-slider-sec-left p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    width: 75%;
    margin-bottom: 30px;
}
	
	
	
	
	
	
	.hire-button {
    position: relative;
    z-index: 2;
    background-color: #527ffc;
    width: 207px;
    height: 57px;
    font-size: 18px;
    font-family: Raleway;
    color: #fff;
    text-transform: capitalize;
    border-radius: 5px;
    border: none;
    margin-top: 50px;
    font-weight: 700;
}
	
.page-template-graphic-design .service-1	{
		margin-bottom:0px!important;
	}

	.row.slider-row.web-development-slider-row{
		padding-top:0px!important;
		padding-bottom:0px!important;
		
	}
	
		.graphic-commit-left ul li img {	   
		max-width: 272px!important;
		height: auto!important;
	}
	
		.graphic-commit-right ul li img {	   
			max-width: 272px!important;}
		
.page-template-IT_Consulting-1	.slider-btn {
    width: 207px;
    height: 57px;
    list-style: 23px;
    background: #527ffc;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    border-radius: 7px;
    border: none;
}
	
	
.page-template-php-development-1 .advantage-con{
		padding-top:80px;
		padding-bottom:80px;
	margin-bottom:40px;
	}
	
	.key-php-development.advantage-section{
padding-top:80px!important;}
	
	
	
	#ball{
		display:none;
	}
	.video-edit{
		width:60%;
	}	
	
	.hppy-client-title {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 80px;
	padding-left:70px;
}
	
.quote-text {
    position: absolute;
    top: -66px;
    left: 0px;
    height: 70px!important;
}	

.section-main {
    padding-top: 50px;
    padding-bottom: 40px;
}	
	
	.domain-expertise{
		padding-bottom:40px;
		
	}	
	
	.section-counter {
    padding: 40px 0;
}
	
.page-template-engagement-models-1 .trusted-partner-heading {
    padding-top: 40px;
    padding-bottom: 80px;
}	
	
.page-template-engagement-models-1 .eng-commit-cont {
    background: #000;
    padding-top: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 80px;
    margin-top: 40px;
}
	
	
.page-template-IOSAppDevelopment .advantage-section {
    padding-top: 0px!important;
}	
	
.feature-driven-ios-process {
    padding: 40px 40px;
}	
	
	
	
}

@media screen and (min-width:1580px){
.read-wider-span {
    background: #527ffc;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: right!important;
    color: #fff!important;
    display: block;
    max-width: 463px;
    width: 100%;
    height: 25px;
    position: relative;
    right: 0;
    text-align: center;
    padding-right: 20px;
    display: block;
	left:-198px;
}	
	
	

}

@media screen and (min-width:1401px){
	
    .cross-plateform-banner-section {
     padding: 90px 80px 80px 80px;
    max-width: 100%;
    margin: 0 auto;
    }
  	
	
}



.page-template-IOSAppDevelopment .advantage-con {
    background: #EBEBEB;
    padding-top: 0px!important;
    padding-left: 100px!important;
    padding-right: 100px!important;
    padding-bottom: 80px;
}
	
	
.page-template-blog .card-img-top{
	width:100%!important;
	height:auto!important;
	}

@media screen and (min-width:1201px) and (max-width:1599px){
	
	
	
	
	
.quality-tag {
    width: 100%;
    position: absolute;
    padding-left: 52px;
    background-color: #4472e3;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    margin-left: -1px;
    font-size: 18px;
    left: -1017px;
}

}




.domain-expertise {
   padding-bottom:40px!important;
}

.review-section {
    background: #527ffc;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}








.page-template-android_app_development .container-fluid.advantage-con .advantage-section {
    padding-top: 0px!important;
}	

.page-template-android_app_development.advantage-section h2 {
    font-family: Raleway;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 0px;
}

.ios-sp{
	color:#527ffc;
}

.php-development-sp{
	color:#527ffc;
}

.page-template-php-development-1 .advantage-con{
	padding-top:0px!important;
}

.page-template-php-development-1 .advantage-section h2{
	margin-bottom:30px!important;
}


.page-template-Mobile_app_development .service-cont {
    padding-top: 40px;
	padding-bottom:0px;
}

.page-template-Mobile_app_development .service-row {
    padding-bottom: 0px;
}

.page-template-Mobile_app_development .technology-sec {
    padding-top: 40px!important;
	padding-bottom:40px!important;
}



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

.read-reviews-slide-1{
	animation: 1s ease-out 0s 1 slideInLeft;align-content;
}


.blog-time{
padding-right:10px;


}
.blog-read-time{
	font-size:18px;
	font-weight:600;
	text-align:center;
}

.blog-author-name{
	float:left;
	font-size:18px;
	font-weight:600;
	text-align:center;
	
}

.blog-author-name img{max-width: 40px;
    height: auto;
	width:100%; 
	padding-right:10px;
}

.postid-4702 .blog_detail-template-default .entry-content .scope-ul {
    padding-left: 0px;
    padding-right: 0px;
    list-style: disc!important;
}

.comment-respond{
	margin-top:150px;
	width:100%;
	max-width:700px;
}

.comment-respond textarea{
	    border: none;
    box-shadow: 0px 0px 6px -2px #000;
    width: 100%;
    max-width: 700px;
}

.comment-respond input{
	border:none;
	box-shadow: 0px 0px 6px -2px #000;
}

.comment-respond .comment-form-author{
	max-width:700px;
	width:100%;
}

.comment-respond .comment-form-email{
	max-width:700px;
	width:100%;
}

.comment-respond .comment-form-url{
	max-width:700px;
	width:100%;
}

.comment-respond #author{
	height:40px;
	width:100%;
}

.comment-respond #email{
	height:40px;
	width:100%;
}

.comment-respond #url{
	height:40px;
	width:100%;
}

.comment-respond #reply-title{
	font-weight:500;
}


.form-submit input{
	box-shadow:none;
}


.form-submit .submit{
	background: #527ffc;
    color: #fff;
    padding: 20px 30px;
    border-radius: 30px;
	font-size:18px;
	font-weight:700;
}

.pagination a {
    display: block;
    width: 36px;
    height: 36px;
     border:none!important;
    color:#000;
    margin: 0 5px 0 0;
    text-align: center;
    background: #fff;
    line-height: 39px;
    box-shadow: 0px 0px 2px 0px #000!important;
}

.pagination .active{
	color:#fff!important;
	background: #527ffc!important;
}
.pagination a:hover {
    display: block;
    width: 36px;
    height: 36px;
     border:none!important;
    color:#fff;
    margin: 0 5px 0 0;
    text-align: center;
    background: #527ffc;
    line-height: 39px;
    box-shadow: 0px 0px 2px 0px #000!important;
}


.page-id-1742 .card.h-100:hover{	
    transform: translate(0,-6px);
}

.comment-respond .comment-form-cookies-consent label{
	font-size:16px!important;
}

.page-id-1742 .rt-reading-time{
	text-align:center;
	color:#527ffc!important;
	font-weight:700;
}


.page-id-1742 .title-tagline::before{
	display:none;
}

.page-id-1742 .title-tagline {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    font-family: "Inter";
    position: relative;
    padding-left: 0px;
	display:block;
	background:#527ffc!important;
	padding-right:20px;
	left:-73%;
	text-align:right;
	height:36px;	
	
}


.page-id-1742 .d-block.banner-title	{
    font-family: Poppins;
    font-size: 55px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-bottom: 50px;
}

.page-id-1742 .short-desc {   
	font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;	
}

.page-id-13 .rt-reading-time {
	display:none!important;
}

@media screen and (min-width:320px){
	.page-id-13 .rt-reading-time {
	display:none!important;
}

}

.single-blog_detail .rt-reading-time{
	padding-bottom:10px;
	color: #527ffc!important;	
}

.page-id-1742 .card.h-100{
	border:none!important;
	box-shadow:0px 0px 12px -6px #000;		
		
}

/***********************who-we-are**********************************/

.who-we-are-left h2 {
    display: block;
    font-family: Poppins;
    font-size: 52px;
    font-weight: 500;
    line-height: 78px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    position: relative;
    top: 30px;
    left: 85px;
    background: #fff;
    width: 334px;
    text-align: center;
}

.page-template-who-we-are1 .container-fluid {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}

.who-we-are-banner-section {
    padding: 40px 0px;
}

.who-we-are-banner-section p {
    display: block;
    padding: 20px;
    border: 2px solid #527ffc;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.who-we-are-left-li {
    font-family: Poppins;
    font-size: 27px;
    font-weight: 400;
    line-height: 41px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    border-bottom: 1px solid #403F3F;
    margin: 10px;
}

.who-we-are-left ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    padding-left: 0px;
	margin-left:0px;
}

.leadership-team-slider .slick-dots {
    position: absolute;
    bottom: -25px;
    display: flex;  
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
	justify-content:center;
}

.leadership-team-slider .slick-dots li button:before {
    font-family: 'slick';
    font-size: 23px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;

}

.leadership-team-slider  .slick-dots .slick-active  button:before{
    font-family: 'slick';
    font-size: 23px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    color:#527ffc!important;
}
	


.who-we-are-right-li {
    font-family: Roboto;
    font-size: 36px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    background: #527ffc;
    padding: 10px;
    margin: 10px;

}

.our-mission-list li{
    padding-right:20px;
}

.our-vision-list li{
    padding-right:20px;
}

.who-we-are-mission-vision-section .mission-vision-heading h2 {
    font-family: 'Raleway', sans-serif;    
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    padding-bottom: 40px;
}

.who-we-are-mission-vision-section .mission-vision-heading span {
    color: #527ffc;
}

.who-we-are-left span {
    color: #527ffc;
}

.who-we-are-mission-vision-left ul {
    list-style: none;
}

.our-mission-list {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.our-vision-list {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.who-we-are-mission-vision-left p {
    border: none;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;

}

.who-we-are-mission-vision-right img {
    width: 100%;
    height: auto;
}

.our-mission-list h2 {
    font-family: 'Raleway', sans-serif;
    ;
    font-size: 45px;
    font-weight: 600;
    line-height: 53px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.our-vision-list h2 {
    font-family: 'Raleway', sans-serif;
    ;
    font-size: 45px;
    font-weight: 600;
    line-height: 53px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.who-we-are-mission-vision-section {
    padding: 40px 0px;
}

.who-we-are-mission-vision-left ul {
    padding-left: 0px;
    margin-left: 0px;
}

.company-tour-box h2 {
    font-family: 'Raleway', sans-serif;
    ;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}

.company-tour-section {
    padding: 40px 0px;
}

.company-tour-box span {
    color: #527ffc;
}

.company-tour-box p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    padding-top: 40px;
}

.company-tour-box ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 20px 0px;
}

.company-tour-box ul img {
    width: 100%;
    height: auto;
    height: 350px;
}

.company-tour-box ul li {
    padding: 20px;
}

.our-core-value-box h2 {
    font-family: 'Raleway', sans-serif;
    ;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}

.our-core-value-box span {
    color: #527ffc;
}

.our-core-value-box p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

.our-core-value-box ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    padding-left: 0px;
    margin-left: 0px;
    justify-content: center;
}

.team-work,
.Partnership-with-clients,
.On-time-delivery,
.Investment,
.Exceptional-quality {
    width: 100%;
    max-width: 453px;
    min-height: 293px;
    height: auto;
    border: 2px solid #527ffc;
    margin: 10px;
    padding: 20px;
}


.our-core-value-box ul li ul li h3 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    padding-top: 10px;
}

.our-core-value-box ul li ul li p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    padding-top: 0px;

}

.our-core-value-box ul li ul li img {
    width: 100%;
    height: auto;
    max-width: 80px;
}

.core-value-ul {
    list-style: none !important;
    display: flex;
    flex-direction: column !important;
}

.who-we-are-description-left img {
    width: 100%;
    height: auto;
    max-width: 500px;
    position: relative;
    top: -103px;
}

.who-we-are-description-section {
    background-color: #000;
    height: 581px;
    margin-top: 100px;

}

.who-we-are-description-right p {
    color: #fff;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 100px;
}

.who-we-are-description-right h2 {
    font-family: Roboto;
    font-size: 28px;
    font-style: italic;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}

.who-we-are-description-right h3 {
    font-family: Roboto;
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #527ffc;

}

.leadership-team-div h2 {
    font-family: 'Raleway', sans-serif;
    ;
    font-size: 72px;
    font-weight: 700;
    line-height: 85px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}

.leadership-team-div span {
    color: #527ffc;
}

.leadership-team-section {
    padding: 80px 0px;

}

.leadership-team-div p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
}

.team-slider img {
    max-width: 300px;
    width: 100%;
    height: auto;
}

.team-slider {
    text-align: center;
}

.leadership-slide-1 ul li img {
    width: 100%;
    max-width: 450px;
    height: auto;

}

.leadership-slide-1>ul {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
   padding: 10px!important;
}

.leadership-slide-1 ul li {
    display: flex;
    flex-direction: row;
}


.leadership-slide-1 h2 {
    font-family: 'Raleway', sans-serif;
    ;
    font-size: 27px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin: 0 auto;
}


.leadership-slide-1 h3 {
    font-family: 'Raleway', sans-serif;
    ;
    font-size: 27px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin: 0 auto;
    padding-top: 10px;

}

.leadership-slide-1 {
    padding: 120px 0px;
}

.leadership-slide-1 span {
    display: block;
    background: #527ffc;
    max-width: 400px!important;
    height: 40px;
    width: 100%;  
    color: #fff;
    margin-top: 20px!important; 
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    line-height: 41px;
    font-weight: 700;
    margin-bottom: 20px!important;
    margin-right: 66px;
}

.leadership-slide-1 span h2 {
    font-family: 'Raleway', sans-serif;
    ;
    font-size: 40px;
    font-weight: 700;
    line-height: 62px;
    letter-spacing: 0em;
    text-align: right;
    color: #fff;
    padding-right: 30px;

}

.webnyxa-career-left h2 {
    font-family: 'Raleway', sans-serif;
    ;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.webnyxa-career-section {
    background: #D9D9D9;
    padding: 80px 0px;
}

.webnyxa-career-left p {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: #1E1E1E;

}

.career-button {
    width: 408px;
    height: 96px;
    background-color: #527ffc;
    border-radius: 6px;
    border: none;
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}

.webnyxa-career-right {
    padding-top: 40px;
    text-align: center;
}

.award-recognition h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 72px;
    font-weight: 700;
    line-height: 85px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}

.award-recognition span {
    color: #527ffc;
}

.award-recognition-section {
    padding: 80px 0px;
}

.award-recognition {
    padding-bottom: 80px;
}

.award-section-left h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 72px;
    font-weight: 400;
    line-height: 97px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
}

.award-section-left {
    background: #393939;

}

.award-recognition-section .container-fluid {
    max-width: 2000px;
    width: 100%;
}

.award-section-left {
    padding: 150px 0px;
}

.award-section-left span {
    font-weight: 700;
}

.award-section-right {
    background-color: #EDEDED;

}

.award-section-right ul {
    list-style: none;
    display: flex;
    flex-direction: row;
}

.award-section-right ul li img {
    max-width: 550px;
    width: 100%;
    height: auto;
}

.award-section-right {
    padding: 122px 0px;

}

.award-recognition-row {
    background-color: #EDEDED;
}

.award-1-img {
    margin-top: 95px;
}

.who-we-are-review-div h2 {
    font-family: Raleway;
    font-size: 72px;
    font-weight: 700;
    line-height: 85px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    padding-bottom: 80px;
}

.who-we-are-review-div span {
    color: #527ffc;
}

.upwork-review-1, .clutch-review{
    max-width: 1373px;
    width: 100%;
    height: 513px;
    box-shadow: 0px 4px 24px 0px #00000040;
    margin: 0 auto;
    padding: 80px 0px;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
}

.who-we-are-review {
    padding: 80px 0px;
}

.upwork-review-1-left , .clutch-review-1-left{
    max-width:600px;
    width:100%;
    height: 361px;
    border-right: 2px solid #527ffc;
}

.upwork-review-1-right, .clutch-review-1-right  {
    max-width:800px;
    width:100%;
    height: 361px;
    padding: 0px 20px;
   
}

.upwork-review-1>ul{
   list-style:none;
   display: flex;
   flex-direction: row;
   padding-left: 0px;
}

.upwork-review-1-left img{
width: 100%;
max-width: 292px;
height:auto;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

}

.clutch-review>ul{
    list-style: none;
    display: flex;
    flex-direction: row;
}

.clutch-review-1-left img{
    width: 100%;
    max-width: 292px;
    height:auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    }

.clutch-review-1-right ul{
    list-style: none;
}    


.upwork-review-1-right h4{
    font-family: Raleway;
font-size: 30px;
font-weight: 400;
line-height: 38px;
letter-spacing: 0em;
text-align: center;
color: #000;
}



.upwork-review-1-right p{
    font-family: Raleway;
font-size: 20px;
font-weight: 700;
line-height: 23px;
letter-spacing: 0em;
text-align: center;
color: #527ffc;
padding-top: 20px;

}

.upwork-review-1-right ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-left: 0px;
    padding:20px!important;
}

.slick-arrow{
    display: none!important ;
}

.leadership-slide-1-span{
    width:100%;
    max-width: 509px!important;
}

.leadership-slide-2-span{
    width:100%;
    max-width: 538px!important;
}

.leadership-slide-3-span{
    width:100%;
    max-width: 613px!important;
}

.leadership-slide-4-span{
    width:100%;
    max-width: 534px!important;
}

.upwork-review-1-right ul li img{
    margin: 0 auto;
}

.clutch-review-1-right h3{
    font-family: Raleway;
font-size: 30px;
font-weight: 400;
line-height: 38px;
letter-spacing: 0em;
text-align: center;
color: #000;
}

.clutch-review-1-right{
    text-align: center;
    margin: 0 auto;
}

.clutch-review-1-right img{
    margin: 0 auto;
    text-align: center;
}

.clutch-review-1-right h3{
    font-family: Raleway;
font-size: 30px;
font-weight: 400;
line-height: 38px;
letter-spacing: 0em;
text-align: center;
color: #000;
}

.clutch-review-1-right h4{
    font-family: Raleway;
    font-size: 25px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
color: #000;    
}

.clutch-review-1-right p{
    font-family: Raleway;
font-size: 20px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0em;
text-align: left;
color: #000;
}

.clutch-sub-menu-par-1 > p{
    font-family: Raleway;
font-size: 20px;
font-weight: 700;
line-height: 23px;
letter-spacing: 0em;
text-align: center;
color: #527ffc;
max-width: 400px;
width:100%;
margin: 0 auto;
}

.clutch-sub-menu {
    display: flex;
    flex-direction: row;
    list-style:none;
}

.clutch-sub-menu-par-1{
    border-right:2px solid #000;
}

.clutch-sub-menu-par-2 p{
    font-family: Raleway;
font-size: 20px;
font-weight: 600;
line-height: 23px;
letter-spacing: 0em;
text-align: center;
color: #000;
left:50%;
top:50%;
transform: translate(-50%, -50%);
position: relative;

}

.clutch-sub-menu-par-2 {
    padding-left: 20px;
}

.domain-expertise-div h2{
    font-family: Raleway;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
      
}

.domain-expertise-div span{
    color: #527ffc;
}

.who-we-are-domain-expertise-section{
    padding: 80px 0px;
}

.domain-expertise-div p{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
color: #403F3F;
max-width: 1200px;
margin: 0 auto;
width: 100%;
padding-bottom: 80px;
}

.domain-expertise-1, .domain-expertise-2, .domain-expertise-3, .domain-expertise-4,
.domain-expertise-5, .domain-expertise-6{
    width: 100%;
    max-width: 473px;
    height:  277px;
    border :2px solid #7A7979;
    text-align: center;
    padding: 20px 20px;
    margin: 0px 10px;
}

.domain-expertise-div>ul {
    list-style: none;
    padding-left: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.domain-expertise-1 ul{
    padding-left: 0px;
    list-style: none;
}

.domain-expertise-2 ul{
    padding-left: 0px;
    list-style: none;  
}


.domain-expertise-3 ul{
    padding-left: 0px;
    list-style: none;
}

.domain-expertise-1 ul{
    padding-left: 0px;
    list-style: none;
}

.domain-expertise-2 ul{
    padding-left: 0px;
    list-style: none;  
}


.domain-expertise-3 ul{
    padding-left: 0px;
    list-style: none;
}

.domain-expertise-1 ul{
    padding-left: 0px;
    list-style: none;
}

.domain-expertise-2 ul{
    padding-left: 0px;
    list-style: none;  
}


.domain-expertise-3 ul{
    padding-left: 0px;
    list-style: none;
}

.domain-expertise-4 ul{
    padding-left: 0px;
    list-style: none;
}

.domain-expertise-5 ul{
    padding-left: 0px;
    list-style: none;  
}


.domain-expertise-6 ul{
    padding-left: 0px;
    list-style: none;
}

.work-with-us-left h3{
    font-family: Roboto;
font-size: 28px;
font-weight: 500;
line-height: 43px;
letter-spacing: 0em;
text-align: left;
color: #fff;
}

.work-with-us-section{
    background: #000;
    padding: 80px 0px;
}

.work-with-us-right img{
    max-width: 452px;
    width: 100%;
    height:292px;
}

.work-with-us-right{
    text-align: right;
}

.work-with-us-left button{
    max-width:270px;
    width: 100%;
    height: 65px;
    background: #527ffc;
    border: none;
    font-family: Roboto;
font-size: 22px;
font-weight: 700;
line-height: 34px;
letter-spacing: 0em;
text-align: center;
color: #fff;
margin-top: 40px;
}


/********************responsive**********************************/

@media screen and (max-width:992px){
	
.row.upwork-review-slider.slick-slider	.slick-dots {
    position: absolute;
    bottom: -32px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
	
	.row.upwork-review-slider.slick-slider{
		height:548px;
		
	}
    .work-with-us-section {
        background: #000;
        padding: 80px 0px;
    }

    .who-we-are-domain-expertise-section {
        padding: 40px 0px;
    }

    .domain-expertise-div p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
        padding-bottom: 20px;
    }

    .award-recognition {
        padding-bottom: 20px;
    }

    .award-recognition-section {
        padding: 20px 0px;
    }

    .webnyxa-career-section {
        background: #D9D9D9;
        padding: 40px 0px;
    }

    .leadership-slide-1 h2 {
        font-family: 'Raleway', sans-serif;
        font-size: 27px;
        font-weight: 600;
        line-height: 32px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin: 0 auto;
        padding-top: 10px;
    }

    .leadership-slide-1 ul li img {
        width: 100%;
        max-width: 450px;
        height: auto;
    }

    .leadership-slide-1 ul li ul{
        padding-left: 0px;
        margin-left: 0px;
    }

    .leadership-team-div p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        padding-top: 0px;
        margin-bottom: 20px!important;
    }

    .leadership-team-section {
        padding: 20px;
    }

    .team-work{
        margin-bottom: 20px!important;
    }

    .Partnership-with-clients{
        margin-bottom: 20px!important;
    }

    .Investment{
        margin-bottom: 20px!important;
    }

    .Exceptional-quality{
        margin-bottom: 20px!important;
    }

    .who-we-are-mission-vision-section {
        padding: 0px 0px;
    }

    .our-core-value-box p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .company-tour-box p {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
        padding-top: 10px;
    }


.company-tour-section {
    padding: 0px 0px;
}

    .our-mission-list img{
        margin-bottom: 10px;
    }

    .who-we-are-mission-vision-left ul {
        padding-top: 20px;
        padding-left: 0px;
        margin-left: 0px;
        padding-bottom: 10px;
    }

    .who-we-are-left h2 {
        display: block;
        font-family: Poppins;
        font-size: 45px;
        font-weight: 500;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        position: relative;
        top: 20px;
        left: 0px;
        background: #fff;
        width: 100%;
        text-align: center;
        right: 0px;
    }

    .who-we-are-left ul {
        list-style: none;
        display: flex;
        flex-direction: row;
        padding-left: 0px;
        flex-direction: column;
		margin-left:0px;
    }
    .who-we-are-mission-vision-section .mission-vision-heading h2 {
        font-family: 'Raleway', sans-serif;
        font-size: 45px;
        font-weight: 700;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 0px;
		padding-bottom:0px;
    }

    .our-mission-list {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .who-we-are-mission-vision-left p {
        border: none;
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 31px;
        letter-spacing: 0em;
        text-align: center;
        color: #403F3F;
		margin-top:0px;
		
    }

    .our-vision-list {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .our-vision-list h2 {
        font-family: 'Raleway', sans-serif;
        font-size: 35px;
        font-weight: 600;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }
    .company-tour-box h2 {
        font-family: 'Raleway', sans-serif;
        font-size: 45px;
        font-weight: 700;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }

    .company-tour-box ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 10px 0px;
		margin-left:0px;
    }

    .company-tour-box ul img {
        width: 100%;
        height: auto;
        
    }

    .our-core-value-box h2 {
        font-family: 'Raleway', sans-serif;
        font-size: 45px;
        font-weight: 700;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }

    .our-core-value-box ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        padding-left: 0px;
        margin-left: 0px;
        justify-content: center;
    }

    .leadership-team-div h2 {
        font-family: 'Raleway', sans-serif;
        font-size: 45px;
        font-weight: 700;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }

    .who-we-are-description-left img {
        width: 100%;
        height: auto;
        max-width: 500px;
        position: relative;
        top: 0px;
    }

    .who-we-are-description-right p {
        color: #fff;
        font-family: Roboto;
        font-size: 22px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 0px;
    }

    .who-we-are-description-section {
        background-color: #000;
        height: auto;
        margin-top: 20px;
    }
    .who-we-are-description-right h2 {
        font-family: Roboto;
        font-size: 28px;
        font-style: italic;
        font-weight: 700;
        line-height: 43px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
    }

    .who-we-are-description-right h3 {
        font-family: Roboto;
        font-size: 20px!important;
        font-style: italic;
        font-weight: 700;
        line-height: 31px;
        letter-spacing: 0em;
        text-align: center;
        color: #527ffc;
    }
.leadership-slide-1 span {
    display: block;
    background: #527ffc;
    max-width: 800px;
    height: 60px;
    width: 100%;
    position: relative;
    left: 0px;
    top: 0px;
    margin-bottom: 20px;
    margin-right:0px;
	font-size:18px;
}
.webnyxa-career-left h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}

.webnyxa-career-left p {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: center;
    color: #1E1E1E;
}

.career-button {
    width: 100%;
    max-width: 300px;
    height: 60px;
    background-color: #527ffc;
    border-radius: 6px;
    border: none;
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 0px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}
.award-recognition h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}

.award-section-left h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
}

.award-section-right ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-left: 0px;
	margin-left:0px;
}
.domain-expertise-div h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}

.domain-expertise-div>ul {
    list-style: none;
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	margin-left:0px;
}

.domain-expertise-1, .domain-expertise-2, .domain-expertise-3, .domain-expertise-4, .domain-expertise-5, .domain-expertise-6 {
    width: 100%;
    max-width: 473px;
    height: auto;
    border: 2px solid #7A7979;
    text-align: center;
    padding: 20px 20px;
    margin: 0px 0px;
    margin-bottom: 20px!important;
}

	.domain-expertise-1 ul {
    padding-left: 0px;
    list-style: none;
    margin-left: 0px;
}
	
	.domain-expertise-2 ul {
    padding-left: 0px;
    list-style: none;
    margin-left: 0px;
}

.domain-expertise-3 ul {
    padding-left: 0px;
    list-style: none;
    margin-left: 0px;
}	

	.domain-expertise-4 ul {
    padding-left: 0px;
    list-style: none;
    margin-left: 0px;
}	
	
	.domain-expertise-5 ul {
    padding-left: 0px;
    list-style: none;
    margin-left: 0px;
}	
	
	.domain-expertise-6 ul {
    padding-left: 0px;
    list-style: none;
    margin-left: 0px;
}	
.work-with-us-left h3 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}
	
	.upwork-review-1-right ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-left: 0px;
    padding: 20px!important;
	margin-left:0px;
}

.upwork-review-1-right ul li img{
	width:100%;
	max-width:60px;
	}	
	
.work-with-us-left button {
    max-width: 270px;
    width: 100%;
    height: 65px;
    background: #527ffc;
    border: none;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    margin-top: 40px;
}
.work-with-us-left{
    text-align: center;
}

.work-with-us-right img {
    max-width: 452px;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.who-we-are-review-div h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    padding-bottom: 20px;
}

.who-we-are-banner-section .row{
    display: flex;
    flex-direction: column-reverse;
}
.our-mission-list h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 35px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}

.who-we-are-mission-vision-section .row{
    display: flex;
    flex-direction: column-reverse;
}

.team-work, .Partnership-with-clients, .On-time-delivery, .Investment, .Exceptional-quality {
    width: 100%;
    max-width: 453px;
    min-height: 293px;
    height: auto;
    border: 2px solid #527ffc;
    margin: 0px;
    padding: 20px;
}

.leadership-slide-1 {
    padding: 0px 0px;
}

.leadership-slide-1 span h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    padding-right: 0px;
}
.leadership-slide-1>ul {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
    display: flex;
    flex-direction:column;
    justify-content: center;
    width: 100%;
}

.award-section-right {
    padding: 20px 0px;
}

.award-1-img {
    margin-top: 0px; 
}

.award-section-left {
    padding: 20px 0px;
}
.who-we-are-review {
    padding: 40px 0px;
}

.upwork-review-1, .clutch-review {
    max-width: 1373px;
    width: 100%;
    height: 742px;
    box-shadow: none;
    margin: 0 auto;
    padding: 0px 0px;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
    padding: 20px!important;
}

.upwork-review-1>ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding-left: 0px;
	margin-left:0px;
}
	.clutch-review-1-right h4 {
    font-family: Raleway;
    font-size: 25px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}
	
.clutch-review-1-right p {
    font-family: Raleway;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}

.upwork-review-1-left img {
    width: 100%;
    max-width: 202px;
    height: auto;
    position: relative;
    top: 62%;
    left: 50%;
    transform: translate(-50%, 42%);
}
.upwork-review-1-right, .clutch-review-1-right {
    max-width: 800px;
    width: 100%;
    height: auto;
    padding: 0px 0px;
}

.upwork-review-1-left, .clutch-review-1-left {
    max-width: 600px;
    width: 100%;
    height: auto;
    border-right: 0px solid #527ffc;
}

.clutch-review>ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding-left: 0px;
	margin-left:0px;
}

.clutch-review-1-left img {
    width: 100%;
    max-width: 158px;
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 45%);
}

.clutch-review-1-right h3 {
    font-family: Raleway;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}
.clutch-review-1-right ul {
    padding-left: 0px;
    list-style: none;
	margin-left:0px;
}

.clutch-review-1-right img{
    width: 100%;
    max-width: 80px;
    margin-top: 46px;
}

.clutch-sub-menu-par-1 > p {
    font-family: Raleway;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #527ffc;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

.clutch-sub-menu-par-2 p {
    font-family: Raleway;
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: relative;
}

.upwork-review-1-right h4 {
    font-family: Raleway;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}

}


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

.who-we-are-banner-section{
    max-width:500px;
    width:100%;
    margin: 0 auto;
}
.who-we-are-mission-vision-section{
    max-width:500px;
    width:100%;
    margin: 0 auto;
}

.company-tour-section{
    max-width:500px;
    width:100%;
    margin: 0 auto;
}

.our-core-value-section{
    max-width:500px;
    width:100%;
    margin: 0 auto;
}

.who-we-are-description-section>.container-fluid{
    max-width:500px;
    width:100%;
    margin: 0 auto;
}

.who-we-are-description-right{
    padding-top: 60px;
}

.leadership-team-section{
    max-width:500px;
    width:100%;
    margin: 0 auto;
}



.webnyxa-career-section>.container-fluid{
    max-width:900px;
    width:100%;
    margin: 0 auto;
}

.award-section-right ul{
    max-width:500px;
    width:100%;
    margin: 0 auto;
}

.who-we-are-review{
    max-width:500px;
    width:100%;
    margin: 0 auto;
}

.who-we-are-domain-expertise-section{
    max-width:500px;
    width:100%;
    margin: 0 auto;
}

.work-with-us-section>.container-fluid{
    max-width:500px;
    width:100%;
    margin: 0 auto;
}

}

@media screen and (min-width:700px) and (max-width:992px){

    .who-we-are-banner-section {
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
    }

    .who-we-are-left{
        max-width: 550px;
        width: 100%;
        margin: 0 auto;
    }
    .who-we-are-left h2 {
        display: block;
        font-family: Poppins;
        font-size: 45px;
        font-weight: 500;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        position: relative;
        top: 20px;
        left: 0px;
        background: #fff;
        width: 50%;
        text-align: center;
        right: 0px;
        left: 0;
        margin: 0 auto;
    }

    .who-we-are-description-section {
        background-color: #000;
        height: auto;
        margin-top: 20px;
      padding-bottom: 40px;
    }
    .award-recognition h2 {
        font-family: 'Raleway', sans-serif;
        font-size: 45px;
        font-weight: 700;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        padding: 40px 0px;
    }

    .upwork-review-1, .clutch-review {
        max-width: 1373px;
        width: 100%;
        height: 493px;
        box-shadow: none;
        margin: 0 auto;
        padding: 0px 0px;
        margin-bottom: 20px!important;
        margin-top: 20px!important;
        padding: 20px!important;
    }

    .clutch-review {
        max-width: 1373px;
        width: 100%;
        height: 580px;
        box-shadow: none;
        margin: 0 auto;
        padding: 0px 0px;
        margin-bottom: 20px!important;
        margin-top: 20px!important;
        padding: 20px!important;
    }


}

@media screen and (min-width:992px) and (max-width:1600px) {

    .who-we-are-banner-section>.container-fluid>.row{
        display: flex;
        flex-direction: column-reverse;
    }



.who-we-are-left{
    transform: translateX(50%);
}

.who-we-are-mission-vision-section>.container-fluid>.row{
    display: flex;
    flex-direction: column-reverse;
}

.who-we-are-mission-vision-right img{
    transform: translateX(50%);
}

.who-we-are-mission-vision-left{
    transform: translateX(50%);
    padding-top: 40px;
}
.company-tour-box{
    max-width: 900px;
    margin: 0 auto;
}


.company-tour-box ul img {
    width: 100%;
    height: auto;
    height: 214px;
}

.who-we-are-mission-vision-left ul li ul{
    width: 100%;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    display: flex;
    justify-content: center;
}

.who-we-are-mission-vision-left p {
    border: none;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    padding-top: 20px;
}

.our-core-value-section{
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}

.who-we-are-description-right p {
    color: #fff;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 42px;
}
.who-we-are-description-section {
    background-color: #000;
    height: 572px;
    margin-top: 100px;
}

.webnyxa-career-section>.container-fluid{
    max-width: 1000px;
    width:100%;
    margin: 0 auto;
}
.award-section-left h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
}

.who-we-are-review {
    padding: 0px 0px;
}

.upwork-review-1-right h4 {
    font-family: Raleway;
    font-size: 22px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}


.leadership-slide-1 {
    padding: 40px 0px;
}
.leadership-slide-1>ul {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 10px!important;
}


.leadership-slide-1 ul li img{
    margin: 0 auto;
	height:350px;
	}

	
.leadership-slide-1 span {
    display: block;
    background: #527ffc;
    max-width: 400px!important;
    height: 40px;
    width: 100%;
    color: #fff;
    margin-top: 20px!important;
    margin: 0 auto!important;
    font-size: 20px;
    text-align: center;
    line-height: 41px;
    font-weight: 700;
    margin-bottom: 20px!important;
    margin-right: 0px;}


.upwork-review-1{
    max-width: 1100px;
    width: 95%;
    height: 513px;
    box-shadow: 0px 4px 24px 0px #00000040;
    margin: 0 auto;
    padding: 80px 0px;
    margin-bottom: 20px!important;
    margin-top: 20px!important;  
}
	
	.clutch-review-1-left img {
    width: 100%;
    max-width: 220px;
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
	.upwork-review-1-left img {
    width: 100%;
    max-width: 220px;
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
	
	.upwork-review-1-left, .clutch-review-1-left {
    max-width: 400px;
    width: 100%;
    height: 361px;
    border-right: 2px solid #527ffc;
}
	
.clutch-review {
    max-width: 1100px;
    width: 95%;
    height: 601px;
    box-shadow: 0px 4px 24px 0px #00000040;
    margin: 0 auto;
    padding: 80px 0px;
    margin-bottom: 20px!important;
    margin-top: 20px!important;  
}

.upwork-review-1-left, .clutch-review-1-left {
    max-width: 320px;
    width: 100%;
    height: 361px;
    border-right: 2px solid #527ffc;
}
	.clutch-sub-menu-par-1{
		padding:10px;
	}	

.clutch-review-1-left {
    max-width: 320px;
    width: 100%;
    height: 472px;
    border-right: 2px solid #527ffc;
}

.domain-expertise-div p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 40px;
}

.domain-expertise-1, .domain-expertise-2, .domain-expertise-3, .domain-expertise-4, .domain-expertise-5, .domain-expertise-6 {
    width: 100%;
    max-width: 473px;
    height:auto;
    border: 2px solid #7A7979;
    text-align: center;
    padding: 20px 20px;
    margin: 0px 10px;
}

.work-with-us-section>.container-fluid{
    max-width:1000px;
    width:100%;
}

.mission-vision-heading>h2{
    padding-bottom: 0px!important;
}

.who-we-are-description-left img {
    width: 100%;
    height: auto;
    max-width: 500px;
    position: relative;
    top: -112px;
}
    
}

@media screen and (min-width:1200px) and (max-width:1600px) {
	
	.who-we-are-review-div h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 85px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    padding-bottom: 30px;
}
	
	.webnyxa-career-left p {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: #1E1E1E;
}
	
	.webnyxa-career-left h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}
	
	.leadership-team-div h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 85px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}
	
	
	.leadership-team-div p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
}
	
	.work-with-us-left h3 {
    font-family: Roboto;
    font-size: 25px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}
	leadership-team-div h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 85px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}
	
	.domain-expertise-div h2 {
    font-family: Raleway;
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}
	
	.clutch-review-1-right p {
    font-family: Raleway;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}
	
	
	.clutch-review-1-right h3 {
    font-family: Raleway;
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}
	
	
	
	.award-recognition {
    padding-bottom: 40px;
}
	
	.award-recognition {
    padding-bottom: 40px;
}
	
	.award-recognition-section {
    padding: 40px 0px;
}
	
	.award-recognition h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}
	
	.career-button {
    width: 295px;
    height: 70px;
    background-color: #527ffc;
    border-radius: 6px;
    border: none;
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}
	
	webnyxa-career-left p {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: #1E1E1E;
}
	
	webnyxa-career-left h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}
	
	.leadership-slide-1 h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin: 0 auto;
    padding-top: 10px;
}
	
	.leadership-slide-1 h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin: 0 auto;
}
	
	leadership-team-div p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
}
	
	leadership-team-div h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}
	
	
	.our-core-value-box ul li ul li p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    padding-top: 0px;
}
	.our-core-value-box ul li ul li h3 {
    font-family: Roboto;
    font-size: 28px;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    padding-top: 10px;
}
	
	.our-core-value-box p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    width: 100%;
    max-width: 1194px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
	
	.our-core-value-box h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}
	
	.company-tour-box h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}
	.company-tour-box p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    padding-top: 10px;
}
	
	
	.who-we-are-mission-vision-section .mission-vision-heading h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    padding-bottom: 40px;
}
	
	.our-mission-list h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    line-height: 53px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    font-size: 35px;
}
	
	.who-we-are-right-li {
    font-family: Roboto;
    font-size: 25px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    background: #527ffc;
    padding: 10px;
    margin: 10px;
}

    .who-we-are-banner-section{
        max-width:1300px;
        margin: 0 auto;
        width: 100%;
    }

    .who-we-are-banner-section>.container-fluid>.row {
        display: flex;
        flex-direction:row;
    }

    .who-we-are-left {
        transform: none!important;
    }

    .who-we-are-right  img{ 
        transform: none!important;
    }

.who-we-are-right img{
    padding-top: 80px;
} 


.who-we-are-mission-vision-section>.container-fluid>.row {
    display: flex;
    flex-direction:row;
}

.who-we-are-mission-vision-section{
    max-width:1300px;
    width:100%;
    margin: 0 auto;

}

.who-we-are-mission-vision-right img {
    transform: none;
}
.who-we-are-mission-vision-left {
    transform: none;
    padding-top: 40px;
}

.who-we-are-mission-vision-right{
    padding-top:150px;
}
.our-vision-list h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 35px;
    font-weight: 600;
    line-height: 53px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

	
	

.who-we-are-mission-vision-left p {
    border: none;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: center;
    color: #403F3F;
    padding-top: 5px;
}

.leadership-slide-1 ul li img {
    width: 100%;
    max-width: 350px;
    height: auto;
}

.award-section-right {
    padding: 80px 0px 0px 0px; 
}

.our-core-value-section {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}


.who-we-are-description-section>.container-fluid{
 
    max-width: 1200px;
    width:100%;
    margin: 0 auto;
}

.webnyxa-career-section>.container-fluid {
    max-width: 1350px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 20px;
}



.award-recognition-section>.container-fluid {
    max-width: 1200px;
    width: 100%;
}
}

@media screen and (min-width:320px){

.our-process-banner-section-left a{
	color:#fff!important;
}

}

.hire-button.slidebutton {
	color:#fff;
}

.kn-button.slidebutton{
	color:#fff!important;
}


.slider-sec-left a{
	color:#fff;
}

.row.project-row .row a{
	color:#fff!important;
}

.ios-process-free-esimation a{
	color:#fff!important;
}

.slidebutton.get-free-estimate-button a{
	color:#fff!important;
}

.single.single-blog_detail.blog_detail-template-default .entry-content ul li{
	font-size:20px!important;
	margin-left:20px;
}

.page-template-homepage .position-relative.full-w.section-main {
      margin-top: 20px;
    padding-top: 85px;
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/06/BANNER-1.webp');
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    background-size: cover;
    min-height: 635px;
    padding-bottom: 40px;
}

	


.img-column.home-banner-img.position-relative{
	padding-top:80px;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%!important;
	margin:0 auto;
  
}

.new-home-slider{
	margin:0 auto!important;
}

.home-slider-par{
	font-size:25px!important;
	max-width:650px;
	width:100%;
}

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

	.page-template-homepage .position-relative.full-w.section-main {
			padding-top:150px;
	background-image:url('https://www.webnyxa.com/wp-content/uploads/2023/06/BANNER-1.webp');
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	min-height:700px;
	
}

	
}

.app-store{
	margin-bottom:30px!important;
}


@media screen and (min-width:1201px) and (max-width:1600px){
.page-template-homepage .position-relative.full-w.section-main {
    margin-top:80px;
    padding-top: 39px;
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/06/BANNER-1.webp);
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    background-size: cover;
    min-height: 541px;

}
	
.webnyxa-top-banner> h1 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 46px!important;
    line-height: 134%!important;
	max-width:700px!important;
}	
		
}


@media screen and (min-width:1920px){
	
    position: absolute;
    left: 0;
    /* top: 142px; */
    padding-left: 168px;
    background-color: #527ffc;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    margin-left: -1px;
    font-size: 18px;
    text-align: right;
}
	
}




.page-template-homepage .service-box.text-center{
	width: 80%;
    height: 300px;
    border: 3px solid #527ffc;
    padding: 30px;
	box-shadow:none!important;
}

.page-template-homepage .service-content h5{
	color:#000;
}



.page-template-homepage .service-box.text-center{
	width: 100%;
    height: 300px;
    border: 3px solid #527ffc;
    padding: 30px;
	box-shadow:none!important;
}







/*


.page-template-homepage .service-box .icon-box:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 12px;
    right: 0;
    background-color: #527ffc;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    max-width: 396px;
    border-radius: 20px;
}

.page-template-homepage .service-box .icon-box:hover:before {
  height: 100%;
}

*/




/******************new-css********************/

.application-text .btn.btn-green.mt-4{
	background:#000;
}

.industry-col{
    background: #fff!important;
    border-top-right-radius: 140px;
    border-bottom-right-radius: 140px;
    position: relative;
    left: -162px;
    width: 100%;
   text-align: right;
    padding-right: 129px;
}


.diversified-section {
	background:transparent;
}

.diversified-section .auto-container{
	padding-top:40px;
	padding-bottom:40px;
	width: 1500px;
    border-top-left-radius: 250px;
    border-bottom-right-radius: 250px;
	float:none;
	background:#527ffc;
	    background-image: linear-gradient(to bottom right, #478b12, #adf58f);
}


.techno-section{
	padding-top:0px;
	padding-bottom:80px;
}

.we-work-section{
	padding-top:0px;
	padding-bottom:80px!important;
}

.new-top-application{
	margin-top:80px;
	margin-bottom:0px;
}

.hppy-client-title {
       font-family: 'Dancing Script';
    font-style: normal;
    font-weight:500;
    font-size: 82px!important;
    line-height: 97px!important;
    padding-left: 70px;
}

	
	
.happy-client-ul{
    padding-left: 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    font-size: 22px;
    padding-top: 0px;
    color: #fff;
	text-align:center;
	padding-bottom:0px;
	margin-left:0px;
	justify-content:center;
}

.we-work-section{
	padding-top:0px;
	padding-bottom:80px;
}

.happy-client-ul2{padding-bottom:0px;
	    padding-left: 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    font-size: 35px;
    padding-top: 20px;
    color: #fff;
	margin-left:0px;
	margin-bottom:0px;
	justify-content:center;
}

.happy-client-ul2 li{
	width:300px;
	text-align:center;
}

.happy-client-ul li{
	width:300px;
	text-align:center;
}


.application-text h3{
	font-size: 55px;
}

.application-text .text1{
	    font-size: 25px;
    font-weight: 700;
    color: #000;
    font-family: 'Poppins';
}

.application-text text2{
	    font-size: 18px;

}


.application-text{
	border-left:5px solid #527ffc;
	padding-left:30px;
}


.full-w.domain-expertise.read-reviews-slide-1{
	padding-top:80px;
} 

.page-template-homepage  .service-boxs{
	border:5px solid #527ffc;
    height: 180px!important;
	min-height:180px!important;
    max-width: 180px;
    font-size: 22px;
    text-align: center;
    border: 8px solid #527ffc;
    border-radius: 68px;
    padding: 25px 2px!important;
    transition: 0.5s;
}



.page-template-homepage  .service-boxs .service-content h5 {

    position: relative;
    padding-top: 24px!important;
    margin-bottom: 0px!important;
    line-height: 22px!important;
    font-weight: 700;
    color: #fff!important;
    top: 5px;
    display: block;
}


.page-template-homepage .service-content p img{position: relative;
    top: -91px;
    z-index: -1;
    border-radius: 58px;
}

.page-template-homepage  .icon-box p-3{
	display:none;
}


.service-boxs:hover {
	transform: scale(1.2);
color:#527ffc;
margin-left:32px;
 box-shadow: -11px 4px 25px #8ddf5f;
position:relative;
z-index:1;
	transition:0.5s;
}




.service-boxs .icon-box.p-3{
	display:none;
}


@media screen and (min-width:992px) and (max-width:1600px){
	.page-template-homepage .service-boxs:hover img{
	height:156px!important;}

}





/*

.iso-img-banner img{left: 800px;
    width: 100%;
    max-width: 120px;
    height: auto;
    position: absolute;
    transform: rotate(26deg);
    top: 48px;
}

*/

.logo-trust img{
	    width: 100%!important;
    max-width: 120px!important;
    position: relative;
	margin:10px;
	top:-53px;	
	transform:rotate(17deg);
	
}

.logo-trust{
	display:block;
	position:absolute;
max-width:800px;
	width:100%;
	text-align:right;
}

.upwork-trust{
	top:0px!important;
}

@media screen and (max-width:991px){
	.logo-trust {
    display: block;
    position: absolute;
    max-width: 800px;
    width: 90%;
    text-align: center;
    top: 53px;
}
	
	.logo-trust{
		text-align:center;
	}		
	
}

@media screen and (max-width:1200px){
	.logo-trust img {
    width: 100%!important;
    max-width: 120px!important;
    position: relative;
    margin: 10px;
    top: -36px;
    transform: rotate(15deg);
    left: 142px;
}
	
		
}

@media screen and (max-width:1800px){
	.page-template-homepage-php .section-counter {
  
    padding: 46px 0!important;
}
	

.section-counter {
  /*  background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/06/DESIGN-2.png); */
    background-repeat: no-repeat;
    background-size: contain!important;
}
	
	.logo-trust img {
    width: 100%!important;
    max-width: 89px!important;
    position: relative;
    margin: 10px;
    top: -36px;  
    left: -108px;
}
	
	.upwork-trust{
	top:-36px!important;
}
}



.section-counter {	
	/* background-image:url('https://www.webnyxa.com/wp-content/uploads/2023/06/DESIGN-2.png'); */
	background-repeat:no-repeat;
	background-size:cover;
}

.new-section-service{
    font-size: 30px!important;
    text-align: right;
    padding-bottom: 50px;
    line-height: 34px;
    margin-right: 30px;
    margin-top: 117px;
}

.website-green{
    color:#527ffc!important;
}
.new-website-green {
	color:#1e53be!important;
    font-size: 105px;  
    display: block;
    padding-top: 36px;
    line-height: 40px!important;
    font-weight: 700;
}

.service-get-a-quote{
	background:#000;
	width:100%;
	max-width:300px;
	height:60px;
	color:#fff;
	float:right;
	border-radius:50px;
	font-size:22px;
	margin-right:30px;
}

.service-get-a-quote:hover{
	background:#527ffc!important;
	width:100%;
	max-width:300px;
	height:60px;
	color:#fff;
	float:right;
	border-radius:50px;
	border:none;

}

.fa-solid.fa-angles-right{
	margin-left:15px;
}

.service-box:hover{
	transform: scale(1.1);  
  		transition:1s;
    z-index: 1;
    position: relative;
}

/**

.full-w.domain-expertise.read-reviews-slide-1.mb-5{
	padding-top:80px;
}

.diversified-section.review-section {
    background: #527ffc;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 1500px;
    float: right;
    border-bottom-left-radius: 80px;
    border-top-left-radius: 80px;
	margin-top:40px;
}
    

.new-industry{
	display:block;
	position:relative;
	width:100%;
	max-width:1800px;
	background: #527ffc;
	font-size:22px;
	top:-82px;
	float:left;
	text-align:right;
	
}

**/

@media screen and (max-width:991px){
	.new-section-service {
    font-size: 40px!important;
    text-align: center;
    padding-bottom: 50px;
    line-height: 54px;
    margin-right: 30px;
    margin-top: 0px;
}
	
.service-get-a-quote {
    background: #527ffc;
    width: 100%;
    max-width: 300px;
    height: 60px;
    color: #fff;
    float: none;
    border-radius: 50px;
    font-size: 22px;
    margin-right: 0px;
}	
	
	.logo-trust img {
    width: 100%!important;
    max-width: 89px!important;
    position: relative;
    margin: 10px;
    top: 0px;
    transform: rotate(10deg);
    left: 0px;
}
	
}



.page-template-digital-marketing .rt-reading-time{
	display:none!important;
}

.row.justify-content-md-center.counter-bg{
	margin-top:0px;
}

.happy-client-img{
	padding-left:80px;
}

.section-counter.full-w.pt-5 .title-sec{
	margin-bottom:0px;
}


/**********industry****/


  .industry-section {   
    float: right;
    padding-top: 5px;
    margin-top: 71px;
    background: #527ffc;
    padding-top: -3px;
    padding-bottom: 5px;
    height: 435px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    max-width: 100%;
    width: 100%;
}




  .insdustry-section h2 {
    font-size: 56px;
    font-style: italic;
    margin-top: 83px;
}


.insdustry-section span{
  color:#fff;
  font-size:70px;
  
}
.insdustry-section1{
  background: #fff;
  width: 100%;
  max-width: 400px;
  height: 400px;
}




.main-industry-slider img{
  width:100px!important;
  height:100px;
}
.row.industry-row-slider{
  margin-top: 60px;
}

.industry-section>.container-fluid{
  max-width:100%;
  margin: 0 auto;
}
.imgg-1{
  margin-top:20px;
}

.imgg-1, .imgg-2, .imgg-3, .imgg-4, .imgg-5, .imgg-6, .imgg-7, .imgg-8{
width: 100px!important;
}

.imgg-2, .imgg-4, .imgg-6, .imgg-8{
  position: relative;
  top:166px;
}
.page-template-homepage .row.industry-row-slider.industry-responsive.slick-initialized.slick-slider.slick-dotted .slick-list.draggable{
  height:334px!important;
}

.row.industry-row-slider p{
  color: #fff;
  text-align: center;
	font-weight:500;
}

.industry-new-p{
  position: relative;
  top: 175px;
  left: -48px;
}


.industry-new-p2{
  position: relative;
  top:7px;
  left: -44px;
}

.row.industry-row-slider .slick-dots{  display: none!important;
}

.industry-new-heading {position: relative;
  font-size: 80px;
  top: 63px;
  
  }



/************new-css*****************/
.main-section{
    text-align: center;
    padding-top: 80px;
}

.main-section>h2{
    font-size: 75px;
    color: #000;
    padding-bottom: 90px;
}

.main-section>h2>span{
    color:#527ffc;
}

.main-section ul li{
    padding-top: 40px;
    width: 300px;
    height: 300px;
    margin: 30px;
    border-radius:12px;
    
}

.main-section ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
   
}

.main-section ul li img{
    text-align: center;
    width: 100%;
    max-width: 100px;
    height: 100px;

}

.li-01, .li-03{
    margin-top:80px!important;
}

.li-06, .li-08{
    margin-top:-50px!important;
}

.li-05, .li-07{
    margin-top:0px!important;
}

.main-section ul li h4{
padding-top: 20px;
}
.li-01 {
    color:#ed5757 ;
    border: 3px solid #ed5757;
    border-bottom: 8px solid #ed5757;
}

.li-02 {color:#241f1f ;
    border: 3px solid #241f1f;
    border-bottom: 8px solid #241f1f;
}

.li-03 {
    color: #ef7171;
    border: 3px solid #ef7171;
    border-bottom: 8px solid #ef7171;
}

.li-04 {color: #66cd9f;
    border: 3px solid #66cd9f;
    border-bottom: 8px solid #66cd9f;
}

.li-05 {color: #0f906a;
    border: 3px solid #0f906a;
    border-bottom: 8px solid #0f906a;
}

.li-06 {color: #e0ab29;
    border: 3px solid #e0ab29;
    border-bottom: 8px solid #e0ab29;
}

.li-07 {color: #0b498b;
    border: 3px solid #0b498b;
    border-bottom: 8px solid #0b498b;
}

.li-08 {color: #2080a8;
    border: 3px solid #2080a8;
    border-bottom: 8px solid #2080a8;
}

@media screen and (max-width:991px){
    .main-section ul{
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .li-05, .li-07{
        margin-top:30px!important;
    }

    .li-06, .li-08{
        margin-top:30px!important;
    }

}


/*****************************/
  
@media screen and (max-width:991px) {
	

		
.global-location.order-1.order-xl-1 {
    width: 100%;
	margin: 0 auto;}

  .industry-section {
    float: right;
    margin-top: 71px;
    background: #527ffc;
    padding-top: -3px;
    padding-bottom: 80px;
    height: 450px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    max-width: 1400px;
    width: 100%;
}

.industry-new-heading{
	top:0px;
    font-size: 30px;
    margin-top: 0px;
    text-align: center;
}
.industry-col {
    background: #fff!important;
    border-top-right-radius: 140px;
    border-bottom-right-radius: 140px;
    position: relative;
    left: 0px;
    width: 100%;
    text-align: center;
	padding-right: 0px;}
	
	.counter-row-img{
		display:none;
	}	
	
	
	.video-edit {
    width: 60%;
    margin-left: 0px;
}

.imgg-2, .imgg-4, .imgg-6, .imgg-8 {
  position: relative;
  top: 31px;
  text-align: center;
  margin: 0 auto;
}

.industry-new-p {
  position: relative;
  top: 175px;
  left: 0px;
}

.imgg-1, .imgg-2, .imgg-3, .imgg-4, .imgg-5, .imgg-6, .imgg-7, .imgg-8 {
  width: 100px!important;
  margin: 0 auto;
}

.industry-new-p2 {
  position: relative;
  top: 7px;
  left: 0px;
}


}

@media screen and (min-width:992px) and (max-width:1400px){

  .industry-section {
 
    float: right;
    margin-top: 71px;
    background: #527ffc;
    padding-top: -3px;
    padding-bottom: 80px;
    height: 435px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    max-width: 100%;
    width: 100%;
}


.industry-new-heading {
  position: relative;
  font-size: 55px;
  top: 102px;
  left: 0px;
}
	
	.industry-col {
    background: #fff!important;
    border-top-right-radius: 140px;
    border-bottom-right-radius: 140px;
    position: relative;
    left: -162px;
    width: 100%;
    text-align: right;
		padding-right: 60px;}


}

@media screen and (min-width:1401px) and (max-width:1800px){

  .industry-section {
       float: right;
    margin-top: 71px;
    background: #527ffc;
    padding-top: -3px;
    padding-bottom: 80px;
    height: 435px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    max-width: 100%;
    width: 100%;
}


.industry-new-heading {
position: relative;
    font-size: 72px;
    top: 77px;
   
}


}

/*************blnking********************/


.counter-row-img{
	position:absolute!important;
	top:-263px!important;
}

#myCanvas {
  width: 100vw;
  height: 100vh;
}

.auto-container.navbar.navbar-expand-lg.navbar-light{
    position: fixed;
    z-index: 999;
    background: #fff;
    margin-top: -13px;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 100%;
    padding-left: 150px;
    padding-right: 150px;
}

.single.single-blog_detail .auto-container.navbar.navbar-expand-lg.navbar-light {
    position: fixed;
    z-index: 999;
    background: #fff;
    margin-top: -45px;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 100%;
    padding-left: 150px;
    padding-right: 150px;
}

#blog-nav{
	display:none;
}

.page-numbers.current{background: #527ffc;
    color: #fff;
    padding: 8px;  
    width: 42px;
    text-align: center;
    margin-right: 11px;
    margin-top: -2px;
}

.pagination{
	margin:0 auto;
	margin-top:40px;
	margin-bottom:40px;
}

 .page-template-blog .col-lg-4.mb-3{
	margin-bottom:80px!important;
}



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

	.home-slider-par {
    font-size: 25px!important;
    max-width: 100%;
    width: 100%;
}
	
	.page-template-homepage .row.align-items-center.position-unset small {
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    margin: 0 auto;
}
	
	
	.webnyxa-top-banner> h1 {
    font-family: 'Poppins';
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    max-width: 100%;
		line-height: 81px;}

.auto-container.navbar.navbar-expand-lg.navbar-light {
    position: fixed;
    z-index: 999;
    background: #fff;
    margin-top: -13px;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 100%;
    padding-left: 10px!important; 
    padding-right: 10px!important;
}

	.text-lg-left.content-column.webnyxa-top-banner.mt-3.pl-0{
		padding-top:0px!important;
	}	
	
	.techon-plateform-box img {
    height: auto;
    max-width: 168px;
    width: 100%;
    border-radius: 44px;
}
.full-w.section.bg-dark.mt-5 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}	
	
.full-w.section.bg-dark.sova-padding {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}	
	
	.full-w.domain-expertise.read-reviews-slide-1.mb-5{
		padding-top:40px;
	}
	
#myCanvas {
    width: 100vw;
    height: 382px;
  
}	
	
	.new-top-application {
    margin-top: 0px;
    margin-bottom: 0px;
}
	
	.section-counter.full-w.pt-5{
		padding-top:0px;
	}	
	
.section-counter.full-w.pt-5 .read-reviews {
    font-size: 30px!important;
    position: relative;
    padding: 0px 0px 30px 0px;
}
	
.read-reviews.text-center.full-w.techno-section	.read-reviews {
    font-size: 40px!important;
    position: relative;
    padding: 0px 0 10px;
}
	
	.page-template-homepage-php .section-counter {
    padding: 0px 0!important;
    margin-bottom: 40px;
}
	
.page-template-homepage-php .section-counter {
    height: auto!important;
}	
	.full-w.domain-expertise.read-reviews-slide-1.mb-5{
		padding-bottom:0px!important;
	}
	
	.happy-client-ul2{
		display:none;
	}	
	
	.video-edit{
		height:300px;
	}	
	
	.new-client-review {
    position: relative;
    padding: 0px 0 30px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    margin-top: 13px;
}
	
  

.review-carousel .owl-item .card {
    box-shadow: none;
    border: 2px solid #a39e9e; 
	max-width: 650px!important;
    background: transparent;
    padding: 12px!important;
    width: 90%!important;
	border-radius:0px!important;
	
}
	
.review-carousel .owl-item.active.center .card	{
    box-shadow: none;
    border: 2px solid #a39e9e; 
	max-width: 650px!important;
    background: transparent;
    padding: 12px!important;
    width: 100%!important;
	border-radius:0px!important;
	
}
	
.review-carousel .owl-item .card p {
    color: #a39e9e!important;
    line-height: 1.5;
    text-align: left;
    font-size: 20px!important;
}
	
	
	.review-carousel .owl-item.active.center .card p {
    color: #a39e9e!important;
    line-height: 1.5;
    text-align: left;
    font-size: 20px!important;
		padding-top:0px!important;
}
	
	.footer-media{
		margin-top:-46px;
	}
	
.review-section video {
    text-align: center;
    width: 58% !important;
    margin: 0 auto!important;
    text-align: center;
    float: none;
    right: 0;
    display: flex;
}
	
	.quality-tag {
width: 100%;
    position: absolute;
    left: 0px;
    /* top: 142px; */
    padding-left: 0px;
    background-color: #4472e3;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0px;
    margin-left: 0px;
    font-size: 18px;
    text-align: center;
}
	
	.webnyxa-top-banner> h1{
		padding-top:76px!important;
		margin:0 auto!important
	}	
	
	
	
	}


@media screen and (min-width:600px){
	
	.application.full-w.pt-5.new-top-application img{
		width:100%;
		max-width:80%;
	}
	
	.global-location.order-5.order-xl-1{
		max-width:400px;
		padding-left:30px;
		margin:0 auto;
	}

	
	
}




@media screen and (min-width:700px) and (max-width:991px){
	
	.review-section video {
    width: 40% !important;
}
	

	
}

@media screen and (max-width:766px){
		.global-location.order-1.order-xl-1	{
		width:100%;
		margin:0 auto;
	}
}


@media screen and (min-width:992px){
	
	.auto-container.navbar.navbar-expand-lg.navbar-light {
    position: fixed;
    z-index: 999;
    background: #fff;
    margin-top: -13px;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 100%;
     padding-left: 10px; 
     padding-right: 10px; 
}
	
	.quality-tag { 
    width: 100%;
    position: absolute;
    left: -797px;
    /* top: 142px; */
    padding-left: 0px;
    background-color: #4472e3;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    margin-left: -1px;
    font-size: 18px;
    text-align: right;
    max-width: 1228px;
}
	
	.page-template-homepage .position-relative.full-w.section-main{
		padding-bottom:60px!important;
	}
	
.page-template-homepage .row.align-items-center.position-unset small {
    font-size: 20px;
}	
	
.techon-plateform-box {
    width: 100%;
    height: 144px;
    max-width: 180px;
    border: none;
    border-radius: 55px;
    margin-left: 50px;
}	
	
.counter-row-img {
    position: absolute!important;
    top: -214px!important;
    z-index: -1;
}	
	.client-review.full-w.pt-5 .read-reviews.new-client-review span {
    font-size: 55px;
    font-family: 'Raleway';
    color: #527ffc;
		font-weight: 700;}
	
	.new-client-review {
    position: relative;
    padding: 80px 0 30px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    margin-top: 13px;
}
	
	.review-carousel .owl-item .card{
		width:80%!important;
	}	
	
	.logo-trust img {
    width: 100%!important;
    max-width: 89px!important;
    position: relative;
    margin: 10px;
    top: -36px;
    left: -28px;
}	

.review-carousel .owl-item.active.center .card {
    box-shadow: 0px 2px 30px -12px;
    border-radius: 25px;
    max-width: 688px!important;
    background: transparent;
    padding: 22px!important;
    width: 90%!important;
}
	

}

@media screen and (min-width:1200px) {
	
	.auto-container.navbar.navbar-expand-lg.navbar-light{
		padding-left:30px;
		padding-right:30px;
	}
	
	
	
.techon-plateform-box {
    width: 100%;
    height: 168px;
    max-width: 180px;
   border:2px solid #6a7266;
    border-radius: 55px;
    margin-left: 50px;
	    box-shadow: -11px 4px 25px #527ffc;
}	

	.techon-plateform-box img{
		height:157px;
	}
	
	
}
	
@media screen and (min-width:1530px) and (max-width:1800px){
	
	.counter-row-img {
    position: absolute!important;
    top: -278px!important;
    z-index: -1;
}
	
	
}	
	

@media screen and (min-width:1600px) {
	

	
	.quality-tag { 
      width: 50%;
    position: absolute;
    left: -364px;
    /* top: 142px; */
    padding-left: 0px;
    background-color: #4472e3;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    margin-left: -1px;
    font-size: 18px;
    text-align: right;
    max-width: 1228px;
}
	
	
}


@media screen and (min-width:1600px) and (max-width:1800px){
	
		.auto-container.navbar.navbar-expand-lg.navbar-light{
		padding-left:100px;
		padding-right:100px;
	}
	
}

@media screen and (min-width:1800px){
	.auto-container.navbar.navbar-expand-lg.navbar-light{
		padding-left:130px;
		padding-right:130px;
	}
	
	.counter-row-img {
    position: absolute!important;
    top: -311px!important;
    z-index: -1;
}

	
}

@media screen and (min-width:480px) and (max-width:767px) {
	
	
.global-location.order-1.order-xl-1 {
    width: 60%;
	margin: 0 auto;}

}

/******************career-page**********************************/
	
	.page.page-id-3352 .entry-content .rt-reading-time{
		display:none!important;
	}

.page.page-id-3352 .awsm-job-item{border: 2px solid #527ffc;
    border-radius: 10px;
    min-height: 250px;
    width: 100%;
     margin: 0 auto;
}

.awsm-job-listings.awsm-row.awsm-grid-col-3{
	padding:80px 0px;
}


.row.mobile-app-banner-row.slider-row .slider-heading> h2{
		margin-top:0px!important;
	}
	
.page-template-blog-php .row.align-items-center .img-column img{
	padding-top:60px;
}

.blog-page-section{
	background-image:url('https://www.webnyxa.com/wp-content/uploads/2023/06/BANNER-1.webp');
	background-size:cover;
	background-repeat:no-repeat;
	
}


#wpcf7-f5980-o1{
	width:90%!important;
		text-align:center;
}
.wpcf7 form.sent .wpcf7-response-output {
{
	margin-left:30px!important;
	}}

#wpcf7-f5980-o1 .wpcf7-form p input[type="submit"] {
    background: #527ffc;
    width: 101px;
    border-radius: 10px;
    height: 31px;
    margin: 0 auto!important;
    text-align: center;
	margin-top:10px!important;
}

.sgpb-theme-1-content {
     border-radius:none!important;
    padding-bottom: 0;
     box-shadow: none !important; 
    border-bottom-width: 0px!important; 
    border-bottom-color:none!important;
}
/*
.wpcf7-form p input {
    width: 100%!important;
    background: #fff;
    border: 2px solid #527ffc;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    transition: all .5s;
    height: 35px;
    padding-left: 15px;
    padding-right: 15px;
}

.wpcf7-form p{
	width:100%!important;
}

.wpcf7-form p input {
    width: 100%;
    background: #fff;
    border: 2px solid #527ffc;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    transition: all .5s;
    height: 35px;
    padding-left: 15px;
    margin-bottom: 10px;
    padding-right: 15px;
}

*/

.page-template-blog-php .blog.full-w.pt-5:before{
   position: relative;
    display: block;
    content: '';
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/06/img-1686906381247.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 150px;
    width: 150px;
    left: 0px;
    top: 133px;
    z-index: 1;
    right: 0px;
    margin: 0 auto;
    transform: translateX(-625px);
}



.page-template-blog-php .card-body  p{
	display:none!important;
}


@media screen and (min-width:2000px){
.page-template-blog-php .blog.full-w.pt-5:before	{position: relative;
    display: block;
    content: '';
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/06/img-1686906381247.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 150px;
    width: 150px;
    left: 0px;
    top: 132px;
    z-index: 1;
    right: 0px;
    margin: 0 auto;
    transform: translateX(-659px);

}
}

@media screen and (max-width:1550px){
	.page-template-blog-php .blog.full-w.pt-5:before{ position: relative;
    display: block;
    content: '';
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/06/img-1686906381247.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    left: 0px;
    top: 89px;
    z-index: 1;
    right: 0px;
    margin: 0 auto;
	transform: translateX(-599px);}

	
}


@media screen and (max-width:1300px){
	.page-template-blog-php .blog.full-w.pt-5:before{ position: relative;
    display: block;
    content: '';
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/06/img-1686906381247.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    left: 0px;
    top: 89px;
    z-index: 1;
    right: 0px;
    margin: 0 auto;
	transform: translateX(-521px);}

	
}

@media screen and (max-width:991px){
	
	.page-template-blog-php .blog.full-w.pt-5:before {
    position: relative;
    display: block;
    content: '';
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/06/img-1686906381247.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    left: 388px;
    top: 88px;
    z-index: 1;
    right: 0px;
    margin: 0 auto;
	 transform: translateX(-521px);}
	
	.page-id-1742 .title-tagline {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    font-family: "Inter";
    position: relative;
    padding-left: 0px;
    display: block;
    background: #527ffc!important;
    padding-right: 20px;
    left: 0px;
    text-align: center;
    height: 36px;
    right: 0px;
    margin: 0 auto;
}
	
}

@media screen and (min-width:992px) and (max-width:1150px){
.page-template-blog-php .blog.full-w.pt-5:before {
    position: relative;
    display: block;
    content: '';
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/06/img-1686906381247.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    left: 53px;
    top: 88px;
    z-index: 1;
    right: 0px;
    margin: 0 auto;
	}	
	
}
}

.page-template-homepage .btn.btn-green.btn-green.mt-4:hover{
	background:#527ffc!important
}

.get-a-quote.ml-auto:hover{
	background:#2b5cc7;
}

.page-template-who-we-are1-php .career-button:hover{
	background:#2b5cc7;
}


.page-template-who-we-are1-php .work-with-us-left button:hover{
	background:#2b5cc7;
}

.eng-slider-button.slidebutton:hover{
	background:#2b5cc7;
}

.eng-ex-button.slidebutton:hover{
	background:#2b5cc7;
}

.quality-banner-button.slidebutton:hover{
	background:#2b5cc7;
}

.our-process-banner-button.slidebutton:hover{
	background:#2b5cc7;
}

.page-template-graphic-design-php .slider-btn.slidebutton:hover{
	background:#2b5cc7;
}

.page-template-IT_Consulting-1 .slider-heading .slider-btn:hover{
	background:#2b5cc7;
}

.page-template-Mobile_app_development .slider-heading .slider-btn:hover{
	background:#2b5cc7;
}

.page-template-software_devlopment .slider-heading .slider-btn:hover{
	background:#2b5cc7;
}

.page-template-web_development .slider-button {
    background: #527ffc;
    color: #fff;
    width: 225px;
    height: 57px;
    font-family: Raleway;
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    border: none;
    border-radius: 7px;
	margin-top:-68px!important;
}

.kn-button .slider-heading .slider-btn:hover{
	background:#2b5cc7;
}

.page-template-web_development .slider-button:hover{
	background:#2b5cc7;
}


.page-template-android_app_development .slider-button {
    background: #527ffc;
    color: #fff;
    width: 225px;
    height: 57px;
    font-family: Raleway;
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    border: none;
    border-radius: 7px;
	margin-top:-65px;
}

.page-template-android_app_development .slidebutton1 {
    background: #527ffc;
    color: #fff;
    width: 225px;
    height: 57px;
    font-family: Raleway;
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    border: none;
    border-radius: 7px;
	margin-top:-65px;
}

.page-template-android_app_development .slider-button:hover{
	background:#2b5cc7;
}

.ios-app-development-button:hover{
	background:#2b5cc7;
}

.cross-plateform-banner-button:hover{
	background:#2b5cc7;
}

.ios-get-estimation:hover{
	background:#2b5cc7;
}

.page-template-cross-plateform .get-free-estimate-button:hover{
	background:#2b5cc7;
}

.php-development-banner-button:hover{
	background:#2b5cc7;
}

.page-template-blog-php .d-lg-inline-block.d-none.btn.btn-green:hover{
	background:#2b5cc7;
}


.page-template-blog-php  .read-more-btn:hover{
	background:#2b5cc7;
}

.page.page-id-3352 .awsm-filter-wrap.awsm-no-search-filter-wrap{
	display:none!important;
}

.awsm-job-item h2.awsm-job-post-title {
    font-weight: 700;
    margin: 0 0 15px;
    font-size: 22px;
    text-align: left;
}

.awsm-job-specification-term{
	font-size:18px;
	font-weight:700;
}

.awsm-job-more-container{
	padding-top:34px;
	padding-bottom:20px;
}

.awsm-job-more{
background:#c1c4c9;
    color: #fff;
    padding: 18px;
    border-radius: 21px;
    margin-top: 51px;
}
/*
.job-box-row{
background-image:url('https://www.webnyxa.com/wp-content/uploads/2023/06/BANNER-1.webp');
	background-repeat:no-repeat;
	background-size:cover;
	color:#000!important;
	height:350px;
	width:100%;
}

*/

.job-box{
	padding:60px;
}

.job-box h2{
	padding-top:40px;
	    color: #000;
    text-align: center;
    font-size: 55px;
    text-decoration: underline;
    font-weight: 700;
}

.awsm-job-listing-item.awsm-grid-item{
	width:16%!important;
}

.awsm-job-listing-item.awsm-grid-item{
	margin-left:220px;
}


.footer.full-w{
	padding-top:80px;
/* 	background-image:url('https://www.webnyxa.com/wp-content/uploads/2023/06/footer11-scaled.jpg'); */
	background-repeat:no-repeat;
	width:100%;
	height:700px;
	position:relative;
	background-size:cover;
	background-attachment:fixed;
	background-color:#527ffc
	
	
}

@media screen and (min-width:1920px) and (max-width:1999px){
	.page-template-blog-php .blog.full-w.pt-5:before {
    position: relative;
    display: block;
    content: '';
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/06/img-1686906381247.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 150px;
    width: 150px;
    left: -34px;
    top: 133px;
    z-index: 1;
    right: 0px;
    margin: 0 auto;
    transform: translateX(-625px);
}
	
	
}

/***********************career-page-new*****************************/
	
	
.page-template-career-php .career-slider-left h2{
    font-family: Poppins;
font-size: 80px;
font-weight: 600;
line-height: 120px;
letter-spacing: 0em;
text-align: left;

}
.page-template-career-php .career-slider-left span{
    font-family: Roboto;
font-size: 22px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
background:#527ffc;
display: block;
color: #fff;
position: relative;
left: -509px;
text-align: right;
padding-right: 20px;
width: 1800px;
float: right;
}

.page-template-career-php .career-slider-section>.container-fluid{
    padding-top:150px;
    max-width: 100%;
    margin: 0 auto;
	background:#fff;
}
.page-template-career-php .career-slider-section>.container-fluid>.row{
    padding-top:0px;
    max-width: 1600px;
    margin: 0 auto;
	
}

.page-template-career-php .job-box{
    height: 550px;
    width: 100%;
    max-width: 300px;
    box-shadow: 0px 0px 11px 0px;
    margin: 0 auto;
	background:#fff;
	
 
}


.page-template-career-php .job-box{
	padding:0px!important;
}
.page-template-career-php .job-box-section>.container-fluid{
    max-width: 1600px;
    padding-top: 80px;
    padding-bottom: 80px;
}

.page-template-career-php .job-box .img-section img{
    width:100%;
    max-width: 300px;
    height:230px;
}
.page-template-career-php .job-box-content h2{
    font-size: 30px;
    color:#527ffc;
	text-decoration:none;
	text-align:left;
}

.page-template-career-php .job-box-content{
    margin: 10px;
}

.page-template-career-php .job-box-content h3{
    font-size: 22px;
    color:#000;
}

.page-template-career-php .job-box-content p{
    font-size: 16px;
    color:#000;
    font-weight: 400;
}

.page-template-career-php .job-box-content span{
       font-weight: 700;
}

.page-template-career-php .job-box-section .row{display: flex;
flex-direction: row;}

.page-template-career-php .job-box-button{
    padding:10px 30px;
    background:#527ffc;
    color:#fff;
    border:none;
}

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

    .career-slider-left span {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        background: #527ffc;
        display: block;
        color: #fff;
        position: relative;
        left: 0px;
        text-align: center;
        padding-right: 0px;
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .career-slider-left h2 {
        font-family: Poppins;
        font-size: 55px;
        font-weight: 600;
        line-height: 120px;
        letter-spacing: 0em;
        text-align: center;
    }


    .job-box {
        height: auto;
        width: 100%;
        max-width: 300px;
        box-shadow: 0px 0px 11px 0px;
        margin: 0 auto;
        margin-bottom: 30px!important;
        padding-bottom: 20px;
    }


}

@media screen and (min-width:992px) and (max-width:1200px){
    .career-slider-section>.container-fluid{
        max-width:1000px;
    }



    .career-slider-left span {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        background: #527ffc;
        display: block;
        color: #fff;
        position: relative;
        left: -220px;
        text-align: right;
        padding-right: 20px;
        width: 1800px;
        float: right;
    }
}

@media screen and (min-width:1201px) and (max-width:1600px){
    .career-slider-section>.container-fluid{
        max-width:1200px;
    }



    .career-slider-left span {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        background: #527ffc;
        display: block;
        color: #fff;
        position: relative;
        left: -308px;
        text-align: right;
        padding-right: 20px;
        width: 1800px;
        float: right;
    }
}
	
	/*******************************/

.new-top-application .application-text h3{
	color:#527ffc!important;
}

.industry-new-heading span{
	color:#527ffc!important;
}

/******************python developer***************************/

.job-description-python h3{
    font-size: 40px;
    text-transform: capitalize;
    text-align: left;
    font-weight: 700;
    padding-top: 60px;
    padding-bottom: 20px;
}


.job-description-python h4{
    font-size: 22px;   
    text-align: left;
    font-weight: 400;
    padding-top:10px;
}

.python-developer-section>.container-fluid{
    max-width: 1400px;
 
   
    margin-bottom: 40px;
    border-radius: 30px;
    padding: 40px 80px;
    box-shadow: 0px 2px 33px -19px;
    border: 10px solid #527ffc;
}

.job-des-python{
    width:90%;

}

.job-description-python ul li{
    font-size:20px;
    margin-bottom: 10px;
}


.python-developer-section{
    background:#f9f9f9;
    padding:80px 0px;
}

.python-developer-section p{
    font-size:25px;
    font-weight: 700;
    padding-top: 10px;
}


.apply-button {border: none;
background: #527ffc;
padding: 20px 80px;
color: #fff;
border-radius: 30px;
font-size: 22px;
margin: 0 auto;
text-align: center;
display: flex;
margin-bottom: 40px;
}

@media screen and (max-width:991px){
    .python-developer-section>.container-fluid {
        max-width: 100%;
        margin-bottom: 40px;
        border-radius: 30px;
        padding: 10px;
        box-shadow: 0px 2px 33px -19px;
        border: 10px solid #527ffc;
    }

    .job-description-python h3 {
        font-size: 32px;
        text-transform: capitalize;
        text-align: left;
        font-weight: 700;
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .python-developer-section{
        padding: 10px;
    }

}

/************************laravel developer*************************/

.job-description-laravel h3{
    font-size: 30px;
    text-transform: capitalize;
    text-align: left;
    font-weight: 700;
    padding-top: 60px;
    padding-bottom: 20px;
}

.job-span{
    font-weight: 700;
}


.job-description-laravel h4{
       font-size: 18px;
    text-align: left;
    font-weight: 400;
    padding-top: 10px;
    line-height: 26px;
}


.laravel-developer-section>.container-fluid{
    max-width: 1400px;   
    margin-bottom: 40px;
    border-radius: 30px;
    padding: 40px 80px;
    box-shadow: 0px 2px 33px -19px;
  
}

.job-des-laravel{
    width:90%;

}

.job-description-laravel ul li{
    font-size:18px;
    margin-bottom: 10px;
}


.laravel-developer-section{
    background:#fff;
    padding:80px 0px;
}

.laravel-developer-section p{
    font-size:20px;
    font-weight: 700;
    padding-top: 10px;
}


.apply-button {border: none;
background: #527ffc;
padding: 20px 80px;
color: #fff;
border-radius: 30px;
font-size: 22px;
margin: 0 auto;
text-align: center;
display: flex;
margin-bottom: 40px;
}

@media screen and (max-width:991px){
    .laravel-developer-section>.container-fluid {
        max-width: 100%;
        margin-bottom: 40px;
        border-radius: 30px;
        padding: 10px;
        box-shadow: 0px 2px 33px -19px;
        border: 10px solid #527ffc;
    }

    .job-description-laravel h3 {
        font-size: 32px;
        text-transform: capitalize;
        text-align: left;
        font-weight: 700;
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .laravel-developer-section{
        padding: 10px;
    }



}


.techon-plateform-box {
    width: 100%;
    height: 168px;
    max-width: 180px;
   border:2px solid #6a7266;
    border-radius: 55px;
    margin-left: 50px;
	    box-shadow: 0px 4px 14px #527ffc;
}	



.service-box .icon-box{
	min-height:180px;
	display:flex;
	align-items:center;
}

.application-text .btn.btn-green.mt-4:hover {
	background:#527ffc;
	
}

@media screen and (max-width:991px){
	.footer.full-w {
    padding-top: 80px;
/*     background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/06/footer11-scaled.jpg); */
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
		background-color:#527ffc
}
	
	.page-template-homepage .service-box.text-center {
    width: 100%;
    height: auto!important;
    border: 3px solid #527ffc;
    padding: 6px;
    box-shadow: none!important;
}
	
.service-box .icon-box {
    min-height: 102px;
}	
	
	
}

.page-template-contact-us-php .text-center.mb-5 h3{
	font-size:60px;
	color:#527ffc;
}

.page-template-contact-us-php .wpcf7-form p input {
    width: 90%;
    background: #fff;
    border: none!important;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    transition: all .5s;
    height: 60px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 12px;
    box-shadow: 0px 0px 6px 0px #527ffc;
    border: none;
}

.page-template-contact-us-php .wpcf7-form .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.subject-from {
    width: 96%!important;
    background: #fff;
    border: none!important;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    transition: all .5s;
    height: 60px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 12px;
    box-shadow: 0px 0px 6px 0px #527ffc;
    border: none;
}




.page-template-contact-us-php .wpcf7-form textarea {
   height:128px;
    border-radius: 12px;
    box-shadow: 0px 0px 6px 0px #527ffc;
    border: none;
	width:96%!important;
}

.page-template-contact-us-php .wpcf7-form p label{
	font-size:20px;
	text-align:left;
	text-transform:capitalize;
}

.page-template-contact-us-php .wpcf7-form-control.has-spinner.wpcf7-submit{
	box-shadow:none!important;
    background: #527ffc!important;
}

/*
.page-template-contact-us-php .contact-form:before{
	    content: '';
    display: block;
    position: absolute;
    width: 100%;
    max-width: 800px;
    height: 800px;
    background: #527ffc;
    right: -60%;
    border-radius: 65%;
    z-index: -1;
    top: -34%;
	
}

*/

.page-template-contact-us-php .contact-us >.container >.row{
	padding-top:80px;
	padding-bottom:80px;
}

.page-template-contact-us-php .contact-us.mb-5 {
	background:#527ffc;
}

.page-template-contact-us-php .contact-us-right{
	padding: 30px;
    background: #fff;
    border-radius: 30px;
	padding-top:66px!important;
}

.page-template-contact-us-php .text-center.mb-5 h3 {
    font-size: 60px;
    color: #fff;   
	padding-bottom:10px;
}

.page-template-contact-us-php .contact-us-left p{
	color:#fff!important;
}

.page-template-contact-us-php  .contact-us-left{ height: 500px;
    padding-right: 150px;  
     margin-top: 114px;
}

.contact-us.mb-5 > .container{
	max-width:1400px!important;
}

.page-template-contact-us-php  .contact-us-left ul{
	list-style:none;
	padding-left:0px;
	margin-left:0px;
	display:flex;
	flex-direction:row;
	justify-content:center;
}

.page-template-contact-us-php  .contact-us-left ul li{
	text-align:left;
	color:#fff;
	font-size:34px;
	width:90px;
	text-align:center;
}

.social-follow{
	margin-top:80px;
	font-size:30px;
}
/*
.page-template-contact-us-php .contact-us-row{
	background-image:url('https://www.webnyxa.com/wp-content/uploads/2023/06/rm222-mind-19-scaled.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	min-height:500px;
	
}

*/

.inner-banner-section.full-w > .auto-container{
	max-width:100%;
	padding:0px;
}

.inner-banner-section.full-w{
	background:#fff;
	padding-bottom:40px;
}

.text-lg-left.text-center.content-column{
	padding-left:80px;
}

.page-template-digital-marketing-php .text-lg-left.text-center.content-column{
	padding-left:0px!important;
}

@media screen and (max-width:991px) {
	
.page-template-contact-us-php .text-lg-left.text-center.content-column {
    padding-left: 0px!important;
	padding-top:80px;
}	
	
.page-template-contact-us-php .contact-us-row {
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/06/cntc-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: auto;	
	}
	
.page-template-contact-us-php .contact-us-left {
    height: auto;
    padding-right: 0px;
    margin-top: 0px;
}	
	
	.page-template-contact-us-php  .wpcf7-form.init{
		display:flex;
		flex-direction:column;
	}
	
	
	.page-template-contact-us-php  .wpcf7-form.init p{
		max-width:100%!important;
	}	
	
	.page-template-contact-us-php .contact-us-right{
		margin:10px!important;
		margin:0 auto!important;
	}
	
	.text-lg-left.text-center.content-column p{
		font-size:18px;
		line-height:30px;
	}
	
	
	.page-template-contact-us-php .contact-us-left p{
		font-size:18px;
		line-height:30px;
	}	
		
}

@media screen and (min-width:992px) and (max-width:1400px){
	.page-template-contact-us-php .contact-us >.container >.row {


    padding-right: 40px;
}
}

.page-template-contact-us-php .contact-us-left ul li a{
	text-decoration:none;
	color:#fff!important;
}

.blog-page-section .row.align-items-center{
	background-image:url('https://www.webnyxa.com/wp-content/uploads/2023/06/banner-2.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	height:600px;
}

@media screen and (max-width:991px){
	.new-delivery-ontime span{
		margin-left:0px!important;
	}
	.new-partnership span{
		margin-left:0px!important;
	}
	.new-teamwork span {
		margin-left:0px!important;
	}
	.tour-div span{
		font-size:55px!important;
	}
	.row.job-box-row .job-box-left h2{
	padding-left:0px!important;	
	}
	.row.job-box-row .job-box-left p{
		padding-left:0px!important;
		line-height:30px;
	}
	.blog-page-section .row.align-items-center {
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/06/banner-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    padding-top: 80px;
}
	
	
	
}

.page-template-contact-us-php .img-column{
	padding-top:80px;
}

.page-template-career-php .job-box-section{
	background:#f5f5f5!important;
}


@media screen and (max-width:1100px){
.page-template-contact-us-php .wpcf7-form p input {
    
    border: 2px solid #b4b0b0!important;
}
.page-template-contact-us-php .wpcf7-form p textarea{
   
     border: 2px solid #b4b0b0!important;
}	
		
	
}


.page-template-contact-us-php .d-block.banner-title.mb-3{
	font-size:55px;
	font-weight:700;
	
}

.row.job-box-row{
	max-width:1600px;
	margin:0 auto;
}

.row.job-box-row .job-box-left h2{
font-size: 55px;
    font-weight: 700;
    padding-top: 120px;
    color: #000!important;
    padding-left: 126px;
}
.row.job-box-row .job-box-left p{
font-size: 30px;
    font-weight: 700;    
    color: #000!important;
    padding-left: 126px;
}

.second-row-career{
	background:#f5f5f5;
}

.single-awsm_job_openings .rt-reading-time{
	display:none!important;
}



.awsm-job-more {
    background: #527ffc;
    color: #fff;
    padding: 18px;
    border-radius: 21px;
    margin-top: 51px;
}

@media screen and (max-width:600px){
	
	.laravel-developer-img {
    width: 166px;
    position: relative;
    left: 0px!important;
    top: 58px;
    border-radius: 53%;
    border: solid 2px #527ffc;
    height: 166px;
    margin: 0 auto!important;
    text-align: center;
    right: 0px;
}
	
	.awsm-job-listing-item.awsm-grid-item {

     margin-left:0px;
		width:100%!important;
}
	
}

@media screen and (min-width:601px) and (max-width:1000px){
	
	.laravel-developer-img {
    width: 166px;
    position: relative;
    left: 0px;
    top: 58px;
    border-radius: 53%;
    border: solid 2px #527ffc;
    height: 166px;
    margin: 0 auto!important;
    text-align: center;
    right: 0px;
}
	
	.awsm-job-listing-item.awsm-grid-item {
     margin-left:0px;
		width:70%!important;
	
}

}

@media screen and (min-width:1001px) and (max-width:1600px){
	
	.laravel-developer-img {
    width: 166px;
    position: relative;
    left: 0px;
    top: 58px;
    border-radius: 53%;
    border: solid 2px #527ffc;
    height: 166px;
    margin: 0 auto!important;
    text-align: center;
    right: 0px;
}
	
	.awsm-job-listing-item.awsm-grid-item {
     margin-left:0px;
		width:50%!important;
		margin-left:50px;
	
}

}

@media screen and (min-width:1601px) and (max-width:1800px){
	
	.laravel-developer-img {
    width: 166px;
    position: relative;
    left: 0px;
    top: 58px;
    border-radius: 53%;
    border: solid 2px #527ffc;
    height: 166px;
    margin: 0 auto!important;
    text-align: center;
    right: 0px;
}
	
	.awsm-job-listing-item.awsm-grid-item {
     margin-left:0px;
		width:25%!important;
		margin-left:80px;
	
}

}


.laravel-developer-img{
	width: 166px;
    position: relative;
    left: 270px;
    top: 58px;
    border-radius: 53%;
    border: solid 2px #527ffc;
    height: 166px;
}

.awsm-job-form{
	width:40%;
	margin:0 auto;
}

.single-awsm_job_openings .awsm-job-specifications-container.awsm_job_spec_below_content{
	display:none!important;
}

.laravel-developer-section{
	width:50%;
	float:left;
	padding:40px;
	
}

.awsm-job-form{
	    width: 40%;
    margin: 0 auto;
       padding: 40px;
}

.single-awsm_job_openings .awsm-job-single-wrap{
	max-width:1600px;
	margin:0 auto;
}

.single-awsm_job_openings .awsm-job-form-inner {
    background: #fff;
    border: 2px solid #527ffc;
    padding: 40px;
	border-radius:30px
}

.single-awsm_job_openings .awsm-application-form input{
	height:50px;
	border-radius:10px;
}

.awsm-job-form-control {
    border-radius: 10px;
    display: block;
    width: 100%;
}

@media screen and (max-width:991px) {
	
	.laravel-developer-section {
    width: 100%;
    float: none;
    padding: 10px;
}
	
	.awsm-job-form {
    width: 100%;
    margin: 0 auto;
    float: none;
    padding: 10px;
}
	
	
}

@media screen and (min-width:992px) and (max-width:1400px) {
	
	.laravel-developer-section {
    width: 70%;
    float: none;
    padding: 10px;
		margin:0 auto;
}
	
	.awsm-job-form {
    width: 70%;
    margin: 0 auto;
    float: none;
    padding: 10px;
}
	
	
}

.recruitment-section{
	    display: block;
    background: #527ffc;
    max-width: 100%;
    text-align: center;
    font-size: 35px;
    color: #fff;
    padding: 20px 0px;
    font-weight: 700;
    width: 100%;
    margin: 0 auto;
}

/***********************servey-css * *******************************/




.suvey-front-page-section{
    background:#f5f5f5;
    width: 100%;
    text-align: center;
    padding: 80px 80px ;
}

.front-page h2{
font-size:55px;
font-weight:700;
}

.start-survey-button{
    border-radius: 64px;
    padding: 23px 60px;
    border: none;
    background: #a89696;
    color: #fff;
    font-size: 40px;
    margin-top: 50px;
}


/*****************first-page*******************/

.page.page-id-6742 .rt-reading-time{
	display:none!important;
	
}

.page.page-id-6746 .rt-reading-time{
	display:none!important;
	
}


.first-page-section{
    padding-top:150px;
    text-align: center;
}

.first-page-div h2{
    font-size: 40px;
}
.first-page-input{
    color:#7ecc99;
    border: 2px solid #000;
    font-size: 38px;
    width: 60%;
    height: 58px;
    margin-top: 35px;
    position: relative;
    margin: 10px;
    margin-top: 40px!important;
}

.first-page-input2{
    color:#7ecc99;
    border: 1px solid #bebbbb;
    font-size: 38px;
    width: 21%;
    height: 58px;
    margin-top: 35px;
    position: relative;
    margin: 10px;
    margin-top: 40px!important;
}

.first-page-input7{
    color:#7ecc99;
    border: 1px solid #bebbbb;
    font-size: 38px;
    width: 35%;
    height: 58px;
    margin-top: 35px;
    position: relative;
    margin: 10px;
    margin-top: 40px!important;
}



.first-page-submit{
    position: relative; 
    padding: 16px 80px;
    font-size: 22px;
    border: none;
    background: #a89696;
}

.survey-back-button{
    position: relative;   
    padding: 20px 80px;
    font-size: 22px;
    border: none;
    background: #a89696;
    text-decoration: none;
    color: #000;
    left:-14px;
}

.bottom-bar{
    margin-top: 76px;
    background: #3a3333;
    padding: 80px 30px;
    text-align: right;
}

.logo-top-bar{
    padding: 40px 80px;
}

.front-page p{
    font-size: 20px;
    width: 80%;
    margin: 0 auto;
    padding-top: 25px;
}

 .top-basice-bar {  
    box-shadow: 1px 0px 13px -2px;
    background: #fff;
width: 100%;
display: block;
padding: 20px 40px;
text-align: left;
font-size: 24px;
font-weight: 400;
top: -227px;
position: relative;}

.first-page-div h2{
font-weight: 400!important;
}


.top-logo-section{
    display: block;
    background: #000;
    position: relative;
    top: -190px;
    padding: 48px 40px;
    text-align: left;
}

.top-logo-section img{
    width:213px;
    height: auto;
}

.progress{
    margin-top: 2px;
    position: relative;
    top: -97px;
    background: #a89696;
}

.first-page-input2:hover{
    background:#3a3333;
    color:#7ecc99;
}

.first-page-input7:hover{
    background:#3a3333;
    color:#7ecc99;
}

.page.page-id-6742 .auto-container.navbar.navbar-expand-lg.navbar-light{
	display:none!important;
}


.page.page-id-6742 .footer.full-w{
	display:none!important;
}


.page.page-id-6742 .entry-header .entry-title {
	display:none!important;
}

.page.page-id-6746 .auto-container.navbar.navbar-expand-lg.navbar-light{
	display:none!important;
}

.page.page-id-6746 .footer.full-w{
	display:none!important;
}

.page.page-id-6746 .entry-header .entry-title {
	display:none!important;
}

.page.page-id-6746  p input {
    width: 40%;
    background: #fff;
    border: 2px solid #527ffc;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    transition: all .5s;
    height: 35px;
    padding-left: 15px;
    padding-right: 15px;
}

.page.page-id-6746 .cf7mls-btns{
	max-width:100%;
	width:100%;
	background:#3a3333;
	height:300px;
	padding:60px 250px;
	margin-top:80px;
	
}


.page.page-id-6746 .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width: 40%;
    background: #fff;
    border: 2px solid #527ffc;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    transition: all .5s;
    height: 60px;
    padding-left: 15px;
	font-size:30px;
    padding-right: 15px;
	font-weight:400;
}


.page.page-id-6746  .wpcf7-form p:nth-child(5) {
    margin-left: 181px;
    max-width: 50%;
}

#cf7mls-back-btn-cf7mls_step-10.action-button{
	    float:none;
    padding: 17px 0px;
    width: 100%;
    max-width: 150px;
	margin-top:110px;
}

.page.page-id-6762 .footer.full-w{
	display:none!important;
}

.page.page-id-6762 .auto-container.navbar.navbar-expand-lg.navbar-light{
	display:none!important;
}

.page.page-id-6762 .rt-reading-time{
	display:none!important;
}


.page.page-id-6762 .entry-header .entry-title {
	display:none!important;
}


.page.page-id-6746 .fieldset-cf7mls.cf7mls_current_fs p label{
	font-size:35px;
}


.page.page-id-6746 .fieldset-cf7mls.cf7mls_current_fs{
	padding:0px;
}


.page.page-id-6746 .cf7mls_back.action-button{
	position:relative;
	right:-500px;
	    width: 170px;
    min-height: 63px;
		font-weight:400;
    font-size: 38px;
}

.page.page-id-6746 .cf7mls_next.cf7mls_btn.action-button{
	position:relative;
	left:-500px;
	    width: 170px;
    min-height: 63px;
    font-size: 38px;
	font-weight:400;
}

#cf7mls-back-btn-cf7mls_step-10{
	position:relative;
	right:0px!important;
	
}

@media screen and (max-width:991px) {
	
	.front-page p {
    font-size: 20px;
    width: 80%;
    margin: 0 auto;
    line-height: 33px;
    padding-top: 25px;
}
	
	
.page-id-6742	.front-page h2 {
    font-size: 45px;
    font-weight: 700;
}
	
	.start-survey-button {
    border-radius: 64px;
    padding: 23px 60px;
    border: none;
    background: #a89696;
    color: #fff;
    font-size: 30px;
    margin-top: 50px;
}
	
	.page.page-id-6746 .cf7mls-btns{
		display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
	}
	
	.submit-bar:after {
    top: 348px;
    content: '';
    width: 100%;
    max-width: 100%;
    height: 380px;
    background: #3a3333;
    display: block;
    position: absolute;
    z-index: -1;
}
	
	#cf7mls-back-btn-cf7mls_step-10.action-button {
    float: none;
    padding: 17px 0px;
    width: 100%;
    max-width: 150px;
    margin-top: 0px!important; 
}
	
	.page.page-id-6746 form.cf7mls input.wpcf7-form-control.wpcf7-submit {
    height: 71px;
    border-radius: 3px;
    padding: 23px 29px;
    font-weight: bold;
    margin: 16px 0px 26px;
    float: none;
		font-size: 32px;
	margin-top:0px!important;
	}
	
.page.page-id-6746	.wpcf7-list-item-label{
		font-size:28px;
	}
	
	
	.fieldset-cf7mls.cf7mls_current_fs {
    height: auto!important;
}
	
	.page.page-id-6746 .cf7mls-btns {
    max-width: 100%;
    width: 100%;
    background: #3a3333;
    height: 284px;
    padding: 22px 250px;
    margin-top: 0px;
}
	
	
.page.page-id-6746	.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio{
	max-width:100%;
		margin:0 auto;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding-bottom:40px;
	}
	
	
	
.page.page-id-6746 .fieldset-cf7mls.cf7mls_current_fs p label	{
		
    width: 90%;
    padding: 5px;
    margin: 10px;
    margin: 0 auto;
}
	

	.page.page-id-6746 .fieldset-cf7mls.cf7mls_current_fs p label {
    font-size: 30px;
    line-height: 42px;
}

	.page.page-id-6746 .cf7mls_next.cf7mls_btn.action-button {
    position: relative;
	left:0px;
    width: 170px;
    min-height: 63px;
    font-size: 38px;
    font-weight: 400;
}
	
.page.page-id-6746 .cf7mls_back.action-button{
	position:relative;
	right:0px;
	    width: 170px;
    min-height: 63px;
		font-weight:400;
    font-size: 38px;
}	
	
	.page.page-id-6746 .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
   width: 92%;
    background: #fff;
    border: 2px solid #527ffc;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    transition: all .5s;
    height: 60px;
    padding-left: 15px;
    font-size: 25px;
    padding-right: 15px;
    font-weight: 400;
    margin-bottom: 50px;
    position: relative;
    top: -35px;
}
	
.page.page-id-6746 .fieldset-cf7mls.cf7mls_current_fs {
    padding: 0px;
    width: 88%;
    margin: 0 auto;
    text-align: center;
	}
	
	.wpcf7-form label {
    display: block;
		font-size:18px!important;
}
	
	
}

@media screen and (min-width:1550px) and (max-width:1679px){
	.page.page-id-6746 .cf7mls_back.action-button {
    position: relative;
    right: -560px;
    width: 170px;
    min-height: 63px;
    font-weight: 400;
    font-size: 38px;
}

	.page.page-id-6746 .cf7mls_next.cf7mls_btn.action-button {
    position: relative;
    left: -652px;
    width: 170px;
    min-height: 63px;
    font-size: 38px;
    font-weight: 400;
}
	
	
}
@media screen and (min-width:1680px) and (max-width:1800px){
	.page.page-id-6746 .cf7mls_back.action-button {
    position: relative;
    right: -601px;
    width: 170px;
    min-height: 63px;
    font-weight: 400;
    font-size: 38px;
}

	.page.page-id-6746 .cf7mls_next.cf7mls_btn.action-button {
    position: relative;
    left: -671px;
    width: 170px;
    min-height: 63px;
    font-size: 38px;
    font-weight: 400;
}
	
	
}

@media screen and (min-width:1000px) and (max-width:1800px){

.page.page-id-6746 .cf7mls_back.action-button {
  position: relative;
    right: 10px;
    width: 170px;
    min-height: 63px;
    font-weight: 400;
    font-size: 38px;
	float:none!important;
}


.page.page-id-6746 .cf7mls_next.cf7mls_btn.action-button {

    position: relative;
    left: 10px;
    width: 170px;
    min-height: 63px;
    font-size: 38px;
    font-weight: 400;
	float:none!important;
}
	
	
}







.page.page-id-6746 #wpcf7-f6753-p6746-o1{
	margin-top:-94px;
}

.page.page-id-6746  input[type='radio']{
    width: 25px!important;
    height: 25px!important;
}

.page.page-id-6746  form.cf7mls input.wpcf7-form-control.wpcf7-submit {
    height: 71px;
    border-radius: 3px;
    padding: 23px 29px;
    font-weight: bold;
    margin: 16px 0px 26px;
    float:none;
     font-size: 32px;
}

.submit-bar:after{
    top: 315px;
    content: '';
    width: 100%;
    max-width: 100%;
    height: 380px;
    background: #3a3333;
    display: block;
    position: absolute;
    z-index: -1;
	
}

.fieldset-cf7mls.cf7mls_current_fs{
	height:560px;
}

.page.page-id-6746 form.cf7mls input.wpcf7-form-control.wpcf7-submit{
	margin-top:110px;
}

.single.single-blog_detail ol li{
	font-size:20px;
	color:#000;
}

.page-template-contact-us-php .wpcf7-form p{
	max-width:100%!important;
}

.page-template-contact-us-php  .wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	background:#5b872d;
	cursor:pointer;
}

.page-template-blog-php ol{display:none;}


.jd-description-text ul li{
	font-size:20px;
	font-weight:500;
	color:#000;	
}

.jd-section-job-questions ul li{
	font-size:20px;
	font-weight:500;
	color:#000;	
}


.page-template-contact-us-php .wpcf7-form p{
	display:flex;
}

.page-template-contact-us-php .wpcf7-form p:nth-child(4){
	display:block;
}

.page-template-contact-us-php .wpcf7-form p:nth-child(5){
	display:block;
}

@media screen and (min-width:1400px) and (max-width:1920){

.page-template-contact-us-php .wpcf7-form p{
	display:flex;
}

.page-template-contact-us-php .wpcf7-form p:nth-child(4){
	display:block;
}

.page-template-contact-us-php .wpcf7-form p:nth-child(5){
	display:block;
}	
	
	
	
}



@media screen and (max-width:1399px)	{
		.page-template-contact-us-php .wpcf7-form p{
	display:block!important;
}
	}
	

.counter-row-img{
	display:none;
}

.section-counter .counter-column.text-center{
	    box-shadow: 0px 0px 25px -12px #527ffc;  
    padding: 20px;
    border-radius: 44px;	
	height:330px;
}

.smart-page-loader{
	display:flex;
	justify-content:center;
	align-items:center;
	background:#000;
}

.carousel {
  display: none;
}


/*****************************new--section--css**************/


.main-section{
    text-align: center;
    padding-top: 80px;
}

.main-section>h2{
    font-size: 75px;
    color: #000;
    padding-bottom: 50px;
}

.main-section>h2>span{
    color:#527ffc !important;
}

.main-section ul li{
    padding-top: 40px;
    width: 300px;
    height: 300px;
    margin: 30px;
    border-radius:12px;
    
}

.main-section ul li:hover{
cursor: pointer ;
}

.main-section ul{
	padding-left:0px;
	margin-left:0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
   
}

.main-section ul li img{
    text-align: center;
    width: 100%;
    max-width: 100px;
    height: 100px;

}

.li-01, .li-03{
    margin-top:80px!important;
}

.li-06, .li-08{
    margin-top:-50px!important;
}

.li-05, .li-07{
    margin-top:0px!important;
}

.main-section ul li h4{
padding-top: 20px;
}
.li-01 {
     border: 3px solid #b4b9b7;
    border-bottom: 8px solid #b4b9b7;
}

.li-01:hover {
    border: 3px solid #df2405;
    border-bottom: 8px solid #df2405;
}
.li-02:hover {
     border: 3px solid #004f71;
    border-bottom: 8px solid #004f71;
}
.li-03:hover {
     border: 3px solid #fd8469;
    border-bottom: 8px solid #fd8469;
}
.li-04:hover {
     border: 3px solid #b6e6fe;
    border-bottom: 8px solid #b6e6fe;
}
.li-05:hover {
    border: 3px solid #0f906a;
    border-bottom: 8px solid #0f906a;
}

.li-06:hover {
     border: 3px solid #f6c863;
    border-bottom: 8px solid #f6c863;
}

.li-07:hover {
    border: 3px solid #0080b2;
    border-bottom: 8px solid #0080b2;
}

.li-08:hover {
  border: 3px solid #510690;
    border-bottom: 8px solid #510690;
}


.li-02 {color:#241f1f !important;
   border: 3px solid #b4b9b7;
    border-bottom: 8px solid #b4b9b7;
}


.li-03 {
    color: #ef7171!important;
  border: 3px solid #b4b9b7;
    border-bottom: 8px solid #b4b9b7;
}


.li-04 {color: #66cd9f!important;
    border: 3px solid #b4b9b7;
    border-bottom: 8px solid #b4b9b7;
}



.li-05 {color: #0f906a!important;
      border: 3px solid #b4b9b7;
    border-bottom: 8px solid #b4b9b7;
}


.li-06 {color: #e0ab29!important;
    border: 3px solid #b4b9b7;
    border-bottom: 8px solid #b4b9b7;
}




.li-07 {color: #0b498b!important;
   border: 3px solid #b4b9b7;
    border-bottom: 8px solid #b4b9b7;
}



.li-08 {color: #2080a8!important;
     border: 3px solid #b4b9b7;
    border-bottom: 8px solid #b4b9b7;
}



@media screen and (max-width:991px){
    .main-section ul{
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .li-05, .li-07{
        margin-top:30px!important;
    }

    .li-06, .li-08{
        margin-top:30px!important;
    }

}

.h-client-2{
	display:flex;
}

.h-client-1{
	display:flex;
}

.video-sec-happy{
	padding-top:22px;
}


.video-sec-happy2{
	padding-top:38px;
}

.video-edit-2{
	width:100%!important;
}

.single.single-blog_detail ol{
	padding-left:0px;
	margin-left:0px;
}

.page.page-id-1742 .pagination{
	height:35px;
	    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-bottom: 30px!important;
}


/******************************/

.who-we-are-new {
    padding-right: 40px;
    background: #527ffc;
    height: 730px;
    padding-top: 140px;
}

.who-we-are-new h2 {
    width: 500px;
    margin: 0 auto;
    font-size: 90px;
    text-align: right;
    color: #fff;
    background: #527ffc;
    position: relative;
    z-index: 2;
}

.who-we-are-new p {
    position: relative;
    width: 600px;
    margin: 0 auto;
    font-size: 20px;
    text-align: right;
    color: #fff;
    border: 5px solid #fff;
    padding: 30px;
    top: -41px;
    z-index: 0;
}

.who-we-are-new h5 {
    width: 593px;
    margin: 0 auto;
    font-size: 30px;
    text-align: right;
    color: #fff;
    border-right: 27px solid #fff;
    padding-right: 30px;
}

.who-we-are-right img {
    height: 730px;
    width: 100%;
    border-bottom-right-radius: 600px;
}



@media screen and (max-width:992px){

    .who-we-are-new {
        padding: 20px!important;
        padding-right: 0px;
        background: 527ffc;
        height: auto;
        padding-top: 50px;
    }
    


    .who-we-are-new h2 {
        top: -15px;
        width: 100%;
        margin: 0 auto;
        font-size: 45px;
        text-align: center;
        color: #fff;
        background: #527ffc;
        position: relative;
        padding-top: 46px;
        z-index: 2;
        max-width: 276px;
    }
    

    .who-we-are-new p {
        position: relative;
        width: 95%;
        margin: 0 auto!important;
        font-size: 18px;
        text-align: center;
        color: #fff;
        border: 5px solid #fff;
        padding: 30px;
        top: -41px;
        z-index: 0;}


        .who-we-are-new h5 {
            width: 100%;
            margin: 0 auto;
            font-size: 30px;
            text-align: right;
            border-right: 27px solid #fff;
            padding-right: 30px;
            color: #fff;
        }


}

/**********************new-our-core-vlaue*********************/



.new-core-value-section h3 {
    padding-top: 50px;
    text-align: center;
    font-size: 72px;
    color: #000;
}

.new-core-value-section p {
    padding-top: 20px;
    text-align: center;
    font-size: 22px;
    color: #000;
    margin-bottom: 150px;
	font-family: popping,sans-serif;

}

.new-core-value-ul {
    display: flex;
    list-style: none;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    margin-bottom: 98px;
}
.new-core-value-ul li:hover{
	background:#f3f0f0;
}

.new-core-value-ul li {
    padding-top: 20px!important;
    width: 100%;
    max-width: 250px;
    height: 250px;
    margin: 50px;
    background: #fff;
    box-shadow: 0px 15px 47px -16px;
    padding: 20px;
}

.new-teamwork {
       position: relative;
}

.new-teamwork span {
    position: absolute;
    content: '';
    display: block;
    height: 250px;
    width: 250px;
    background: #6892d7;
    z-index: -1;
    margin-top: -111px;
    margin-left: 11px;
}

.new-core-value-ul li h2 {
    font-weight: 700;
    font-size: 22px;
    text-align: center;
    line-height: 30px;
}

.new-core-value-ul li p {
    padding-top: 0px;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
	font-family: popping,sans-serif;

}



.new-partnership span {
    position: absolute;
    content: '';
    display: block;
    height: 250px;
    width: 250px;
    background: #6892d7;
    z-index: -1;
    margin-top: -111px;
    margin-left: 11px;
}

.page-template-who-we-are1-php span img {
    width: 100%;
    max-width: 60px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    margin-top: 19px;
}

.new-delivery-ontime span {
    position: absolute;
    content: '';
    display: block;
    height: 250px;
    width: 250px;
    background: #6892d7;
    z-index: -1;
    margin-top: -111px;
    margin-left: 11px;
}

@media screen and (max-width:992px){
	.recruitment-section{
		text-wrap:balance;
	}

    .new-core-value-ul {
        padding: 10px;
        flex-direction: column;
        display: flex;
        list-style: none;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
        margin-bottom: -41px;
    }
}

@media screen and (max-width:1200px){
    .new-core-value-ul li p {
        padding-top: 0px;
        font-size: 18px;
        text-align: center;
        line-height: 30px;
    }
}

/****************************/




.new-section-cl .who-are-we-review h2 {
    margin-top: 80px;
    font-family: Raleway;
    font-size: 72px;
    font-weight: 700;
    line-height: 85px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 80px;
}

.new-section-cl .who-are-we-review span {
    color: #527ffc;
}

.new-section-cl .who-are-we-review-box {
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    padding-top: 50px;
    width: 72%!important;
    height: 500px;
    margin: 0 auto;
    background: #fff;
    display: flex!important;
    max-width: 100%;
    box-shadow: 0px 0px 14px -3px;
}

.new-section-cl .upwork-review1 {
    padding: 36px;
}

.new-section-cl .upwork-left {
    float: left;
    width: 100%;
    max-width: 300px;
    padding-top: 100px;
    border-right: 2px solid #527ffc;
    height: 298px;
}

.new-section-cl .upwork-left img {
    width: 82%!important;
}

.new-section-cl .upwork-right {
    float: right;
    width: 100%;
    max-width: 700px;
}

.new-section-cl .upwork-right h2:before {
    content: '';
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2025/12/file_00000000f1f872069c22811924d7f0b3.png);
    width: 64px;
    height: 64px;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.new-section-cl .upwork-right h2 {
    font-family: Raleway;
    font-size: 30px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px!important;
}

.new-section-cl .upwork-right h4 {
    font-family: Raleway;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #527ffc;
}


.new-section-cl .clutch-left {
    float: left;
    width: 100%;
    max-width: 300px;
    padding-top: 100px;
    padding: 100px 20px;
    border-right: 2px solid #527ffc;
}

.new-section-cl .clutch-left img {
    float: right;
    width: 100%;
    max-width: 700px;
}

.new-section-cl .clutch-right h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 18px;
}

.new-section-cl .clutch-right h5 {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.new-section-cl .clutch-right ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding-left: 0px;
    padding-top: 20px;
    margin-bottom: 0px;
	justify-content:center;
}

.new-section-cl .clutch-right ul li {
    font-family: Raleway;
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    display: block;
}

.new-section-cl .clutch-right ul li a {
    font-family: Raleway;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #527ffc;
    display: block;
    width: 95%;
    margin: 0 auto;
}

.new-section-cl .clutch-ceo2 {
    width: 372px!important;
}

.new-section-cl .clutch-ceo2 h4 {
    font-family: Raleway;
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    padding-top: 10px;
}

.new-section-cl .clutch-ceo2:after {
    content: '';
    background: #000;
    position: relative;
    display: block;
    height: 48px;
    width: 2px;
    top: -40px;
    left: -7px;
}

.new-section-cl .clutch-right {
    float: right;
    width: 100%;
    max-width: 690px;
}

@media screen  and (max-width:1000px) {
	
	.new-section-cl .upwork-right h2 {
    font-family: Raleway;
    font-size: 22px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px!important;
}
    .new-section-cl .who-are-we-review h2 {
        margin-top: 30px;
        font-family: Raleway;
        font-size: 40px;
        font-weight: 700;
        line-height: 66px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 20px;
    }

    .new-section-cl .upwork-left img {
        max-width: 300px;
        width: 100%!important;
    }

    .new-section-cl .who-are-we-review-box {
        margin-top: 20px!important;
        margin-bottom: 20px!important;
        padding-top: 50px;
        width: 100%!important;
        height: auto;
        margin: 0 auto;
        background: #fff;
        display: flex!important;
        max-width: 100%;
        box-shadow: 0px 0px 14px -3px;
    }

    .new-section-cl .upwork-left {
        text-align: center;
        border-right:none;  
        float: none;
        width: 100%;
        max-width: 100%;
        padding-top: 20px;
        height: auto;
    }
    
    .new-section-cl .clutch-left {
        text-align: center;
        float: none;
        width: 100%;
        max-width: 100%;
        padding-top: 100px;
        padding: 20px 20px;
        border-right: none;
    }
  
    .new-section-cl .clutch-left img {
        float:none;
        width: 100%;
        max-width: 300px;
    }
	
	.new-section-cl .clutch-right h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-bottom: 18px;
}
	
	.new-section-cl .clutch-right ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding-left: 0px;
    padding-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
		justify-content:center;
}
	.new-section-cl .clutch-ceo2:after {
    content: '';
    background: #000;
    position: relative;
    display:none;
    height: 48px;
    width: 2px;
    top: -40px;
		left: 8px;}
	
new-section-cl .clutch-right ul li a {
    font-family: Raleway;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #527ffc;
    display: block;
    width: 95%;
	margin: 0 auto;	}
	
.new-section-cl .clutch-ceo2 h4 {
    font-family: Raleway;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    padding-top: 10px;
}	
	
	

}


@media screen and (min-width:1001px) and (max-width:1800px) {
	
		.new-section-cl .clutch-ceo2:after {
    content: '';
    background: #000;
    position: relative;
    display:none;
    height: 48px;
    width: 2px;
    top: -40px;
		left: 8px;}
	
	
    .new-section-cl .who-are-we-review-box {
        margin-top: 20px!important;
        margin-bottom: 20px!important;
        padding-top: 50px;
        width: 100%!important;
        height: 500px;
        margin: 0 auto;
        background: #fff;
        display: flex!important;
        max-width: 890px;
        box-shadow: 0px 0px 14px -3px;
    }

    .new-section-cl .upwork-left {
        float: left;
        width: 100%;
        max-width: 250px;
        padding-top: 100px;
        border-right: 2px solid #527ffc;
        height: 298px;
    }

    .new-section-cl .upwork-right {
        float: right;
        width: 100%;
        max-width: 510px;
    }
    .new-section-cl .upwork-right h2 {
        font-family: Raleway;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 20px!important;
    }

    .new-section-cl .clutch-left img {
        float: left;
        width: 100%;
        max-width: 230px;
    }
    .new-section-cl .clutch-right {
        float: right;
        width: 100%;
        max-width: 458px;
    }
    .new-section-cl .clutch-right h2 {
        font-family: 'Raleway', sans-serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 35px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 18px;
    }

    .new-section-cl .clutch-right h5 {
        font-family: 'Raleway', sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: left;
        color: #000;
    }

}


@media screen and (min-width:992px) and (max-width:1400px){
	
	.who-we-are-new h2 {
    width: 65%;
    margin: 0 auto;
    font-size: 55px;
    text-align:center;
    color: #fff;
    background: #527ffc;
    position: relative;
		z-index: 2;}

	
	.who-we-are-new p {
    position: relative;
    width: 96%;
    margin: 0 auto;
    font-size: 20px;
    text-align: right;
    color: #fff;
    border: 5px solid #fff;
    padding: 17px;
    top: -26px;
    z-index: 0;
}
	.who-we-are-new h5 {
    width: 100%;
    margin: 0 auto;
    font-size: 30px;
    text-align: right;
    color: #fff;
    border-right: 27px solid #fff;
    padding-right: 30px;
    margin-top: 34px;
}
	.who-we-are-new {
       margin-top: 59px;
    width: 100%;
    padding-right: 40px;
    background: #527ffc;
    height: 670px;
    padding-top: 140px;
    padding-left: 20px;
}
	
	
}

@media screen and (min-width:1200px) and (max-width:1400px){
		.who-we-are-new {
      margin-top: 80px;
    width: 100%;
    padding-right: 40px;
    background: #527ffc;
    height: 650px;
    padding-top: 140px;
    padding-left: 20px;
}
	
}

@media screen and (min-width:1401px) and (max-width:1599px){
	.who-we-are-new {
       margin-top: 80px;
    width: 100%;
    padding-right: 40px;
    background: #527ffc;
    height: 649px;
    padding-top: 140px;
    padding-left: 20px;
}	
	
	
}

/*************************new-gallery-our-team**************************/

.new-tour-section>.container-fluid{
	max-width:100%;
}

.tour-div span{
    color:#fff ;
	font-size:75px;
}

.new-tour-section{
    padding: 100px 0px;
    text-align: center;
   background:#527ffc;
	margin-top:80px;

}

.tour-div h2{
    font-size:60px;
	font-weight:700;
	font-family: 'Raleway', sans-serif;
    }

.tour-div p{
    padding-bottom: 60px;
    font-size: 22px;
    max-width: 1600px;
    width:100%;
    margin: 0 auto;
	color:#fff;
}    


.tour-img-sec1 img{
    width: 100%!important;
    max-width: 250px;
    height: 150px;
    margin: 0 auto;
    text-align: center;
    margin: 20px!important;
    border-radius: 20px;
}

.tour-img-sec img{
    width: 100%!important;
    max-width: 849px!important;
    height: 523px!important;
    margin: 0 auto!important;
    text-align: center;
    border-radius: 20px;
   
}

.tour-img-sec{
    margin-left: 148px;
    max-width: 849px;
}


.container-fluid{
display: flex;
flex-direction: column;
}

.gallery-second-row {
flex-direction: row;
}

.row.gallery-second-row{
    background:#527ffc  ;
    padding-top: 40px;
    margin:0 auto;
    padding-bottom: 20px;
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 20px!important;
    line-height: 53px!important;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color:#fff!important ;
    -webkit-font-smoothing: antialiased;

}


@media screen and (max-width:991px){
	.domain-expertise-new{
		padding:40px 0px!important;
	}
	.tour-img-sec img {
    width: 100%!important;
    max-width: 300px!important;
    height: 200px!important;
    margin: 0 auto!important;
    text-align: center;
		border-radius: 20px}
	
	.gallery-second-row {
    flex-direction: column;
}
	
	.new-tour-section {
    padding: 10px 0px!important;
    text-align: center;  
	
}
  
   .tour-div p {
    padding-bottom: 60px;
    font-size: 20px;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    line-height: 30px;
}
   

    .tour-img-sec {
        margin-left: 0px;
        max-width: 300px;
			margin:0 auto!important;
    }

    .tour-div h2 {
        font-size: 40px;
        font-weight: 700;
    }

    .tour-img-sec1 {
        padding-right: 0px;
    }
}

@media screen and (min-width:1200px) and (max-width:1700px){
	
	
	
	
		.row.gallery-second-row {
    background: #527ffc!important;
    padding-top: 40px;
   padding-bottom: 20px;
	max-width:1200px;
	width:100%;
	margin: 0 auto!important;

}
	
	.tour-img-sec img {
      padding-top: 40px;
   padding-bottom: 20px;	
	width:100%;
		height:400px!important;
	margin: 0 auto!important;
		border-radius:20px!important;
}

.tour-img-sec1 img {
    width: 100%!important;
    max-width: 190px;
    height: 135px;
    margin: 0 auto;
    text-align: center;
    margin: 20px!important;
    border-radius: 20px;
}	
	
	.tour-div p {
    padding-bottom: 60px;
    font-size: 22px;
    max-width: 1138px;
    width: 100%;
    margin: 0 auto;
}
	
}
@media screen and (min-width:1850px) {
	.row.gallery-second-row {
    background: #527ffc;
    padding-top: 40px;
   padding-bottom: 20px;
	max-width:1920px;
	width:100%;
	margin: 0 auto!important;
}
}


@media screen and (min-width:1000px) and (max-width:1199px){
	
	
	
	
		.row.gallery-second-row {
    background: #527ffc!important;
    padding-top: 40px;
   padding-bottom: 20px;
	max-width:1000px;
	width:100%;
	margin: 0 auto!important;

}
	.tour-img-sec{
		display:none;
	}
/* 	.tour-img-sec img {
      padding-top: 40px;
   padding-bottom: 20px;
	max-width:406px!important;
	width:100%;
		height:400px!important;
	margin: 0 auto!important;
		border-radius:20px!important;
} */
	
	tour-img-sec1 img {
    width: 100%!important;
    max-width: 149px;
    height: 116px;
    margin: 0 auto;
    text-align: center;
    margin: 20px!important;
    border-radius: 20px;
}

}
/******************new***********************/


.our-team-new-section{
    background: #1a1a1a;
    width: 100%;
    height: auto;
padding:80px 0px;
	margin-top:80px;
	margin-bottom:80px;
}

.our-team-new-heading h2{
    text-align: right;
    font-size: 80px;
    color: #fff;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
}

.our-team-new{
    text-align: right;
    padding-top: 100px;
}

.our-team-new-heading{
    text-align: right;
    padding-top: 150px;
}

.our-team-new-heading p{font-size: 20px;
color: #fff;
width: 100%;
max-width: 500px;
text-align:right;
font-weight: 400;
float: right;}

.team-1, .team-2, .team-3, .team-4, .team-5, .team-6{
    width: 100%;
    max-width:325px;
	height: 346px;
    background: #fff;
    margin-bottom: 20px;
}

.team-ul-div{
    max-width:325px;
    width:100%;
}

.our-team-new{
    display: flex;
    flex-direction: row;
}

.team-1{	

    display: flex;
    flex-direction: column;
    list-style: none;
}

.team-1 ul li img{
    width: 100%;
    max-width:185px;
    border-radius: 30px;
}

.team-1 ul{padding-left: 0px;
    margin-left: 0px;
    text-align: center;
    list-style: none;
}
.team-ul-div ul{
	padding-left:0px;
	
}



.team-1 h3{
    color: #000 !important;
    font-size: 22px!important;
}

.team-1 h4{
    color: #e7467f !important;
    font-size: 18px!important;
}

.fa-brands:hover{
	color:#527ffc!important;
}
.fa-brands{
    font-size: 25px;
    color: #000 !important;
    margin: 10px;
}

.our-team-new-section .container-fluid .row{
    max-width:1600px;
    margin: 0 auto;
}

.team-03{
    margin-top:-60px;
}
@media screen  and (max-width:1199px){
		.tour-img-sec{
		display:none;
	}
}

@media screen  and (max-width:991px){
	.we-work-section{
		padding-bottom:0px!important;
	}
	.techno-section{
	padding-bottom:0px!important;	
	}	
	.li-01 {
		margin-top:35px!important;
	}
	
.page-template-homepage	.main-section>h2 {
    font-size: 40px;
    color: #000;
    padding-bottom: 0px;
}

    .team-1 {
        display: flex;
        flex-direction: column;
        list-style: none;
    }
    
    .our-team-new-section {
        background: #1a1a1a;
        width: 100%;
        height: auto;
        padding: 20px 0px;
    }


    .our-team-new {
        display: flex;
        flex-direction: column;
    }

    .team-1 ul li img {
        width: 100%;
        max-width: 100%;
        border-radius: 30px;
    }



    .team-1, .team-2, .team-3, .team-4, .team-5, .team-6 {
        width: 100%;
        max-width:500px;
        height: auto;
        background: #fff;
        margin-bottom: 20px;
        padding-bottom: 30px;    
        margin-bottom: 20px!important;
        margin: 0 auto;
    }

    .our-team-new-heading h2 {
        text-align: center;
        font-size: 50px;
        color: #fff;
        font-weight: 700;
        font-family: 'Oswald', sans-serif;}

        .our-team-new-heading p {
            font-size: 26px;
			line-height:40px;
            color: #fff;
            width: 100%;
            max-width: 700px;
            text-align: center;
            font-weight: 400;
            float: none;
            margin: 0 auto;
        }

    .team-03{
        margin-top:0px!important;
    }
    .team-ul-div {
        max-width: 100%;
        width: 100%;
    }
.fa-brands {
  font-size: 22px;
    color: #000 !important;
    margin: 11px;
}
}

.webnyxa-career-section{
	display:none;	
}


/**************domain expertise****************************/

.domain-expertise-new{
    height:auto;
    padding: 150px 0px;
    background: #fff;
}

.domain-expertise-left h2{
    font-size: 92px;
    font-weight: 700;
    text-align: left;
    font-family: Raleway, sans-serif;

}

.domain-expertise-left{
    padding-top: 100px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
   
}
.domain-expertise-left h2{
	text-align:center;
	
}

.domain-expertise-left p{
    color: #403F3F;
    font-size: 22px;
    font-family: Roboto,sans-serif;
    width: 100%;
  
}

.domain-expertise-ul-new{
    list-style:none;
    display: flex;
    flex-direction: row;
}

.domain-expertise-ul-new li ul{
list-style: none;
}

.domain-expertise-ul-new li ul li p{
font-size: 20px;
width: 100%;
max-width: 450px;
}

.domain-expertise-left h2 span{
    color: #527ffc !important;
}

.new1{
    margin-top: 150px;
}


.domain-expertise-ul-new h3{
    font-size:22px;
    font-family:Raleway, sans-serif ;
    font-weight: 700;
}

@media screen and (max-width:1399px){
		.domain-expertise-left {
    padding-top: 0px!important;
    padding-left: 30px!important;
}

}


@media screen  and (max-width:991px){
	
	.domain-expertise-left {
    padding-top: 0px!important;
    padding-left: 0px!important;
}
	
	.domain-expertise-left h2 {
    font-size: 60px;
    font-weight: 700;
    text-align: center;
    font-family: Raleway, sans-serif;
}
	
	.domain-expertise-left p {
    color: #403F3F;
    font-size: 22px;
    font-family: Roboto,sans-serif;
    width: 100%;
    max-width: 700px;
    line-height: 31px;
		text-align:center;}
	
	.domain-expertise-ul-new {
    list-style: none;
    display: flex;
    flex-direction: column;
		padding-left:0px;
		margin-left:0px;
}

}

.jobs-none-container p{
	text-align:center;
}
.job-section{
	min-height:400px;
}

/***************megento development*********************/


 

 .magento-development-banner-left h2{
    font-family: 'Poppins', sans-serif;
    font-size:45px;
    font-weight: 700;
    color:#000;
    padding-bottom: 20px;
 }
.magento-development-banner-left span{
    color:#527ffc;
}
.magento-development-banner-right img{
    width:100%;
    height:auto;
    max-width:535px;
    float: right;
    margin-right:120px;
}
.magento-development-banner-section{
    padding: 80px 0px 40px 150px;
    max-width:100%;
    margin: 0 auto;
}
.magento-development-banner-left{
    padding-top:80px;
}
.magento-development-banner-left{
    font-size:22px;
    color:#403F3F;
    font-weight:400;
}
.megento-contact-us{
    width:207px;
    background: #527ffc;
    color:#fff;
    height: 57px;
    display: block;
    text-align: center;
    line-height: 56px;
    border-radius: 7px;
    
}

.megento-contact-us:hover{
    text-decoration: none;
    color:#fff;
    background:#224e08
}
.services-heading{   
    font-family: 'Raleway', sans-serif;
font-size:55px;
text-align: center;
color: #000;
max-width:1200px;
width:100%;
margin: 0 auto;
font-weight: 700;
}
.services-heading span{
    color: #527ffc;
}
.magento-development-services-section{
    padding-top:40px;
    padding-bottom: 40px;
}
.service-heading-div p{
    padding-top:20px;
    text-align:center;
    color: #403F3F;
    font-size: 22px;
}
.module-development-services{
    padding: 20px;
    height: auto;
    width: 348px;    
    border: 2px solid #7A7979;
}
.service-ul{
    list-style: none;
    display: flex;
}
.module-development-services ul{
    list-style: none;
    padding-left:0px;
}
.module-development-services ul li{
    padding-bottom: 10px;
}
.service-ul{
    justify-content:space-evenly;
}
.service-boxes{
    padding-top:80px;
}
.magento-expertise-heading h2{
 font-size: 55px;
 text-align: center;
 color: #000;
 font-family: 'Raleway', sans-serif;
 font-weight: 700;
}
.magento-expertise-heading p{
    text-align: center;
    font-size: 22px;
    max-width: 1200px;
    width:100%;
    margin: 0 auto;
    padding-top:20px;
    padding-bottom: 20px;
}
.magento-expertise-section{
    padding-top:40px;
    padding-bottom: 40px;
    background: #EBEBEB;
}

.magento-expertise-ul{
    padding-top: 30px;
    display: flex;
    list-style: none;
    justify-content: space-evenly;
}
.magento-expertise-ul>li{
    font-size:23px;
    width:330px;
    height:73px;
    background:#527ffc;
    border-radius: 75px;
    color: #fff;
    font-weight:700;
    text-align: center;
    line-height:70px;
    
}
.promise-commitment-section{
    padding-top: 40px;
    background:#000;
    height:auto;
}
.commitment-heading h2{
    color:#fff;
    font-size:55px;
    font-family: 'Raleway', sans-serif;
    margin: 0 auto;
    font-weight:700;
    text-align: center;
    padding-bottom: 20px;
}
.commitment-heading p{
    color:#fff;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    padding-bottom: 40px;
}
.commitment-heading span{
    color: #527ffc;;
}
.commitment-ul li h4{
font-size:22px;
color: #fff;
}
.commitment-ul li p{
    font-size:15px;
    color: #fff;
    max-width:400px;
    padding-bottom: 20px;
    }
.commitment-detail-row{
    max-width: 1200px;
    margin: 0 auto!important;
}  
.promise-commitment-section{
    padding-top:40px;
    padding-bottom: 40px;
}  
.commitment-ul{
    display: flex;
    list-style: none;
}
.commitment-ul li{
    margin-right:20px;
}
.service{
    border-left: 5px solid #527ffc!important;
}
.magento-development-banner-section .fa-solid.fa-arrow-right{
    margin-left:20px;
}

/*********responsive*********************/

@media screen and (max-width:991px) {
    .magento-development-banner-section .row{
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
.service-ul{
    flex-direction: column;
}

.magento-expertise-ul{
    flex-direction: column;
}
.magento-expertise-ul > li{
 margin-bottom: 20px;
}

.magento-development-banner-right img {
    width: 100%;
    height: auto;
    max-width: 400px;
    float: inherit;
    margin-right: 0px;
}

.magento-development-banner-left h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 45px;
    font-weight: 700;
    color: #000;
    padding-bottom: 20px;
    text-align: center;
}

.megento-contact-us {
    width: 207px;
    background: #527ffc;
    color: #fff;
    height: 57px;
    display: block;
    text-align: center;
    line-height: 56px;
    border-radius: 7px;
    margin: 0 auto;
}
.services-heading {
    font-family: 'Raleway', sans-serif;
    font-size: 36px;
    text-align: center;
    color: #000;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    font-weight: 700;
}
.module-development-services {
    padding: 20px;
    height: 327px;
    width: 348px;
    border: 2px solid #7A7979;
    margin-bottom: 30px;
}

.service-ul{
    align-items: center;
    padding-left:0px;
	margin-left:0px;
}
.magento-expertise-ul{
    padding-left: 0px;
    align-items:center;
	margin-left:0px;
	}

.magento-development-banner-right{
    text-align:center;
}
.magento-development-banner-left{
    text-align: center;
}
.commitment-ul{
    padding-left:0px;
    justify-content:center;
	margin-left:0px;
}

}


@media screen and (min-width:992px) and (max-width:1600px)  {
    

    .magento-development-banner-right img {
        margin-top:40px;
        width: 100%;
        height: auto;
        max-width: 400px;
        float: right;
        margin-right: 0px;
    }
    .magento-development-banner-left {
        font-size: 22px;
        color: #403F3F;
        font-weight: 400;
        padding-top:0px;
    }

    .magento-development-banner-section{
        padding-top:150px;
        max-width:100%!important;
    }  
    .services-heading {
        font-family: 'Raleway', sans-serif;
        font-size: 45px;
        text-align: center;
        color: #000;
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        font-weight: 700;
    }

.service-heading-div p {
    padding-top: 20px;
    text-align: center;
    color: #403F3F;
    font-size: 22px;
    max-width: 800px;
    margin: 0 auto;
}
.module-development-services {
    padding: 20px;
    height: auto;
    width: 348px;
    border: 2px solid #7A7979;
    margin: 10px;
}

.service-ul{
    padding-left:0px;
	margin-left:0px;
}

.magento-expertise-ul>li {
    margin: 5px;
    font-size: 16px;
    width: 330px;
    height: 75px;
    background: #527ffc;
    border-radius: 75px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 70px;
}
.magento-expertise-heading p {
    text-align: center;
    font-size: 22px;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.commitment-heading p {
    color: #fff;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    padding-bottom: 40px;
}

}

/****************e-commerce-development****************************/
.page-template-e-commerce-development-php .banner-div-left h2{
    font-size: 45px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 700;

}
.page-template-e-commerce-development-php .banner-div-left span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .banner-div-left p{
    color: #403F3F;
    font-size:22px;
}
.page-template-e-commerce-development-php .ecommerce-contact{
    width:207px;
    height: 57px;
    background: #527ffc;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size:22px;
    border-radius: 7px;
    line-height: 60px;
}
.ecommerce-banner-div-right img{
    width:100%;
    max-width:500px;
    height:auto;
    float: right;
    margin-right: 80px;
}
.ecommerce-section{
    max-width: 1800px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php  .banner-div-left{
    padding-top: 40px;
}
.e-commerece-development h2{
    font-size: 55px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-weight: 700;
}
.e-commerece-development p{
font-size: 22px;
color: #403F3F;
text-align: center;
}

.page-template-e-commerce-development-php  .services-heading{   
    font-family: 'Raleway', sans-serif;
font-size:55px;
text-align: center;
color: #000;
max-width:1200px;
width:100%;
margin: 0 auto;
font-weight: 700;
}
.page-template-e-commerce-development-php  .services-heading span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .magento-development-services-section{
    padding-top:40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .service-heading-div p{
    padding-top:20px;
    text-align:center;
    color: #403F3F;
    font-size: 22px;
}
.page-template-e-commerce-development-php .module-development-services{
    padding: 20px;
    height: 327px;
    width: 348px;    
    border: 2px solid #7A7979;
}
.page-template-e-commerce-development-php  .service-ul{
    list-style: none;
    display: flex;
}
.page-template-e-commerce-development-php .module-development-services ul{
    list-style: none;
    padding-left:0px;
}
.page-template-e-commerce-development-php .module-development-services ul li{
    padding-bottom: 10px;
}
.page-template-e-commerce-development-php .service-ul{
    justify-content:space-evenly;
}
.page-template-e-commerce-development-php .service-boxes{
    padding-top:80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font: size 55px;
    font-weight:700;
    color: #fff;
}
.page-template-e-commerce-development-php .hire-contact-button{
width:260px;
height: 57px;
}
.page-template-e-commerce-development-php .hire-ecommerce-section{
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/10/ecom-bg.png');
    height: 570px;
    width:100%;
     padding-top: 80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font-size:55px;
    color: #fff;
    text-align: center;
}

.page-template-e-commerce-development-php .hr-ecomm-dev p{
    font-size:22px;
    color: #fff;
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 40px;
}
.page-template-e-commerce-development-php .hire-contact-button{
display: block;
width:230px;
height: 57px;
background: #527ffc;
color: #fff;
border-radius: 7px;
font-size: 22px;
font-weight: 700;
text-align: center;
line-height: 60px;
margin: 0 auto;
}
.page-template-e-commerce-development-php .hr-ecomm-dev span{
    color: #527ffc;
}
.page-template-e-commerce-development-php  .ecommerce-design-section{
    background: #EBEBEB ;
    height: auto;
}
.page-template-e-commerce-development-php .ecommerce-design h2{
    font-size: 55px;
    color: #000;
    text-align: center;
    padding-bottom: 30px;
}
.page-template-e-commerce-development-php .ecommerce-design-section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .ecommerce-design p{
text-align: center;
font-size: 22px;
color:#403F3F;
max-width: 1000px;
width: 100%;
margin: 0 auto;
padding-bottom: 30px;

}
.page-template-e-commerce-development-php .ecommerce-ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 50px;
}


.page-template-e-commerce-development-php .banner-div-left h2{
    font-size: 45px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 700;

}
.page-template-e-commerce-development-php .banner-div-left span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .banner-div-left p{
    color: #403F3F;
    font-size:22px;
}
.page-template-e-commerce-development-php .ecommerce-contact{
    width:207px;
    height: 57px;
    background: #527ffc;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size:22px;
    border-radius: 7px;
    line-height: 60px;
}
.ecommerce-banner-div-right img{
    width:100%;
    max-width:500px;
    height:auto;
    float: right;
    margin-right: 80px;
}
.ecommerce-section{
    max-width: 1800px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php  .banner-div-left{
    padding-top: 40px;
}
.e-commerece-development h2{
    font-size: 55px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-weight: 700;
}
.e-commerece-development p{
font-size: 22px;
color: #403F3F;
text-align: center;
}

.page-template-e-commerce-development-php  .services-heading{   
    font-family: 'Raleway', sans-serif;
font-size:55px;
text-align: center;
color: #000;
max-width:1200px;
width:100%;
margin: 0 auto;
font-weight: 700;
}
.page-template-e-commerce-development-php  .services-heading span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .magento-development-services-section{
    padding-top:40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .service-heading-div p{
    padding-top:20px;
    text-align:center;
    color: #403F3F;
    font-size: 22px;
}
.page-template-e-commerce-development-php .module-development-services{
    padding: 20px;
    height: 327px;
    width: 348px;    
    border: 2px solid #7A7979;
}
.page-template-e-commerce-development-php  .service-ul{
    list-style: none;
    display: flex;
}
.page-template-e-commerce-development-php .module-development-services ul{
    list-style: none;
    padding-left:0px;
}
.page-template-e-commerce-development-php .module-development-services ul li{
    padding-bottom: 10px;
}
.page-template-e-commerce-development-php .service-ul{
    justify-content:space-evenly;
}
.page-template-e-commerce-development-php .service-boxes{
    padding-top:80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font: size 55px;
    font-weight:700;
    color: #fff;
}
.page-template-e-commerce-development-php .hire-contact-button{
width:260px;
height: 57px;
}
.page-template-e-commerce-development-php .hire-ecommerce-section{
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/10/ecom-bg.png');
    height: 570px;
    width:100%;
     padding-top: 80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font-size:55px;
    color: #fff;
    text-align: center;
}

.page-template-e-commerce-development-php .hr-ecomm-dev p{
    font-size:22px;
    color: #fff;
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 40px;
}
.page-template-e-commerce-development-php .hire-contact-button{
display: block;
width:230px;
height: 57px;
background: #527ffc;
color: #fff;
border-radius: 7px;
font-size: 22px;
font-weight: 700;
text-align: center;
line-height: 60px;
margin: 0 auto;
}
.page-template-e-commerce-development-php .hr-ecomm-dev span{
    color: #527ffc;
}
.page-template-e-commerce-development-php  .ecommerce-design-section{
    background: #EBEBEB ;
    height: auto;
}
.page-template-e-commerce-development-php .ecommerce-design h2{
    font-size: 55px;
    color: #000;
    text-align: center;
    padding-bottom: 30px;
}
.page-template-e-commerce-development-php .ecommerce-design-section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .ecommerce-design p{
text-align: center;
font-size: 22px;
color:#403F3F;
max-width: 1000px;
width: 100%;
margin: 0 auto;
padding-bottom: 30px;

}
.page-template-e-commerce-development-php .ecommerce-ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 50px;
}
 .promise-commitment-section{
    padding-top: 40px;
    background:#000;
    height:auto;
}
.page-template-e-commerce-development-php .banner-div-left h2{
    font-size: 45px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 700;

}
.page-template-e-commerce-development-php .banner-div-left span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .banner-div-left p{
    color: #403F3F;
    font-size:22px;
}
.page-template-e-commerce-development-php .ecommerce-contact{
    width:207px;
    height: 57px;
    background: #527ffc;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size:22px;
    border-radius: 7px;
    line-height: 60px;
}
.ecommerce-banner-div-right img{
    width:100%;
    max-width:500px;
    height:auto;
    float: right;
    margin-right: 80px;
}
.ecommerce-section{
    max-width: 1800px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php  .banner-div-left{
    padding-top: 40px;
}
.e-commerece-development h2{
    font-size: 55px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-weight: 700;
}
.e-commerece-development p{
font-size: 22px;
color: #403F3F;
text-align: center;
}

.page-template-e-commerce-development-php  .services-heading{   
    font-family: 'Raleway', sans-serif;
font-size:55px;
text-align: center;
color: #000;
max-width:1200px;
width:100%;
margin: 0 auto;
font-weight: 700;
}
.page-template-e-commerce-development-php  .services-heading span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .magento-development-services-section{
    padding-top:40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .service-heading-div p{
    padding-top:20px;
    text-align:center;
    color: #403F3F;
    font-size: 22px;
}
.page-template-e-commerce-development-php .module-development-services{
    padding: 20px;
    height: 327px;
    width: 348px;    
    border: 2px solid #7A7979;
}
.page-template-e-commerce-development-php  .service-ul{
    list-style: none;
    display: flex;
}
.page-template-e-commerce-development-php .module-development-services ul{
    list-style: none;
    padding-left:0px;
}
.page-template-e-commerce-development-php .module-development-services ul li{
    padding-bottom: 10px;
}
.page-template-e-commerce-development-php .service-ul{
    justify-content:space-evenly;
}
.page-template-e-commerce-development-php .service-boxes{
    padding-top:80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font: size 55px;
    font-weight:700;
    color: #fff;
}
.page-template-e-commerce-development-php .hire-contact-button{
width:260px;
height: 57px;
}
.page-template-e-commerce-development-php .hire-ecommerce-section{
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/10/ecom-bg.png');
    height: 570px;
    width:100%;
     padding-top: 80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font-size:55px;
    color: #fff;
    text-align: center;
}

.page-template-e-commerce-development-php .hr-ecomm-dev p{
    font-size:22px;
    color: #fff;
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 40px;
}
.page-template-e-commerce-development-php .hire-contact-button{
display: block;
width:230px;
height: 57px;
background: #527ffc;
color: #fff;
border-radius: 7px;
font-size: 22px;
font-weight: 700;
text-align: center;
line-height: 60px;
margin: 0 auto;
}
.page-template-e-commerce-development-php .hr-ecomm-dev span{
    color: #527ffc;
}
.page-template-e-commerce-development-php  .ecommerce-design-section{
    background: #EBEBEB ;
    height: auto;
}
.page-template-e-commerce-development-php .ecommerce-design h2{
    font-size: 55px;
    color: #000;
    text-align: center;
    padding-bottom: 30px;
}
.page-template-e-commerce-development-php .ecommerce-design-section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .ecommerce-design p{
text-align: center;
font-size: 22px;
color:#403F3F;
max-width: 1000px;
width: 100%;
margin: 0 auto;
padding-bottom: 30px;

}
.page-template-e-commerce-development-php .ecommerce-ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 50px;
}
.page-template-e-commerce-development-php .banner-div-left h2{
    font-size: 45px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 700;

}
.page-template-e-commerce-development-php .banner-div-left span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .banner-div-left p{
    color: #403F3F;
    font-size:22px;
}
.page-template-e-commerce-development-php .ecommerce-contact{
    width:207px;
    height: 57px;
    background: #527ffc;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size:22px;
    border-radius: 7px;
    line-height: 60px;
}
.ecommerce-banner-div-right img{
    width:100%;
    max-width:500px;
    height:auto;
    float: right;
    margin-right: 80px;
}
.ecommerce-section{
    max-width: 1800px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php  .banner-div-left{
    padding-top: 40px;
}
.e-commerece-development h2{
    font-size: 55px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-weight: 700;
}
.e-commerece-development p{
font-size: 22px;
color: #403F3F;
text-align: center;
}

.page-template-e-commerce-development-php  .services-heading{   
    font-family: 'Raleway', sans-serif;
font-size:55px;
text-align: center;
color: #000;
max-width:1200px;
width:100%;
margin: 0 auto;
font-weight: 700;
}
.page-template-e-commerce-development-php  .services-heading span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .magento-development-services-section{
    padding-top:40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .service-heading-div p{
    padding-top:20px;
    text-align:center;
    color: #403F3F;
    font-size: 22px;
}
.page-template-e-commerce-development-php .module-development-services{
    padding: 20px;
    height: 327px;
    width: 348px;    
    border: 2px solid #7A7979;
}
.page-template-e-commerce-development-php  .service-ul{
    list-style: none;
    display: flex;
}
.page-template-e-commerce-development-php .module-development-services ul{
    list-style: none;
    padding-left:0px;
}
.page-template-e-commerce-development-php .module-development-services ul li{
    padding-bottom: 10px;
}
.page-template-e-commerce-development-php .service-ul{
    justify-content:space-evenly;
}
.page-template-e-commerce-development-php .service-boxes{
    padding-top:80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font: size 55px;
    font-weight:700;
    color: #fff;
}
.page-template-e-commerce-development-php .hire-contact-button{
width:260px;
height: 57px;
}
.page-template-e-commerce-development-php .hire-ecommerce-section{
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/10/ecom-bg.png');
    height: 570px;
    width:100%;
     padding-top: 80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font-size:55px;
    color: #fff;
    text-align: center;
}

.page-template-e-commerce-development-php .hr-ecomm-dev p{
    font-size:22px;
    color: #fff;
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 40px;
}
.page-template-e-commerce-development-php .hire-contact-button{
display: block;
width:230px;
height: 57px;
background: #527ffc;
color: #fff;
border-radius: 7px;
font-size: 22px;
font-weight: 700;
text-align: center;
line-height: 60px;
margin: 0 auto;
}
.page-template-e-commerce-development-php .hr-ecomm-dev span{
    color: #527ffc;
}
.page-template-e-commerce-development-php  .ecommerce-design-section{
    background: #EBEBEB ;
    height: auto;
}
.page-template-e-commerce-development-php .ecommerce-design h2{
    font-size: 55px;
    color: #000;
    text-align: center;
    padding-bottom: 30px;
}
.page-template-e-commerce-development-php .ecommerce-design-section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .ecommerce-design p{
text-align: center;
font-size: 22px;
color:#403F3F;
max-width: 1000px;
width: 100%;
margin: 0 auto;
padding-bottom: 30px;

}
.page-template-e-commerce-development-php .ecommerce-ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 50px;
}
.page-template-e-commerce-development-php .banner-div-left h2{
    font-size: 45px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 700;

}
.page-template-e-commerce-development-php .banner-div-left span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .banner-div-left p{
    color: #403F3F;
    font-size:22px;
}
.page-template-e-commerce-development-php .ecommerce-contact{
    width:207px;
    height: 57px;
    background: #527ffc;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size:22px;
    border-radius: 7px;
    line-height: 60px;
}
.ecommerce-banner-div-right img{
    width:100%;
    max-width:500px;
    height:auto;
    float: right;
    margin-right: 80px;
}
.ecommerce-section{
    max-width: 1800px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php  .banner-div-left{
    padding-top: 40px;
}
.e-commerece-development h2{
    font-size: 55px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-weight: 700;
}
.e-commerece-development p{
font-size: 22px;
color: #403F3F;
text-align: center;
}

.page-template-e-commerce-development-php  .services-heading{   
    font-family: 'Raleway', sans-serif;
font-size:55px;
text-align: center;
color: #000;
max-width:1200px;
width:100%;
margin: 0 auto;
font-weight: 700;
}
.page-template-e-commerce-development-php  .services-heading span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .magento-development-services-section{
    padding-top:40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .service-heading-div p{
    padding-top:20px;
    text-align:center;
    color: #403F3F;
    font-size: 22px;
}
.page-template-e-commerce-development-php .module-development-services{
    padding: 20px;
    height: 327px;
    width: 348px;    
    border: 2px solid #7A7979;
}
.page-template-e-commerce-development-php  .service-ul{
    list-style: none;
    display: flex;
}
.page-template-e-commerce-development-php .module-development-services ul{
    list-style: none;
    padding-left:0px;
}
.page-template-e-commerce-development-php .module-development-services ul li{
    padding-bottom: 10px;
}
.page-template-e-commerce-development-php .service-ul{
    justify-content:space-evenly;
}
.page-template-e-commerce-development-php .service-boxes{
    padding-top:80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font: size 55px;
    font-weight:700;
    color: #fff;
}
.page-template-e-commerce-development-php .hire-contact-button{
width:260px;
height: 57px;
}
.page-template-e-commerce-development-php .hire-ecommerce-section{
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/10/ecom-bg.png');
    height: 570px;
    width:100%;
     padding-top: 80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font-size:55px;
    color: #fff;
    text-align: center;
}

.page-template-e-commerce-development-php .hr-ecomm-dev p{
    font-size:22px;
    color: #fff;
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 40px;
}
.page-template-e-commerce-development-php .hire-contact-button{
display: block;
width:230px;
height: 57px;
background: #527ffc;
color: #fff;
border-radius: 7px;
font-size: 22px;
font-weight: 700;
text-align: center;
line-height: 60px;
margin: 0 auto;
}
.page-template-e-commerce-development-php .hr-ecomm-dev span{
    color: #527ffc;
}
.page-template-e-commerce-development-php  .ecommerce-design-section{
    background: #EBEBEB ;
    height: auto;
}
.page-template-e-commerce-development-php .ecommerce-design h2{
    font-size: 55px;
    color: #000;
    text-align: center;
    padding-bottom: 30px;
}
.page-template-e-commerce-development-php .ecommerce-design-section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .ecommerce-design p{
text-align: center;
font-size: 22px;
color:#403F3F;
max-width: 1000px;
width: 100%;
margin: 0 auto;
padding-bottom: 30px;

}
.page-template-e-commerce-development-php .ecommerce-ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 50px;
}
.page-template-e-commerce-development-php .banner-div-left h2{
    font-size: 45px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 700;

}
.page-template-e-commerce-development-php .banner-div-left span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .banner-div-left p{
    color: #403F3F;
    font-size:22px;
}
.page-template-e-commerce-development-php .ecommerce-contact{
    width:207px;
    height: 57px;
    background: #527ffc;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size:22px;
    border-radius: 7px;
    line-height: 60px;
}
.ecommerce-banner-div-right img{
    width:100%;
    max-width:500px;
    height:auto;
    float: right;
    margin-right: 80px;
}
.ecommerce-section{
    max-width: 1800px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php  .banner-div-left{
    padding-top: 40px;
}
.e-commerece-development h2{
    font-size: 55px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-weight: 700;
}
.e-commerece-development p{
font-size: 22px;
color: #403F3F;
text-align: center;
}

.page-template-e-commerce-development-php  .services-heading{   
    font-family: 'Raleway', sans-serif;
font-size:55px;
text-align: center;
color: #000;
max-width:1200px;
width:100%;
margin: 0 auto;
font-weight: 700;
}
.page-template-e-commerce-development-php  .services-heading span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .magento-development-services-section{
    padding-top:40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .service-heading-div p{
    padding-top:20px;
    text-align:center;
    color: #403F3F;
    font-size: 22px;
}
.page-template-e-commerce-development-php .module-development-services{
    padding: 20px;
    height: 327px;
    width: 348px;    
    border: 2px solid #7A7979;
}
.page-template-e-commerce-development-php  .service-ul{
    list-style: none;
    display: flex;
}
.page-template-e-commerce-development-php .module-development-services ul{
    list-style: none;
    padding-left:0px;
}
.page-template-e-commerce-development-php .module-development-services ul li{
    padding-bottom: 10px;
}
.page-template-e-commerce-development-php .service-ul{
    justify-content:space-evenly;
}
.page-template-e-commerce-development-php .service-boxes{
    padding-top:80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font: size 55px;
    font-weight:700;
    color: #fff;
}
.page-template-e-commerce-development-php .hire-contact-button{
width:260px;
height: 57px;
}
.page-template-e-commerce-development-php .hire-ecommerce-section{
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/10/ecom-bg.png');
    height: 570px;
    width:100%;
     padding-top: 80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font-size:55px;
    color: #fff;
    text-align: center;
}

.page-template-e-commerce-development-php .hr-ecomm-dev p{
    font-size:22px;
    color: #fff;
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 40px;
}
.page-template-e-commerce-development-php .hire-contact-button{
display: block;
width:230px;
height: 57px;
background: #527ffc;
color: #fff;
border-radius: 7px;
font-size: 22px;
font-weight: 700;
text-align: center;
line-height: 60px;
margin: 0 auto;
}
.page-template-e-commerce-development-php .hr-ecomm-dev span{
    color: #527ffc;
}
.page-template-e-commerce-development-php  .ecommerce-design-section{
    background: #EBEBEB ;
    height: auto;
}
.page-template-e-commerce-development-php .ecommerce-design h2{
    font-size: 55px;
    color: #000;
    text-align: center;
    padding-bottom: 30px;
}
.page-template-e-commerce-development-php .ecommerce-design-section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .ecommerce-design p{
text-align: center;
font-size: 22px;
color:#403F3F;
max-width: 1000px;
width: 100%;
margin: 0 auto;
padding-bottom: 30px;

}
.page-template-e-commerce-development-php .ecommerce-ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 50px;
}
.page-template-e-commerce-development-php .banner-div-left h2{
    font-size: 45px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 700;

}
.page-template-e-commerce-development-php .banner-div-left span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .banner-div-left p{
    color: #403F3F;
    font-size:22px;
}
.page-template-e-commerce-development-php .ecommerce-contact{
    width:207px;
    height: 57px;
    background: #527ffc;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size:22px;
    border-radius: 7px;
    line-height: 60px;
}
.ecommerce-banner-div-right img{
    width:100%;
    max-width:500px;
    height:auto;
    float: right;
    margin-right: 80px;
}
.ecommerce-section{
    max-width: 1800px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php  .banner-div-left{
    padding-top: 40px;
}
.e-commerece-development h2{
    font-size: 55px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-weight: 700;
}
.e-commerece-development p{
font-size: 22px;
color: #403F3F;
text-align: center;
}

.page-template-e-commerce-development-php  .services-heading{   
    font-family: 'Raleway', sans-serif;
font-size:55px;
text-align: center;
color: #000;
max-width:1200px;
width:100%;
margin: 0 auto;
font-weight: 700;
}
.page-template-e-commerce-development-php  .services-heading span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .magento-development-services-section{
    padding-top:40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .service-heading-div p{
    padding-top:20px;
    text-align:center;
    color: #403F3F;
    font-size: 22px;
}
.page-template-e-commerce-development-php .module-development-services{
    padding: 20px;
    height: 327px;
    width: 348px;    
    border: 2px solid #7A7979;
}
.page-template-e-commerce-development-php  .service-ul{
    list-style: none;
    display: flex;
}
.page-template-e-commerce-development-php .module-development-services ul{
    list-style: none;
    padding-left:0px;
}
.page-template-e-commerce-development-php .module-development-services ul li{
    padding-bottom: 10px;
}
.page-template-e-commerce-development-php .service-ul{
    justify-content:space-evenly;
}
.page-template-e-commerce-development-php .service-boxes{
    padding-top:80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font: size 55px;
    font-weight:700;
    color: #fff;
}
.page-template-e-commerce-development-php .hire-contact-button{
width:260px;
height: 57px;
}
.page-template-e-commerce-development-php .hire-ecommerce-section{
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/10/ecom-bg.png');
    height: 570px;
    width:100%;
     padding-top: 80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font-size:55px;
    color: #fff;
    text-align: center;
}

.page-template-e-commerce-development-php .hr-ecomm-dev p{
    font-size:22px;
    color: #fff;
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 40px;
}
.page-template-e-commerce-development-php .hire-contact-button{
display: block;
width:230px;
height: 57px;
background: #527ffc;
color: #fff;
border-radius: 7px;
font-size: 22px;
font-weight: 700;
text-align: center;
line-height: 60px;
margin: 0 auto;
}
.page-template-e-commerce-development-php .hr-ecomm-dev span{
    color: #527ffc;
}
.page-template-e-commerce-development-php  .ecommerce-design-section{
    background: #EBEBEB ;
    height: auto;
}
.page-template-e-commerce-development-php .ecommerce-design h2{
    font-size: 55px;
    color: #000;
    text-align: center;
    padding-bottom: 30px;
}
.page-template-e-commerce-development-php .ecommerce-design-section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .ecommerce-design p{
text-align: center;
font-size: 22px;
color:#403F3F;
max-width: 1000px;
width: 100%;
margin: 0 auto;
padding-bottom: 30px;

}
.page-template-e-commerce-development-php .ecommerce-ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 50px;
}
.page-template-e-commerce-development-php .banner-div-left h2{
    font-size: 45px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 700;

}
.page-template-e-commerce-development-php .banner-div-left span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .banner-div-left p{
    color: #403F3F;
    font-size:22px;
}
.page-template-e-commerce-development-php .ecommerce-contact{
    width:207px;
    height: 57px;
    background: #527ffc;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size:22px;
    border-radius: 7px;
    line-height: 60px;
}
.ecommerce-banner-div-right img{
    width:100%;
    max-width:500px;
    height:auto;
    float: right;
    margin-right: 80px;
}
.ecommerce-section{
    max-width: 1800px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php  .banner-div-left{
    padding-top: 40px;
}
.e-commerece-development h2{
    font-size: 55px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-weight: 700;
}
.e-commerece-development p{
font-size: 22px;
color: #403F3F;
text-align: center;
}

.page-template-e-commerce-development-php  .services-heading{   
    font-family: 'Raleway', sans-serif;
font-size:55px;
text-align: center;
color: #000;
max-width:1200px;
width:100%;
margin: 0 auto;
font-weight: 700;
}
.page-template-e-commerce-development-php  .services-heading span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .magento-development-services-section{
    padding-top:40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .service-heading-div p{
    padding-top:20px;
    text-align:center;
    color: #403F3F;
    font-size: 22px;
}
.page-template-e-commerce-development-php .module-development-services{
    padding: 20px;
    height: 327px;
    width: 348px;    
    border: 2px solid #7A7979;
}
.page-template-e-commerce-development-php  .service-ul{
    list-style: none;
    display: flex;
}
.page-template-e-commerce-development-php .module-development-services ul{
    list-style: none;
    padding-left:0px;
}
.page-template-e-commerce-development-php .module-development-services ul li{
    padding-bottom: 10px;
}
.page-template-e-commerce-development-php .service-ul{
    justify-content:space-evenly;
}
.page-template-e-commerce-development-php .service-boxes{
    padding-top:80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font: size 55px;
    font-weight:700;
    color: #fff;
}
.page-template-e-commerce-development-php .hire-contact-button{
width:260px;
height: 57px;
}
.page-template-e-commerce-development-php .hire-ecommerce-section{
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/10/ecom-bg.png');
    height: 570px;
    width:100%;
     padding-top: 80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font-size:55px;
    color: #fff;
    text-align: center;
}

.page-template-e-commerce-development-php .hr-ecomm-dev p{
    font-size:22px;
    color: #fff;
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 40px;
}
.page-template-e-commerce-development-php .hire-contact-button{
display: block;
width:230px;
height: 57px;
background: #527ffc;
color: #fff;
border-radius: 7px;
font-size: 22px;
font-weight: 700;
text-align: center;
line-height: 60px;
margin: 0 auto;
}
.page-template-e-commerce-development-php .hr-ecomm-dev span{
    color: #527ffc;
}
.page-template-e-commerce-development-php  .ecommerce-design-section{
    background: #EBEBEB ;
    height: auto;
}
.page-template-e-commerce-development-php .ecommerce-design h2{
    font-size: 55px;
    color: #000;
    text-align: center;
    padding-bottom: 30px;
}
.page-template-e-commerce-development-php .ecommerce-design-section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .ecommerce-design p{
text-align: center;
font-size: 22px;
color:#403F3F;
max-width: 1000px;
width: 100%;
margin: 0 auto;
padding-bottom: 30px;

}
.page-template-e-commerce-development-php .ecommerce-ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 50px;
}
.page-template-e-commerce-development-php .banner-div-left h2{
    font-size: 45px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 700;

}
.page-template-e-commerce-development-php .banner-div-left span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .banner-div-left p{
    color: #403F3F;
    font-size:22px;
}
.page-template-e-commerce-development-php .ecommerce-contact{
    width:207px;
    height: 57px;
    background: #527ffc;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size:22px;
    border-radius: 7px;
    line-height: 60px;
}
.ecommerce-banner-div-right img{
    width:100%;
    max-width:500px;
    height:auto;
    float: right;
    margin-right: 80px;
}
.ecommerce-section{
    max-width: 1800px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php  .banner-div-left{
    padding-top: 40px;
}
.e-commerece-development h2{
    font-size: 55px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-weight: 700;
}
.e-commerece-development p{
font-size: 22px;
color: #403F3F;
text-align: center;
}

.page-template-e-commerce-development-php  .services-heading{   
    font-family: 'Raleway', sans-serif;
font-size:55px;
text-align: center;
color: #000;
max-width:1200px;
width:100%;
margin: 0 auto;
font-weight: 700;
}
.page-template-e-commerce-development-php  .services-heading span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .magento-development-services-section{
    padding-top:40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .service-heading-div p{
    padding-top:20px;
    text-align:center;
    color: #403F3F;
    font-size: 22px;
}
.page-template-e-commerce-development-php .module-development-services{
    padding: 20px;
    height: 327px;
    width: 348px;    
    border: 2px solid #7A7979;
}
.page-template-e-commerce-development-php  .service-ul{
    list-style: none;
    display: flex;
}
.page-template-e-commerce-development-php .module-development-services ul{
    list-style: none;
    padding-left:0px;
}
.page-template-e-commerce-development-php .module-development-services ul li{
    padding-bottom: 10px;
}
.page-template-e-commerce-development-php .service-ul{
    justify-content:space-evenly;
}
.page-template-e-commerce-development-php .service-boxes{
    padding-top:80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font: size 55px;
    font-weight:700;
    color: #fff;
}
.page-template-e-commerce-development-php .hire-contact-button{
width:260px;
height: 57px;
}
.page-template-e-commerce-development-php .hire-ecommerce-section{
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/10/ecom-bg.png');
    height: 570px;
    width:100%;
     padding-top: 80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font-size:55px;
    color: #fff;
    text-align: center;
}

.page-template-e-commerce-development-php .hr-ecomm-dev p{
    font-size:22px;
    color: #fff;
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 40px;
}
.page-template-e-commerce-development-php .hire-contact-button{
display: block;
width:230px;
height: 57px;
background: #527ffc;
color: #fff;
border-radius: 7px;
font-size: 22px;
font-weight: 700;
text-align: center;
line-height: 60px;
margin: 0 auto;
}
.page-template-e-commerce-development-php .hr-ecomm-dev span{
    color: #527ffc;
}
.page-template-e-commerce-development-php  .ecommerce-design-section{
    background: #EBEBEB ;
    height: auto;
}
.page-template-e-commerce-development-php .ecommerce-design h2{
    font-size: 55px;
    color: #000;
    text-align: center;
    padding-bottom: 30px;
}
.page-template-e-commerce-development-php .ecommerce-design-section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .ecommerce-design p{
text-align: center;
font-size: 22px;
color:#403F3F;
max-width: 1000px;
width: 100%;
margin: 0 auto;
padding-bottom: 30px;

}
.page-template-e-commerce-development-php .ecommerce-ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 50px;
}
.page-template-e-commerce-development-php .banner-div-left h2{
    font-size: 45px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 700;

}
.page-template-e-commerce-development-php .banner-div-left span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .banner-div-left p{
    color: #403F3F;
    font-size:22px;
}
.page-template-e-commerce-development-php .ecommerce-contact{
    width:207px;
    height: 57px;
    background: #527ffc;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size:22px;
    border-radius: 7px;
    line-height: 60px;
}
.ecommerce-banner-div-right img{
    width:100%;
    max-width:500px;
    height:auto;
    float: right;
    margin-right: 80px;
}
.ecommerce-section{
	padding-top: 100px;
    max-width: 1800px;
    margin: 0 auto;
     padding-bottom: 40px;
}
.page-template-e-commerce-development-php  .banner-div-left{
    padding-top: 40px;
}
.e-commerece-development h2{
    font-size: 55px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-weight: 700;
}
.e-commerece-development p{
font-size: 22px;
color: #403F3F;
text-align: center;
}

.page-template-e-commerce-development-php  .services-heading{   
    font-family: 'Raleway', sans-serif;
font-size:55px;
text-align: center;
color: #000;
max-width:1200px;
width:100%;
margin: 0 auto;
font-weight: 700;
}
.page-template-e-commerce-development-php  .services-heading span{
    color: #527ffc;
}
.page-template-e-commerce-development-php .magento-development-services-section{
    padding-top:40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .service-heading-div p{
    padding-top:20px;
    text-align:center;
    color: #403F3F;
    font-size: 22px;
}
.page-template-e-commerce-development-php .module-development-services{
    padding: 20px;
    height: auto;
    width: 348px;    
    border: 2px solid #7A7979;
}
.page-template-e-commerce-development-php  .service-ul{
    list-style: none;
    display: flex;
}
.page-template-e-commerce-development-php .module-development-services ul{
    list-style: none;
    padding-left:0px;
}
.page-template-e-commerce-development-php .module-development-services ul li{
    padding-bottom: 10px;
}
.page-template-e-commerce-development-php .service-ul{
    justify-content:space-evenly;
}
.page-template-e-commerce-development-php .service-boxes{
    padding-top:80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font: size 55px;
    font-weight:700;
    color: #fff;
}
.page-template-e-commerce-development-php .hire-contact-button{
width:260px;
height: 57px;
}
.page-template-e-commerce-development-php .hire-ecommerce-section{
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/10/ecom-bg.png');
    height: 570px;
    width:100%;
     padding-top: 80px;
}
.page-template-e-commerce-development-php .hr-ecomm-dev h2{
    font-size:55px;
    color: #fff;
    text-align: center;
}

.page-template-e-commerce-development-php .hr-ecomm-dev p{
    font-size:22px;
    color: #fff;
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 40px;
}
.page-template-e-commerce-development-php .hire-contact-button{
display: block;
width:230px;
height: 57px;
background: #527ffc;
color: #fff;
border-radius: 7px;
font-size: 22px;
font-weight: 700;
text-align: center;
line-height: 60px;
margin: 0 auto;
}
.page-template-e-commerce-development-php .hr-ecomm-dev span{
    color: #527ffc;
}
.page-template-e-commerce-development-php  .ecommerce-design-section{
    background: #EBEBEB ;
    height: auto;
}
.page-template-e-commerce-development-php .ecommerce-design h2{
    font-size: 55px;
    color: #000;
    text-align: center;
    padding-bottom: 30px;
}
.page-template-e-commerce-development-php .ecommerce-design-section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .ecommerce-design p{
text-align: center;
font-size: 22px;
color:#403F3F;
max-width: 1000px;
width: 100%;
margin: 0 auto;
padding-bottom: 30px;

}
.page-template-e-commerce-development-php .ecommerce-ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 50px;
}
.page-template-e-commerce-development-php  .commitment-heading h2{
    color:#fff;
    font-size:55px;
    font-family: 'Raleway', sans-serif;
    margin: 0 auto;
    font-weight:700;
    text-align: center;
    padding-bottom: 20px;
}
.page-template-e-commerce-development-php .commitment-heading p{
    color:#fff;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    padding-bottom: 40px;
}
.page-template-e-commerce-development-php .commitment-heading span{
    color: #527ffc;;
}
.page-template-e-commerce-development-php .commitment-ul li h4{
font-size:22px;
color: #fff;
}
.page-template-e-commerce-development-php .commitment-ul li p{
    font-size:15px;
    color: #fff;
    max-width:400px;
    padding-bottom: 20px;
    }
    .page-template-e-commerce-development-php .commitment-detail-row{
    max-width: 1200px;
    margin: 0 auto!important;
}  
.page-template-e-commerce-development-php .promise-commitment-section{
    padding-top:40px;
    padding-bottom: 40px;
}  
.page-template-e-commerce-development-php .commitment-ul{
    display: flex;
    list-style: none;
}
.page-template-e-commerce-development-php .commitment-ul li{
    margin-right:20px;
}
.page-template-e-commerce-development-php .service{
    border-left: 5px solid #527ffc!important;
}
.page-template-e-commerce-development-php .magento-development-banner-section .fa-solid.fa-arrow-right{
    margin-left:20px;
}

@media screen and (max-width: 991px){
    .page-template-e-commerce-development-php .ecommerce-section .container-fluid .row{
    flex-direction: column-reverse;
    align-items: center;
}

.page-template-e-commerce-development-php .service-ul{
    display: flex;
    flex-direction: column;
}
.page-template-e-commerce-development-php .ecommerce-ul{
    display: flex;
    flex-direction: column;
}
.page-template-e-commerce-development-php .ecommerce-banner-div-right{
    text-align: center;
    display:flex;
}

.page-template-e-commerce-development-php .ecommerce-banner-div-right img{
    max-width: 300px;
    width: 100%;
    margin-right: 0px;
    margin: 0 auto;
}

.page-template-e-commerce-development-php .banner-div-left{
    text-align: center;
}
.page-template-e-commerce-development-php .ecommerce-contact{
    margin: 0 auto;
}
.page-template-e-commerce-development-php .service-ul{
    padding-left:0px;
}
.page-template-e-commerce-development-php .module-development-services{
    margin-bottom: 10px!important;
    margin: 0 auto;
}
.page-template-e-commerce-development-php .hire-ecommerce-section {
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/10/ecom-bg.png');
    height: auto;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 40px;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-template-e-commerce-development-php .ecommerce-ul{
    padding-left:0px;
    align-items: center;
	margin-left:0px;
}
.page-template-e-commerce-development-php .ecommerce-ul li{
    margin-bottom: 40px;
}
.page-template-e-commerce-development-php .commitment-ul{
    justify-content: center;
    padding-left: 0px;

}

.page-template-e-commerce-development-php .promise-commitment-section{
    padding: 20px;
}

}

@media screen and (min-width:992px) and (max-width:1500px) {

    .page-template-e-commerce-development-php  .ecommerce-banner-div-right img{
        width:100%;
        max-width:400px;
        margin-top: 80px;
        margin-right: 0px;
    }
    .page-template-e-commerce-development-php .ecommerce-section{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.page-template-e-commerce-development-php .module-development-services{
    height: auto;
    margin: 10px;
}
.page-template-e-commerce-development-php .service-ul{
    padding-left: 0px;
}
.page-template-e-commerce-development-php .promise-commitment-section{
    padding: 10px;
}


}

/*********************flutter-development*********************************/


.flutter-banner-left h2{
    font-size: 45px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
.flutter-img img{
    max-width:500px;
    width: 100%;
    margin-right: 200px;
    float: right ;
}
.flutter-development-banner-section{
    padding-top: 80px;
    max-width: 1800px;
    margin: 0 auto;
}
.flutter-banner-left{
    padding-top: 40px;
}
.flutter-banner-left{
    padding-top: 40px;
}
.flutter-banner-left span{
    color: #527ffc;
}
.flutter-banner-left p{
    font-size: 22px;
    color: #403F3F;
}
.flutter-banner-contact{
    display: block;
    height: 57px;
    width: 207px;
    background: #527ffc;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 55px;
    border-radius: 7px;
    font-weight: 700;
}
.flutter-banner-contact:hover{
    text-decoration: none;
    background: #35611c;
    color: #fff;
}
.flutter-section h2{
font-size: 55px;
text-align: center;
max-width: 800px;
width: 100%;
margin: 0 auto  ;
font-weight: 700;
padding-bottom: 80px;
}
.flutter-section{
    padding: 40px;
    background: #ebebeb;
   height: auto;
}
.flutter-services span{
    color: #527ffc;
}
.flutter-development-banner-section{
    padding-top: 150px;
    padding-bottom: 120px;
}
.flutter-service-ul{
    list-style: none;
}
.flutter-service-ul li{
    font-size: 22px;
    color: #000;
    padding-bottom: 20px;
   
 }
.flutter-service-ul li:before{
    content: '';
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2025/12/file_000000009ea871fa9d26ee3f37527940.png');
    width: 30px;
    height: 30px;
    position: absolute;
    background-size:cover;
    left: 0px;
    display: block;
}

.flutter-service-row{
    max-width:1500px;
    margin: 0 auto!important;
}

.flutter-development-services{
    padding: 20px;
    height: 327px;
    width: 348px;    
    border: 2px solid #7A7979;
}
.flutter-ul{
    list-style: none;
    display: flex;
}
.flutter-development-services ul{
    list-style: none;
    padding-left:0px;
}
.flutter-development-services ul li{
    padding-bottom: 10px;
}
.flutter-ul{
    justify-content:space-evenly;
}
.flutter-boxes{
    padding-top:80px;
}
.flutter-heading{
	font-weight:700;
    text-align: center;
    font-size: 55px;
}

.flutter-heading span{
    color: #527ffc;
}
.flutter-development-services-section{
    padding-top: 40px;
    padding-bottom: 40px;
}



.flutter-promise-commitment-section{
    padding-top: 40px;
    background:#000;
    height:auto;
}
.flutter-commitment-heading h2{
    color:#fff;
    font-size:55px;
    font-family: 'Raleway', sans-serif;
    margin: 0 auto;
    font-weight:700;
    text-align: center;
    padding-bottom: 20px;
}
.flutter-commitment-heading p{
    color:#fff;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    padding-bottom: 40px;
}
.flutter-commitment-heading span{
    color: #527ffc;;
}
.flutter-commitment-ul li h4{
font-size:22px;
color: #fff;
}
.flutter-commitment-ul li p{
    font-size:15px;
    color: #fff;
    max-width:400px;
    padding-bottom: 20px;
    }
.flutter-commitment-detail-row{
    max-width: 1200px;
    margin: 0 auto!important;
}  
.flutter-promise-commitment-section{
    padding-top:40px;
    padding-bottom: 40px;
}  
.flutter-commitment-ul{
    display: flex;
    list-style: none;
}
.flutter-commitment-ul li{
    margin-right:20px;
}
.flutter-commitment-heading h2{
    max-width:1350px;
    margin: 0 auto;
}
.service-img{
    position: absolute;
}
.flutter-commitment-ul li p{
    padding-top: 40px;
    padding-left: 20px;
}

@media screen and (max-width:991px){
	.flutter-commitment-ul	{
	padding-left:0px;
		margin-left:0px;
	}
	.flutter-boxes {
		padding-top:20px;			
		}
    .flutter-development-banner-section .container-fluid .row{
        display: flex;
        flex-direction: column-reverse;
    }

.flutter-ul{
	margin-left:0px;
	padding-left:0px;
    display: flex;
    flex-direction: column;
}
.flutter-img{
    text-align: center;
}
.flutter-img img {
    max-width: 400px;
    width: 100%;
    margin-right: 0px;
    float: inherit;
    text-align: center;
}
.flutter-development-services {
    padding: 20px;
    height: 327px;
    width: 348px;
    border: 2px solid #7A7979;
    margin: 10px;
}

.flutter-commitment-heading h2 {
    color: #fff;
    font-size: 35px;
    font-family: 'Raleway', sans-serif;
    margin: 0 auto;
    font-weight: 700;
    text-align: center;
    padding-bottom: 20px;
}

.flutter-heading {
    text-align: center;
    font-size: 45px;
}
.flutter-section h2 {
    font-size: 36px;
    text-align: center;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    font-weight: 700;
    padding-bottom: 20px;
}

.flutter-banner-left h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
.flutter-promise-commitment-section{
    padding: 20px;
}

.flutter-development-banner-section{
    max-width: 700px;
}
.flutter-ul{
    align-items: center;
}

}

@media screen and (min-width:992px) and (max-width:1600px) {

    .flutter-development-banner-section{
        max-width: 1300px;
        margin: 0 auto;
        width: 100%;
    }

    .flutter-img img {
        max-width: 450px;
        width: 100%;
        margin-right: 0px;
        float: right;
        margin-top: 77px;
}
.flutter-development-services {
    margin: 10px;
    padding: 20px;
    height: auto;
    width: 348px;
    border: 2px solid #7A7979;
}

.flutter-ul{
    padding-left: 0px;
	margin-left:0px;
}
.flutter-promise-commitment-section{
    padding: 20px;
}

}
/***********************angular-development********************************************************/


.angular-app-banner-left h2{
    font-size: 45px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    padding-bottom: 20px;
}
.angular-app-banner-left p{
    font-size: 22px;
color: #403F3F;
font-weight: 400;
}
.angular-app-banner-heading{
    max-width: 1800px;
    width: 100%;
    margin: 0 auto; 
    padding-top: 40px;
    padding-bottom: 80px;
    
    }

 .angular-app-banner-left{
    padding-top: 70px;
 }   
 .angular-app-banner-left span{
    color: #527ffc;
 } 
 .angular-app-banner-img img{
    float: right;
    margin-right: 150px;
 }
 .angular-banner-contact{
    display: block;
    background: #527ffc;
    height: 57px;
    width: 207px;
    border-radius: 7px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    }

    .angular-banner-contact:hover{
        background:#243a17;
        text-decoration: none;
        color: #fff;
    }

    .angular-banner-contact .fa-arrow-right{
        padding-left: 10px;
    }


.angular-section h2{
    font-size: 55px;
    text-align: center;
    max-width: 800px;
    width: 100%;
    margin: 0 auto  ;
    font-weight: 700;
    padding-bottom: 80px;
    }
    .angular-section{
        padding: 40px;
        background: #ebebeb;
       height: auto;
    }
    .angular-services span{
        color: #527ffc;
    }
    .angular-development-banner-section{
        padding-top: 40px;
        padding-bottom: 120px;
    }
    .angular-service-ul{
        list-style: none;
    }
    .angular-service-ul li{
        font-size: 22px;
        color: #000;
        padding-bottom: 20px;
       
     }
    .angular-service-ul li:before{
        content: '';
        background-image: url('https://www.webnyxa.com/wp-content/uploads/2025/12/file_000000009ea871fa9d26ee3f37527940.png');
        width: 30px;
        height: 30px;
        position: absolute;
        background-size:cover;
        left: 56px;
        display: block;
    }
    .angular-service-row{
        max-width: 1550px;
        width: 100%;
        margin: 0 auto!important;
    }

    

.angular-service-row{
    max-width:1300px;
    margin: 0 auto!important;
}

.angular-development-services{
    padding: 20px;
    height: 327px;
    width: 100%;    
    border: 2px solid #7A7979;
    max-width:348px;
}
.angular-ul{
    list-style: none;
    display: flex;
}
.angular-development-services ul{
    list-style: none;
    padding-left:0px;
}
.angular-development-services ul li{
    padding-bottom: 10px;
}
.angular-ul{
    justify-content:space-evenly;
}
.angular-boxes{
    padding-top:80px;
}
.angular-heading{
    text-align: center;
    font-size: 55px;
}

.angular-heading span{
    color: #527ffc;
}
.angular-development-services-section{
    padding-top: 40px;
    padding-bottom: 40px;
}



.angular-promise-commitment-section{
    padding-top: 40px;
    background:#000;
    height:auto;
}
.angular-commitment-heading h2{
    color:#fff;
    font-size:55px;
    font-family: 'Raleway', sans-serif;
    margin: 0 auto;
    font-weight:700;
    text-align: center;
    padding-bottom: 20px;
}
.angular-commitment-heading p{
    color:#fff;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    padding-bottom: 40px;
}
.angular-commitment-heading span{
    color: #527ffc;;
}
.angular-commitment-ul li h4{
font-size:22px;
color: #fff;
}
.angular-commitment-ul li p{
    font-size:15px;
    color: #fff;
    max-width:400px;
    padding-bottom: 20px;
    }
.angular-commitment-detail-row{
    max-width: 1200px;
    margin: 0 auto!important;
}  
.angular-promise-commitment-section{
    padding-top:40px;
    padding-bottom: 40px;
}  
.angular-commitment-ul{
    display: flex;
    list-style: none;
}
.angular-commitment-ul li{
    margin-right:20px;
}
.angular-commitment-heading h2{
    max-width:1200px;
    margin: 0 auto;
}
.service-img{
    position: absolute;
}
.angular-commitment-ul li p{
    padding-top: 40px;
    padding-left: 20px;
}
@media screen and (max-width:991px) {

.angular-ul{
    flex-direction: column;
}

.angular-app-banner-heading .row{
    display: flex;
    flex-direction: column-reverse;
}
.angular-app-banner-img img {
    float: inherit;
    margin-right: 0px;
}
.angular-app-banner-img img{
    width: 100%;
    max-width: 400px;
}

.angular-ul{
    padding-left: 0px;
}
.angular-development-services {
    padding: 20px;
    height: auto;
    width: 100%;
    max-width: 348px;
    margin: 0 auto;
    border: 2px solid #7A7979;
    margin: 10px;
}
.angular-promise-commitment-section{
    padding: 40px 10px 40px 10px;

}
.angular-commitment-heading h2{
    font-size:35px;
}

.angular-commitment-ul{
    padding-left: 0px;
}
.angular-app-banner-heading{
    padding: 60px 10px 30px 10px; 
    
}
.angular-app-banner-left h2{
    font-size:45px;    
}
.angular-ul{
    align-items: center;
	padding-left:0px;
	margin-left:0px;
	}
.angular-commitment-ul{
    justify-content: center;
}

.angular-app-banner-img{
    text-align: center;
}

}


@media screen and (min-width:992px) and (max-width:1500px){

    .angular-app-banner-left{
        padding-left:40px;
    }

    .angular-ul{
        padding-left: 0px;
        max-width: 1500px;
        margin: 0 auto;
    }

    .angular-app-banner-img img {
        float: right;
        margin-right: 0px;
        max-width: 500px;
    }

.angular-app-banner-img{
    padding-top: 100px;
}
.angular-ul{
    padding-left: 0px;
}

.angular-development-services {
    margin: 10px;
    padding: 20px;
    height: 327px;
    width: 100%;
    border: 2px solid #7A7979;
    max-width: 348px;
}
	
	.angular-development-services p{
		font-size:16px;
	}

.angular-heading{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.angular-app-banner-heading{
max-width: 1200px;
margin: 0 auto;
}

}

/* .job-section .jobs-none-container{
	height: 600px;
    width: 100%;
    background: #fff;
    max-width: 1000px;
    margin: 0 auto;
    float: right;
    margin-right: 80px;
    border-radius: 40px;
    margin-bottom: 40px;
    border: 5px #527ffc solid;
}

.jobs-none-container p{
	    font-size: 40px;
    text-align: center;
    padding-top: 80px;
    font-weight: 700;
}
 */

/*********************react-native**********************/


.page-template-react-native-1-php .react-native-banner-left h2{
    font-size: 45px;
    font-weight: 700;
    font-family: 'poppins', 'sans-serif';
}
.page-template-react-native-1-php .react-native-banner-left span{
    color: #527ffc;
}

.page-template-react-native-1-php .react-native-section{
    padding-top: 80px;
}
.page-template-react-native-1-php .reac-native-img img{
    width: 100%;
    max-width: 500px;

}

.page-template-react-native-1-php .react-native-section{
    max-width: 1800px;
    width: 100%;
    margin: 0 auto;
	padding-top:150px;
	padding-left:40px;
}
.page-template-react-native-1-php .reac-native-img img{
    float: right;
    margin-right: 80px;
}
.page-template-react-native-1-php .reac-native-img{
    padding-right: 100px;
}
.page-template-react-native-1-php .react-native-banner-left p{
font-size: 22px;
color: 403F3F;
}
.page-template-react-native-1-php .reactnative-contact-button{
    width: 207px;
    height: 57px;
    display: block;
    background: #527ffc;
    color: #fff;
    font-weight: 700;
    font-size:22px;
    border-radius: 7px;
    text-align: center;
    line-height: 55px;

}

.page-template-react-native-1-php .reactnative-why-choose{
    padding-top: 80px;
    background: #ebebeb;
    width: 100%;
    height:autp ;
    padding-bottom: 80px;

}
.page-template-react-native-1-php .react-why-choose h2{
    font-size: 55px;
    font-family: 'Raleway', sans-serif;
    max-width: 1000px;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 20px;

}
.page-template-react-native-1-php .react-why-choose span{
    color: #527ffc;
}
.page-template-react-native-1-php .react-why-choose p{
    max-width: 1200px;
    font-size: 22px;
    color: #000;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.page-template-react-native-1-php .react-native-services{
    width: 100%;
    height: 600px;
}
.page-template-react-native-1-php .react-service h2{
    font-weight: 700;
    font-size:55px;
    font-family: 'Raleway', sans-serif;
    color: #000;
    text-align: center;
    padding-top: 80px;
}

.page-template-react-native-1-php .react-service span{
    color: #527ffc;
}


.page-template-react-native-1-php .services-heading{   
    font-family: 'Raleway', sans-serif;
font-size:55px;
text-align: center;
color: #000;
max-width:1200px;
width:100%;
margin: 0 auto;
font-weight: 700;
}
.page-template-react-native-1-php .services-heading span{
    color: #527ffc;
}
.page-template-react-native-1-php .magento-development-services-section{
    padding-top:40px;
    padding-bottom: 40px;
}
.page-template-react-native-1-php .service-heading-div p{
    padding-top:20px;
    text-align:center;
    color: #403F3F;
    font-size: 22px;
}
.page-template-react-native-1-php .module-development-services{
    padding: 20px;
    height: auto;
    width: 348px;    
    border: 2px solid #7A7979;
}
.page-template-react-native-1-php .service-ul{
    list-style: none;
    display: flex;
}
.page-template-react-native-1-php .module-development-services ul{
    list-style: none;
    padding-left:0px;
}
.page-template-react-native-1-php .module-development-services ul li{
    padding-bottom: 10px;
}
.page-template-react-native-1-php .service-ul{
    justify-content:space-evenly;
}
.page-template-react-native-1-php .service-boxes{
    padding-top:80px;
}


.page-template-react-native-1-php .promise-commitment-section{
    padding-top: 40px;
    background:#000;
    height:auto;
}
.page-template-react-native-1-php .page-template-react-native-1-php .commitment-heading h2{
    max-width: 1000px;
    margin: 0 auto;
    color:#fff;
    font-size:55px;
    font-family: 'Raleway', sans-serif;
    margin: 0 auto;
    font-weight:700;
    text-align: center;
    padding-bottom: 80px;
}
.page-template-react-native-1-php .commitment-heading p{
    color:#fff;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    padding-bottom: 40px;
}
.page-template-react-native-1-php .commitment-heading span{
    color: #527ffc;;
}
.page-template-react-native-1-php .commitment-ul li h4{
font-size:22px;
color: #fff;
}
.page-template-react-native-1-php .commitment-ul li p{
    font-size:15px;
    color: #fff;
    max-width:400px;
    padding-bottom: 20px;
    }
    .page-template-react-native-1-php .commitment-detail-row{
    max-width: 1200px;
    margin: 0 auto!important;
}  
.page-template-react-native-1-php .promise-commitment-section{
    padding-top:40px;
    padding-bottom: 40px;
}  
.page-template-react-native-1-php .commitment-ul{
    display: flex;
    list-style: none;
}
.page-template-react-native-1-php .commitment-ul li{
    margin-right:20px;
}

.page-template-react-native-1-php .reactnative-contact-button .fa-solid.fa-arrow-right{
    margin-left:20px;
}

.page-template-react-native-1-php .reactnative-contact-button:hover{
    color:#fff;
    text-decoration: none;
    background: #3e7022;
}


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

    .page-template-react-native-1-php .react-native-section .container-fluid .row{
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.page-template-react-native-1-php .service-ul{
    display: flex;
    flex-direction: column;
}

.page-template-react-native-1-php .service-ul{
    padding-left: 0px;
	margin-left:0px;
}

.page-template-react-native-1-php .service-ul{
    align-items: center;
}

.page-template-react-native-1-php .reac-native-img{
    text-align: center;
}
.page-template-react-native-1-php .reactnative-contact-button{
    margin: 0 auto;
}

.page-template-react-native-1-php .react-why-choose h2 {
    width: 100%;
    font-size: 45px;
    font-family: 'Raleway', sans-serif;
    max-width: 1000px;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 20px;}

    .page-template-react-native-1-php .reac-native-img img {
        float: inherit;
        margin-right: 0px;
    }

    .page-template-react-native-1-php .reac-native-img {
        padding-right: 0px;
    }


    .page-template-react-native-1-php .services-heading {
        font-family: 'Raleway', sans-serif;
        font-size: 45px;
        text-align: center;
        color: #000;
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        font-weight: 700;
    }

    .page-template-react-native-1-php .module-development-services {
        padding: 20px;
        height: auto;
        width: 100%;
       max-width: 348px;
        border: 2px solid #7A7979;
        margin-bottom: 20px;
    }

    .page-template-react-native-1-php .react-native-section{
        padding-bottom: 80px;
		padding-left:0px!important;
		
		 }


    .page-template-react-native-1-php .commitment-heading h2 {
        max-width: 1000px;
        margin: 0 auto;
        color: #fff;
        font-size: 35px;
        font-family: 'Raleway', sans-serif;
        margin: 0 auto;
        font-weight: 700;
        text-align: center;
        padding-bottom: 80px;
    }  
	.module-development-services.service ul li img{
		max-width:80px;
		width:100%;
	}
	.page-template-react-native-1-php .react-native-banner-left p {
    font-size: 18px;
    color: #403F3F;
    line-height: 32px;
}
	.react-why-choose p{
		 font-size: 18px!important;
    color: #403F3F!important;
    line-height: 32px!important;
	}

    .page-template-react-native-1-php .commitment-ul{
        padding-left: 0px;;
        justify-content: center;
		margin-left:0px;
    }

    .page-template-react-native-1-php .reac-native-img img{
    max-width: 500px;
    width: 100%;
}

}


@media screen and (min-width:992px) and (max-width:1600px) {
	.page-template-contact-us-php .text-center.mb-5 h3 {
		font-size:42px;
	}

    .page-template-react-native-1-php .reac-native-img img {
        float: right;
        margin-right: 0px;
    }

    .page-template-react-native-1-php .reac-native-img{
        padding-top: 80px;
        padding-right: 0px;
    }

    .page-template-react-native-1-php .react-native-section{
    padding-bottom: 80px;
}

.page-template-react-native-1-php .module-development-services {
    padding: 20px;
    height: auto;
    width: 100%;
   max-width: 348px;
    border: 2px solid #7A7979;
    margin: 5px;
}
.page-template-react-native-1-php service-ul{
    padding-left: 0px;
}

}

/*************SEO**************************/


.seo-banner-secion-left h2{
    font-size:45px;
    font-weight: 700;
    font-family: 'poppins','sans-serif';
}

.seo-banner-contact:hover{
    color: #fff;
    text-decoration: none;
    background: #355522;
}

.seo-media-banner-section{
    max-width: 1800px;
    margin: 0 auto;
    padding-top: 80px;
}
.seo-banner-img img{
    width: 100%;
    max-width: 500px;
}

.seo-banner-secion-left p{
    color: 403F3F;
    font-size: 22px;
}
.seo-banner-contact{
    width: 100%;
    max-width: 207px;
    height: 57px;
    background: #527ffc;
    border-radius: 7px;
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    line-height: 60px;
}
.seo-banner-secion-left span{
    color: #527ffc;
}

.seo-banner-secion-left{
    padding-top: 80px;
}

.seo-banner-img img {
    width: 100%;
    max-width: 500px;
    float: right;
    margin-right: 150px;}

 .seo-part-ul > li{
    max-width:550px;
    width: 100%;
    height: 244px;
    border: #7A7979 2px solid;
    padding-left: 20px;
    padding-top: 30px;
    
 }   

 .seo-part-ul{
list-style: none;
display: flex;
flex-direction: row;
justify-content: space-around;
 }

 .tech-seo{
    display: block;
    background: #eaeaea;
    height: 40px;
    max-width: 300px;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
 }

 .tech-seo{
    width: 100%;
    margin: 10px;
 }

 .seo-part-ul>li>ul{
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
 }
.seo-part-ul .seo-part{
    font-size: 22px;
    font-weight: 700;
}

.seo-part-ul li ul li img{
width: 64px;
height: auto;
}
.seo-part-section{
    padding-top: 40px;
    padding-bottom: 80px;
}
.seo-service-section{
    height: auto;
    width: 100%;
    background: #EBEBEB;
    padding-bottom: 80px;
}
.seo-service-heading h2{
    font-size: 55px;
    color: #000;
    text-align: center;
    padding-top: 80px;
    font-weight: 700;
}

.seo-service-heading h2 span{
    color: #527ffc;
    font-weight: 700;
}

.seo-service-heading p{
text-align: center;
max-width: 1200px;
margin: 0 auto;
font-size: 22px ;
font-weight: 500;
padding-bottom: 80px;
}
.seo-service-box{
    background: #527ffc;
    display: block;
    color: #fff;
    font-size: 22px;
    max-width: 800px;
    text-align: center;
    height: 70px;
    line-height: 70px;
    font-weight: 700;

}

.seo-serivce-ul {
    display: flex;
    list-style: none;
}

.seo-serivce-ul li{
 
    font-size: 22px;
}
.seo-section-div{
margin-top: 80px;
}

.seo-heading{
    max-width: 300px;
    width: 100%;
}
.best-seo-section{
    padding-top: 80px;
    min-height: 600px;
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/10/bg.png');
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
}
.best-seo-company-div h2{
    font-size: 55px;
    text-align: center;
    font-weight: 700;
    color: #fff;
}

.best-seo-company-div span{
    color: #527ffc;
}
.best-seo-company-div p{
    font-size: 22px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    margin-bottom: 30px;
}
.best-company-ul{
    list-style:none;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    justify-content: center;
}
.best-company-ul li{
    color: #fff;
    width: 100%;
    max-width: 700px;
    font-size: 22px;
    margin-left: 50px;
} 
.best-seo-section{
    margin-bottom: 80px;
}

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

    .seo-part-ul{
        display: flex;
        flex-direction: column;
    }

.seo-media-banner-section .container-fluid .row{
    display: flex;
    flex-direction: column-reverse;
}

.seo-banner-img img {
    width: 100%;
    max-width: 450px;
    float: inherit;
    margin-right: 0px;}


    .seo-part-ul > li {
        max-width: 550px;
        width: 100%;
        height: auto;
        border: #7A7979 2px solid;
        padding-left: 5px;
        padding-top: 30px;
        margin: 10px;
    }
    .seo-part-ul{
        padding-left: 0px;
		margin-left:0px;
    }
.seo-part-ul li ul{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.d-flex{
    display: flex;
    flex-direction: column;
}

.seo-part-section{
    padding-top: 20px;
    padding-bottom: 20px;
}
.seo-service-box {
    background: #527ffc;
    display: block;
    color: #fff;
    font-size: 22px;
    max-width: 800px;
    text-align: center;
    height: auto;
    line-height: 40px;
    font-weight: 700;
    padding: 10px;
}

.seo-serivce-ul {
    display: flex;
    list-style: none;
    flex-direction: column;
    text-align: center;
}
.seo-serivce-ul{
    padding-left: 0px;
}

.seo-heading{
    padding-top: 20px;
}

.best-company-ul{
    display: flex;
    flex-direction: column;
    padding-left: 0px;
}
.best-company-ul>li {
    color: #fff;
    width: 100%;
    max-width: 700px;
    font-size: 22px;
    margin-left: 10px;
    margin-bottom: 30px;
}

.seo-banner-img{
    text-align: center;
}
.seo-media-banner-section{
    max-width: 650px;
    margin: 0 auto;
}

.seo-part-section{
    max-width: 650px;
    margin: 0 auto;
}

.seo-service-section .container-fluid{
    max-width: 650px;
    margin: 0 auto;
}
.seo-heading{
    max-width: 100%;
}
.best-seo-section .container-fluid{
max-width: 650px;
margin: 0 auto;
}

}

@media screen and (min-width:992px) and (max-width:1600px) {

    .seo-media-banner-section{
        padding-top: 20px;
    }

    .seo-banner-img img {
        width: 100%;
        max-width: 400px;
        float: right;
        margin-right: 20px;
        padding-top: 60px;
    }
.seo-part-ul{
    padding-left: 0px;
    
}

.seo-part-ul > li {
    max-width: 550px;
    width: 100%;
    height: auto;
    border: #7A7979 2px solid;
    padding-left: 0px;
    margin: 5px;
    padding: 10px;
    text-align: center;
  
}

.d-flex{
    flex-direction: column;
    align-items: center;
}
.seo-heading{
    max-width: 220px;
    width: 100%;
}
.seo-media-banner-section{
    max-width:1200px;}

.seo-part-ul{
    max-width: 1200px;
    margin: 0 auto;
}

.seo-service-section .container-fluid{
    max-width: 1200px;
    margin: 0 auto;
}

}


@media screen and (min-width:1601px) and (max-width:1800px) {

    .seo-media-banner-section{
        padding-top: 20px;
    }

    .seo-banner-img img {
        width: 100%;
        max-width: 400px;
        float: right;
        margin-right: 20px;
        padding-top: 60px;
    }
.seo-part-ul{
    padding-left: 0px;
    
}

.seo-part-ul > li {
    max-width: 550px;
    width: 100%;
    height: auto;
    border: #7A7979 2px solid;
    padding-left: 0px;
    margin: 5px;
    padding: 10px;
    text-align: center;
  
}

.d-flex{
    flex-direction: column;
    align-items: center;
}
.seo-heading{
    max-width: 220px;
    width: 100%;
}
.seo-media-banner-section{
    max-width:1400px;}

.seo-part-ul{
    max-width: 1400px;
    margin: 0 auto;
}

.seo-service-section .container-fluid{
    max-width: 1400px;
    margin: 0 auto;
}

}

/*****************SMM*****************************/

.smm-banner-left h2{
font-size: 45px;
font-family: 'poppins','sans-serif';
color: #000;
font-weight: 700;
padding-top: 80px;
}
.smm-banner-section{
    padding-top: 40px;
}
.smm-banner-left span{
color: #527ffc;
}
.smm-banner-left p{
    font-size: 22px;
    font-family: 'roboto','sans-serif';
    color: #403F3F;
    max-width: 800px;
    width: 100%;
}
.smm-banner-contact{
    background: #527ffc;
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    width: 207px;
    height: 57px;
    border-radius: 7px;
    line-height: 55px;
}
.smm-banner-contact:hover{
    background: #355522;
    color: #fff;
    text-decoration: none;
}

.smm-banner-img img{
    max-width: 450px;
    width: 100%;
    float: right;
    margin-right: 80px;
}

.smm-banner-section{
    max-width: 1600px;
    margin: 0 auto;
}
.smm-service-section h2{
    font-size: 45px;
    color: #000;
    text-align: center;
    font-weight: 700;
    font-family: 'raleway','sans-serif';
    margin-top: 80px;

}
.smm-service-section span{
    color: #527ffc;
}
.service-section-div p{
    font-size: 22px;
    text-align: center;
    margin: 0 auto;
    max-width: 1420px;
    padding-bottom: 60px;
}
.social-vs-digital-section{
    background:url('https://www.webnyxa.com/wp-content/uploads/2023/10/bg.png');
    background-size: cover;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
margin-bottom: 40px;
padding-bottom: 40px;
}
.socaildigital h2{
    padding-top: 60px;
font-size: 55px;
font-weight: 700;
font-family: 'raleway','sans-serif';
color: #fff;
text-align: center;

}
.socaildigital span{
    color: #527ffc;
}
.socaildigital p{
    color: #fff;
    font-size: 22px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}
.socaildigital{
    list-style: none;
    max-width: 1220px;
    margin: 0 auto;
    padding-top: 40px;
}

.socaildigital li{
    color: #fff;
    font-size: 22px;
    padding-bottom: 20px;
}

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

    .smm-banner-section .row{
        display: flex;
        flex-direction: column-reverse;

    }

    .smm-banner-img img {
        max-width: 450px;
        width: 100%;
        float: inherit;
        margin-right: 0px;}

    .smm-banner-img{
        text-align: center;
}


}

/***********************PPC*************************/


.ppc-service-heading span{
    color: #527ffc;
}
.best-ppc-company-div span{
    color: #527ffc;
}

.ppc-banner-secion-left h2{
    font-size:45px;
    font-weight: 700;
    font-family: 'poppins','sans-serif';
}

.ppc-banner-contact:hover{
    color: #fff;
    text-decoration: none;
    background: #355522;
}

.ppc-media-banner-section{
    max-width: 1800px;
    margin: 0 auto;
    padding-top: 80px;
}
.ppc-banner-img img{
    width: 100%;
    max-width: 500px;
}

.ppc-banner-secion-left p{
    color: 403F3F;
    font-size: 22px;
}
.ppc-banner-contact{
    width: 100%;
    max-width: 207px;
    height: 57px;
    background: #527ffc;
    border-radius: 7px;
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    line-height: 60px;
}
.ppc-banner-secion-left span{
    color: #527ffc;
}

.ppc-banner-secion-left{
    padding-top: 80px;
}

.ppc-banner-img img {
    width: 100%;
    max-width: 500px;
    float: right;
    margin-right: 150px;}

 .ppc-part-ul > li{
    max-width:550px;
    width: 100%;
    height: 244px;
    border: #7A7979 2px solid;
    padding-left: 20px;
    padding-top: 30px;
    
 }   

 .ppc-part-ul{
list-style: none;
display: flex;
flex-direction: row;
justify-content: space-around;
 }

 .tech-ppc{
    display: block;
    background: #eaeaea;
    height: 40px;
    max-width: 300px;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
 }

 .tech-ppc{
    width: 100%;
    margin: 10px;
 }

 .ppc-part-ul>li>ul{
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
 }
.ppc-part-ul .ppc-part{
    font-size: 22px;
    font-weight: 700;
}

.ppc-part-ul li ul li img{
width: 64px;
height: auto;
}
.ppc-part-section{
    padding-top: 40px;
    padding-bottom: 80px;
}
.ppc-service-section{
    height: auto;
    width: 100%;
    background: #EBEBEB;
    padding-bottom: 80px;
}
.ppc-service-heading h2{
    font-size: 55px;
    color: #000;
    text-align: center;
    padding-top: 80px;
    font-weight: 700;
}

.ppc-service-heading h2 span{
    color: #527ffc;
    font-weight: 700;
}

.ppc-service-heading p{
text-align: center;
max-width: 1200px;
margin: 0 auto;
font-size: 22px ;
font-weight: 500;
padding-bottom: 80px;
}
.ppc-service-box{
    background: #527ffc;
    display: block;
    color: #fff;
    font-size: 22px;
    max-width: 800px;
    text-align: center;
    height: 70px;
    line-height: 70px;
    font-weight: 700;

}

.ppc-serivce-ul {
    display: flex;
    list-style: none;
}

.ppc-serivce-ul li{
 
    font-size: 22px;
}
.ppc-section-div{
margin-top: 80px;
}

.ppc-heading{
    max-width: 300px;
    width: 100%;
}
.best-ppc-section{
    padding-top: 80px;
    height: auto;
    padding-bottom: 80px;
    background-image: url('https://www.webnyxa.com/wp-content/uploads/2023/10/bg.png');
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
}
.best-ppc-company-div h2{
    font-size: 55px;
    text-align: center;
    font-weight: 700;
    color: #fff;
}

.best-ppc-company-div span{
    color: #527ffc;
}
.best-ppc-company-div p{
    font-size: 22px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    margin-bottom: 30px;
}
.best-company-ul{
    list-style:none;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    justify-content: center;
}
.best-company-ul li{
    color: #fff;
    width: 100%;
    max-width: 700px;
    font-size: 22px;
    margin-left: 50px;
} 
.best-ppc-section{
    margin-bottom: 80px;
}

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

    .ppc-part-ul{
        display: flex;
        flex-direction: column;
    }

.ppc-media-banner-section .container-fluid .row{
    display: flex;
    flex-direction: column-reverse;
}

.ppc-banner-img img {
    width: 100%;
    max-width: 450px;
    float: inherit;
    margin-right: 0px;}


    .ppc-part-ul > li {
        max-width: 550px;
        width: 100%;
        height: auto;
        border: #7A7979 2px solid;
        padding-left: 5px;
        padding-top: 30px;
        margin: 10px;
    }
    .ppc-part-ul{
        padding-left: 0px;
    }
.ppc-part-ul li ul{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.d-flex{
    display: flex;
    flex-direction: column;
}

.ppc-part-section{
    padding-top: 20px;
    padding-bottom: 20px;
}
.ppc-service-box {
    background: #527ffc;
    display: block;
    color: #fff;
    font-size: 22px;
    max-width: 800px;
    text-align: center;
    height: auto;
    line-height: 40px;
    font-weight: 700;
    padding: 10px;
}

.ppc-serivce-ul {
    display: flex;
    list-style: none;
    flex-direction: column;
    text-align: center;
}
.ppc-serivce-ul{
    padding-left: 0px;
}

.ppc-heading{
    padding-top: 20px;
}

.best-company-ul{
    display: flex;
    flex-direction: column;
    padding-left: 0px;
}
.best-company-ul>li {
    color: #fff;
    width: 100%;
    max-width: 700px;
    font-size: 22px;
    margin-left: 10px;
    margin-bottom: 30px;
}

.ppc-banner-img{
    text-align: center;
}
.ppc-media-banner-section{
    max-width: 650px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.ppc-part-section{
    max-width: 650px;
    margin: 0 auto;
}

.ppc-service-section .container-fluid{
    max-width: 650px;
    margin: 0 auto;
}
.ppc-heading{
    max-width: 100%;
}
.best-ppc-section .container-fluid{
max-width: 650px;
margin: 0 auto;
}

}

@media screen and (min-width:992px) and (max-width:1600px) {

    .ppc-media-banner-section{
        padding-top: 20px;
    }

    .ppc-banner-img img {
        width: 100%;
        max-width: 400px;
        float: right;
        margin-right: 20px;
        padding-top: 60px;
    }
.ppc-part-ul{
    padding-left: 0px;
    
}

.ppc-part-ul > li {
    max-width: 550px;
    width: 100%;
    height: auto;
    border: #7A7979 2px solid;
    padding-left: 0px;
    margin: 5px;
    padding: 10px;
    text-align: center;
  
}

.d-flex{
    flex-direction: column;
    align-items: center;
}
.ppc-heading{
    max-width: 220px;
    width: 100%;
}
.ppc-media-banner-section{
    max-width:1200px;
padding-bottom: 40px;}

.ppc-part-ul{
    max-width: 1200px;
    margin: 0 auto;
}

.ppc-service-section .container-fluid{
    max-width: 1200px;
    margin: 0 auto;
}

}


@media screen and (min-width:1601px) and (max-width:1800px) {

    .ppc-media-banner-section{
        padding-top: 20px;
    }

    .ppc-banner-img img {
        width: 100%;
        max-width: 400px;
        float: right;
        margin-right: 20px;
        padding-top: 60px;
    }
.ppc-part-ul{
    padding-left: 0px;
    
}

.ppc-part-ul > li {
    max-width: 550px;
    width: 100%;
    height: auto;
    border: #7A7979 2px solid;
    padding-left: 0px;
    margin: 5px;
    padding: 10px;
    text-align: center;
  
}

.d-flex{
    flex-direction: column;
    align-items: center;
}
.ppc-heading{
    max-width: 220px;
    width: 100%;
}
.ppc-media-banner-section{
    max-width:1400px;
padding-bottom: 40px;}

.ppc-part-ul{
    max-width: 1400px;
    margin: 0 auto;
}

.ppc-service-section .container-fluid{
    max-width: 1400px;
    margin: 0 auto;
}


}


/********graphic-page-upgrade****************/
.mid-right-p{
	padding-left: 45px!important;
    position: relative;
    padding: 20px;
    background: #527ffc;
    color: #fff;
    left: -39px;
    top: 25px;
    z-index: -2;
}

.mid-img-sec {
	position: relative;
    padding-top: 40px;
    height: 446px;
    text-align: center;
    box-shadow: 0px 0px 9px -1px;
    z-index: 17;
    background: #fff;
}


@media screen and (max-width:991px){
	.mid-img-sec {
    position: relative;
    padding-top: 40px;
    height: auto;
		padding-bottom:20px;
    text-align: center;
    box-shadow: 0px 0px 9px -1px;
    z-index: 17;
    background: #fff;
}
	
	.mid-right-p {
    padding-left: 12px!important;
    position: relative;
    padding: 20px;
    background: #527ffc;
    color: #fff;
    left: 0px;
    top: 25px;
    z-index: -2;
}
		
}

/***********************************/
.it-consulting-service ul{
	padding-left:0px;
}

.consulting-div {
    display: flex;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
  background: #fff;
    height: auto;
    margin-top: 40px;
   
    position: relative;
	margin-bottom:150px;
}
.consulting-div{
	flex-wrap:wrap;
}
.it-consulting-service{
    background: #eee;
    padding: 20px;
    margin-bottom: 40px!important;
    border: none;
    padding-top: 70px;
    max-width: 600px;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
	border-radius: 7px;
    box-shadow: 6px 6px 0px -1px #527ffc;
}
.it-consulting-service ul{
	    border-radius: 7px!important;
    margin-left: 0px;
}
  	

.it-consulting-service ul{
    list-style: none;
}
.it-consulting-service ul li{
    padding-bottom: 30px;
}

.consulting-services-content{
    line-height: 30px;
    font-style: italic;
    font-size: 16px;
}
.it-heading{
font-size: 22px;
font-weight: 700;
}
.heading-after-1:after{
    top: 10px;
    content: '';
    width: 225px;
    height: 2px;
    display: block;
    position: relative;
    background-color: #527ffc   ;
}

.heading-after-2:after{
    top: 10px;
    content: '';
    width: 225px;
    height: 2px;
    display: block;
    position: relative;
    background-color: #527ffc;
}
.heading-after-3:after{
    top: 10px;
    content: '';
    width: 225px;
    height: 2px;
    display: block;
    position: relative;
    background-color: #527ffc;
}
.heading-after-4:after{
    top: 10px;
    content: '';
    width: 225px;
    height: 2px;
    display: block;
    position: relative;
    background-color: #527ffc;
}
.consulting-div{
	
}


.row.consulting-row.slider-row{
	padding-top:150px!important;
}

@media screen and (max-width:991px) {
	.consulting-div{
		display:flex;
		flex-direction:column;		
	}
	
	.consulting-div {
    display: flex;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    background: #fff;
    height: auto;
    margin-top: 40px;
    position: relative;
		margin-bottom: 30px;
	align-items:center;
	}


		
}

/*************mobile-app-development***************/

.mobile-development-service h2{
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    font-size: 55px;
    font-weight: 700;
    padding-top: 80px;
    color: #fff;
}

.mobile-development-service p{
    font-size: 22px;
    margin: 0 auto;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    color:#fff;
    text-align: center;
}
.mobile-development-service span{
    color: #000;
}

.mobile-service-li{
    background: #fff ;
    height: 350px;
    width: 300px;   
    border-radius: 15px;
    margin: 20px;
    padding: 10px;
    text-align: center;
	transition-duration:1s;
}
.mobile-dvelopment-ul{
    list-style: none;
    display: flex;
    flex-direction:row ;
    justify-content: center;
    list-style: none;
    margin-top: 110px;
 
}
.bg-mobile-app-service{
    background: #527ffc;
    padding-bottom: 40px;
}
.mobile-service-li ul{
    list-style: none;
    padding-left: 0px;
	margin-left:0px;

}
.mobile-service-heading{
    font-size: 26px;
    font-weight: 700;
   color: #000;
   margin-top: -67px;
   text-align: center;
}
.mobile-service-li img{
    width: 180px;
    height: 180px;
    border: 15px solid #fff;
    border-radius: 105px;
}
.mobile-service-img{
    position: relative;
    top: -77px;
  
}
.container-fluid.bg-mobile-app-service{
	margin-bottom:40px;
}

@media screen and (max-width:991px){
.mobile-dvelopment-ul{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 0px;
	margin-left:0px;
}

.mobile-service-li{
    margin-bottom: 80px;
}


}

@media screen and (min-width:992px) and (max-width: 1400px){
	.mobile-service-li {
    background: #fff;
    height: auto;
    width: 300px;
    border-radius: 15px;
    margin: 20px;
    padding: 10px;
    text-align: center;
}
}
 
.mobile-service-li:hover{  
	transform: translateY(-12px);}

  .active1  {    
    position: relative;
    left: -500px;   
  }

  .active2  {    
    position: relative;
    right: -500px;   
  }

#menu-menu-1 .menu-item{
	height:42px;}

.it-consulting-service:hover{
	box-shadow: 6px 6px 0px -1px #355224;
	transform:translateY(10px);
	transition:all ease 1s;
}

.page-template-Mobile_app_development-php .card.tech-card{
	height: auto!important;
    min-height: 300px;
}

.page-template-Mobile_app_development-php  .card-img-top.tech-img{
	width:110px!important;
	top:0px!important;
}
.card-text.tech-p{
	margin-top:-20px;
}

.page-template-software_devlopment-php .service-cont{
	background:#f0f0f0;
	
}

.service-1{
	background:#fff;
	border-radius:40px;
	height:300px;
	border:none;
}

.web-open-source{
	background:#527ffc;
	color:#fff;
	border-radius:50px;
}

.web-open-source .card-title{
	text-align:center;
}

.web-open-source .card-img-top{
	margin:0 auto!important;
}
.web-open-source .card-text{
	text-align:center;
	color:#fff
}

.web-open-source2{
		background:#527ffc;
	border-radius:50px;
}

.web-open-source2 .card-title{
	text-align:center;
	color:#fff;
}

.web-open-source2 .card-img-top{
	margin:0 auto!important;
}
.web-open-source2 .card-text{
	text-align:center;
	color:#fff
}
@media (max-width: 991px) {
  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
  }
}

.revamp-1, .revamp-4{
	border-bottom: 10px solid #527ffc!important;
}
.revamp-2, .revamp-5{
	border-bottom: 10px solid #0bb9a6!important;
}

.revamp-3, .revamp-6{
	border-bottom: 10px solid #0b6968!important;
}

.revamp-2 .card-title {
	line-height:36px!important;
}
.revamp-5 .card-title {
	line-height:36px!important;
}

.page-template-android_app_development-php .card{
border:10px solid #527ffc;
}


.solution-1, .solution-4{width:460px!important; 
	transition:1s!important;
	
}
.solution-1{
	margin-right:-100px;
}
.solution-3{
	margin-right:-100px;
}

.solution-2, .solution-3 {width:460px!important;
	transition:1s!important;
	
}

.android-development-flex{	
	display:flex;
	flex-direction:row;
	align-items:center;
	margin-bottom:30px;
}

.solution-1:hover{
	background:#527ffc;
	color:#fff;
	transition:1s!important;
}

.solution-2:hover{
	background:#527ffc;
	color:#fff;
	transition:1s!important;
}

.solution-3:hover{
	background:#527ffc;
	color:#fff;
	transition:1s!important;
}

.solution-4:hover{
	background:#527ffc;
	color:#fff;
	transition:1s!important;
}
.solution-1:hover p{
	color:#fff!important;
	transition:1s!important;
}
.solution-2:hover p{
	color:#fff!important;
	transition:1s!important;
}
.solution-3:hover p{
	color:#fff!important;
	transition:1s!important;
}
.solution-4:hover p{
	color:#fff!important;
	transition:1s!important;
}

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

	.solution-1, .solution-2, .solution-3, .solution-4 {
		border:5px solid #527ffc!important;
	}
	
	
	#menu-menu-1 .menu-item{
		height:auto!important;
	}
	
	.android-development-flex{
		flex-direction:column;
		align-items:center;
	}
	.solution-1{
		margin-right:0px!important;
		margin-left:0px!important;
	}
		.solution-3{
		margin-right:0px!important;
			margin-left:0px!important;
	}
}

@media screen and (min-width:992px) and (max-width:1600px){
		.page-template-android_app_development-php .row.slider-row{
		height:640px!important;
	}
	
	.solution-1, .solution-2, .solution-3, .solution-4 {
		border:5px solid #527ffc!important;
	}	
	
	.solution-1{
		margin-right:0px!important;	
	}
	
	.solution-3{
		margin-right:0px!important;	
	}
	
}

.service-ul:after{
	content:'';
	display:block;
	width:100%;
	height:200px;
	background:#527ffc;
	position:absolute;
	z-index:-1;	
	top:170px;
	left:0px;
	right:0px;
	margin:0 auto;
}

.module-development-services{
	background:#fff;
}

@media screen and (max-width:1400px){
	.service-ul:after{
		display:none;}	
	}

/****************engagement page*****************/

.page-template-engagement-models-1 .eng-container{
	background:#eff1fc!important;
}

.eng-slider-sec-left{
position:relative;
/* 	border: 10px #527ffc solid; */
    margin-top: 40px;
    margin-right: 80px;
/*     border-top-left-radius: 40px; */
  }

.eng-slider-sec-left:before{
 left: -36px;
    top: -35px;
    position: absolute;
    content: '';
    display: block;
    height: 165px;
    width: 100px;
    border: 10px solid #527ffc;
}

.eng-slider-sec-left:after{
      left: -6px;
    top: -9px;
    position: absolute;
    content: '';
    display: block;
    height: 169px;
    width: 100px;
    border: 10px solid #527ffc;
}


.eng-slider-sec-right{
	    background: #fff;
    border-radius: 261px;
    padding: 30px;
    text-align: center;
    margin-top: 54px;
}
.eng-sp{
	display: block;
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    background: none!important;
    height: auto;
    width: 100%;
    color: #fff !important;
    line-height: 36px;
    padding-right: 0px;
    margin-bottom: 10px;
    position: unset;
    left: 0px;
    right: 0px;    
	font-weight:700;    
}
.eng-slider-sec-left h2 {
    font-family: Poppins;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
	margin-bottom: 10px!important;}

.eng-slider-sec-left p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    width: 75%;
	margin-bottom: 20px!important;}

.eng-slider-button {
    width: 207px;
    height: 57px;
    background: #527ffc;
    border-radius: 7px;
    color: #fff;
    text-transform: capitalize;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    border: none;
	margin-bottom: 30px;}

.eng-slider-sec-left {
    margin-top: 74px!important;
    padding-top: 35px;
	padding-left: 140px;}

@media screen and (max-width:991px){
	
	.eng-slider-sec-left:before{
		display:none!important;
	}
	.eng-slider-sec-left:after{
		display:none!important;
	}
	
	.eng-slider-sec-left {
    margin-top: 10px!important;
    padding-top: 35px;
    padding-left:0px;
		margin-right:0px!important;
		text-align:left;
}
	.page-template-engagement-models-1 .eng-container{
	padding-top:80px;
}
	
}

@media screen and (min-width:992px) and (max-width:1800px) {
		.page-template-engagement-models-1 .eng-container{
	padding-top:80px;
}
	
.eng-slider-sec-left p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #403F3F;
    width: 100%;
    margin-bottom: 20px!important;
}	
	.eng-slider-sec-right {
    background: #fff;
    border-radius: 261px;
    padding: 30px;
    text-align: center;
    margin-top: 50px;
}
	
	
}

/*******************quality management************************/

.quality-banner-left{
	    height: 380px;
    padding-left: 15px;
    width: 100%;
    max-width: 784px;
    position: relative;
    display: block;
    top: 141px;
    left: 193px;
    border: 5px solid #fff;
	
}

.row.quality-banner-row{
	height:670px;
}

.quality-managment-container{
	background: #527ffc;
}

.ql-left-banner{
	background:#527ffc;
}
.quality-banner-left h2 {
    font-family: Poppins;
    font-size: 55px;
    font-weight: 700;
    line-height: 80px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 30px;
	margin-top: -111px;}

.quality-banner-left p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    width: 85%;
}
.quality-banner-button {
    width: 207px;
    height: 57px;
    background: #527ffc;
    border-radius: 7px;
    border: none;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
	margin-top: 15px;}

.quality-banner-right img {
    width: 57%;
    height: auto;
    margin-right: 165px;
}

@media screen and (max-width:991px) {
	.page-template-contact-us-php .text-center.mb-5 h3 {
		font-size:40px;
	}
	.quality-banner-left {
    height: auto!important;
    padding-left: 15px;
    width: 100%;
    max-width: 784px;
    position: relative;
    display: block;
    top: 20px;
    left: 0px;
    border: 5px solid #fff;
}
.quality-banner-left h2 {
    width: 100%;
    font-family: Poppins;
    font-size: 33px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 30px;
	margin-top: 0px;}	
	
	.row.quality-banner-row{
		height:auto!important;
	}
.quality-banner-right img {
    width: 80%;
    height: auto;
	margin-right: 0px;}	
	
	.quality-banner-button {
    width: 207px;
    height: 57px;
    background: #527ffc;
    border-radius: 7px;
    border: none;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    margin-top: 15px;
    margin-bottom: 40px;
	}
	
	.ql-left-banner{
	padding-bottom:40px;	
	}	
		
}

@media screen and (min-width:992px) and (max-width:1800px){
	.quality-banner-left {
      height: 339px;
    padding-left: 15px;
    width: 100%;
    max-width: 784px;
    position: relative;
    display: block;
    top: 178px;
    left: 120px;
    border: 5px solid #fff;
	}
	
	.quality-banner-right img {
    width: 70%;
    padding-top: 70px;
    height: auto;
		margin-right: 70px;}
}


.quality-feature-row ul .quality-feature-row1 .quality-new-card{
border:10px solid #527ffc!important;
}

.quality-feature-row ul .quality-feature-row1 .quality-new-card1{
border:10px solid #527ffc!important;
}
.quality-feature-row1 .card.quality-new-card{
	padding-top:0px;
}
.quality-feature-row1 .card.quality-new-card1{
	padding-top:0px;
}
.quality-new-card1{
	border:none!important;
}
.quality-new-card{
	border:none!important;
}

.process-con{
	padding-bottom:30px;
	background:#0a9262;
	padding-right:0px!important;
	background-image: linear-gradient(to right, #0a9262 , #527ffc);
}

.quality-feature-row-container:before{
    content: '';
    top: 315px;
    background: #527ffc;
    position: absolute;
    display: block;
    width: 100%;
    height: 310px;
    z-index: -1;
	
}
.container-fluid.quality-feature-row-container{
	position:relative;
}


.quality-management-img{
	margin-top:150px;

}

.quality-managment-row{
	max-width:1600px;
	margin:0 auto;
}

.support1{
	    height: 336px;
    background: #fff;
    border-radius: 179px;
    width: 341px;
    border: 10px solid #2b5cc7;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.support2{
	    height: 336px;
    background: #fff;
    border-radius: 179px;
    width: 341px;
    border: 10px solid #0d6c7a;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.support2 h2{
	color: #0d6c7a!important;
	
}
.support3 h2{
	color:  #7a0d0d!important;
}
.support1 h2{
	color: #2b5cc7!important;
}

.support2 p{
	color: #0d6c7a!important;
}
.support3 p{
	color:  #7a0d0d!important;
}
.support1 p{
	color:  #2b5cc7!important;
}
.fa-solid.fa-user-tie{
	font-size:80px;
	color: #2b5cc7!important;
}
.fa-solid.fa-trophy{
	font-size:80px;
	color: #0d6c7a!important;
}
.fa-solid.fa-globe{
	font-size:80px;
	color:  #7a0d0d!important;
}
.support3{
	    height: 336px;
    background: #fff;
    border-radius: 179px;
    width: 341px;
    border: 10px solid #7a0d0d;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.quality-technical-support li{
	width:100%;
}

.fa-gears, .fa-shield-halved, .fa-hands-holding-circle, .fa-screwdriver-wrench, .fa-mobile-screen, .fa-bars{
	font-size:55px;
	color:#527ffc;
}

.fa-clipboard, .fa-chart-column, .fa-code-compare, .fa-square-check{
	font-size:55px;
	color:#527ffc;
}

.delivery-model-sec:hover{
	transform:translateY(-20px)!important;
}
.pricing-model-sec:hover{
	transform:translateY(-20px)!important;
}
.Dedicated-Team-Model-sec:hover{
	transform:translateY(-20px)!important;
}

.graphic-banner-con{
	background: #5a9a35;
    background-image: #000;
    background-image: linear-gradient(45deg, #a0a0a0, transparent);
}

.page-template-IT_Consulting-1-php .slider-img{
	    border: 10px solid #2b5cc7;
    border-radius: 120px;
    text-align: center;
    padding: 20px;
}

.page-template-IT_Consulting-1-php .slider-img img {
    width: 80%;
    height: auto;
    border-radius: 120px;
}
.page-template-IT_Consulting-1-php	.slider-heading{
		padding-top:120px;
	}

.android-development-banner{
	background-image:url('https://www.webnyxa.com/wp-content/uploads/2023/12/bg-scaled.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:80px;
}

.android-development-banner .slider-sec-right{
	    display: block;
    background: #3c594a;
    width: 100%;
    height: 682px;
    border-radius: 50%;
}

@media screen and (max-width:991px) {
	.contact-us-right{
		max-width:500px;
		margin:0 auto!important;
	}
	.page-template-contact-us-php .wpcf7-form .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.subject-from{
		height:45px;
		width:100%;
	}
	.page-template-contact-us-php .wpcf7-form p input {
		height:45px;
		width:100%;
	}
	.android-development-banner .slider-sec-right{
	    display: block;
    background: #3c594a;
    width: 100%;
    height: auto!important;
    border-radius: 50%;
}
	
	
}
@media screen and (max-width:1600px) {
	.android-development-banner{
		padding-top:80px;
	}
	
	.android-development-banner .slider-sec-right{
	    display: block;
    background: #3c594a;
    width: 100%;
    height: 484px!important;
    border-radius: 50%;
}
	
	
}

.ios-app-development-banner-right p {
    font-family: Roboto;
/* 	background:#527ffc; */
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-bottom: 80px;
    width: 100%;
    max-width: 734px;
    height: 152px;
    padding: 20px;
}
.ios-app-development-banner-sec{
	padding-top:150px;
	background:#f2f2f2;
	background-image:url('https://www.webnyxa.com/wp-content/uploads/2023/12/59271-1-scaled.webp');
	background-size:cover;
	background-repeat:no-repeat;
	height:800px;
}

.ios-app-development-banner-sec .read-wider-span{
	position:static!important;
	text-align:left!important;
	padding-left:20px!important;
	background:none!important;
}

.ios-app-development-banner-left{
	border:10px solid #527ffc;
	padding:20px;
	background:#fff;
	border-radius:40px;
}



.ios-app-development-banner-right{
	border-left:10px solid #527ffc;
	padding-left:20px;
	margin-top:80px!important;
}

.cross-plateform-banner-section{background-image:url('https://www.webnyxa.com/wp-content/uploads/2023/12/5590795-2-scaled.jpg');
background-size:cover;
	background-repeat:no-repeat;
	
}

.php-development-banner-section:before{
    content: '';
    display: block;
    /* background: #000; */
    width: 259px;
    height: 440px;
    position: absolute;
    top: 190px;
    border-left: 10px solid #527ffc;
    border-top: 10px solid #527ffc;
	border-bottom: 10px solid #527ffc;
    left: 102px;	
}

.php-development-banner-section{
	padding-top:130px;
}

@media screen and (max-width:991px){
	.php-development-banner-section:before{
		display:none;
	}
}

@media screen and (max-width:1600px){
	.php-development-left{
		padding-left:50px;
	}
}
.php-development-banner-section:before{  content: '';
    display: block;
    /* background: #000; */
    width: 259px;
    height: 440px;
    position: absolute;
    top: 146px;
    border-left: 10px solid #527ffc;
    border-top: 10px solid #527ffc;
    border-bottom: 10px solid #527ffc;
	left: 23px;}	
}

.php-development-banner-section{
	background:#f1f1f1;
}

.php-dev-img{
	background:#fff;
	padding:50px;
}

.magento-development-banner-section {
	background-image:url('https://www.webnyxa.com/wp-content/uploads/2023/12/17973908-scaled.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	height:600px;
	width:100%;
	background-attachment:fixed;
}
@media screen and (max-width:500px){
	.android-development-banner .slider-sec-right{
		height:280px!important;
	}
}
@media screen and (min-width:501px) and (max-width:700px){
	.android-development-banner .slider-sec-right{
		height:400px!important;
			}
	
}

@media screen and (max-width:991px){
	.hppy-client-title{
		padding-left:0px;
	}
	.counter-column {
		max-width:400px;
		margin:0 auto;
		padding-top:55px!important;
	}
	.counter-text{
		font-size:55px;
	}
	.application-text h3{
		font-size:40px;
	}
	
	.d-flex.justify-content-center.gap-2 .app-store-1{
		margin-bottom:0px!important;
	}
	.angular-boxes {
		padding-top:20px;
	}
	.angular-heading{
		font-size:35px;
	}
	.angular-section h2 {
		font-size:45px;
	}
	.angular-app-banner-left p {
	font-size:18px;
		line-height:30px;
	}
	
	.flutter-service-ul{
		margin-left:0px;
		padding-left:0px;
	}
	
	.flutter-banner-left p {
		font-size:18px;
	}

	.flutter-development-banner-section{
		padding-top:65px;
	}
	.page-template-e-commerce-development-php .hr-ecomm-dev h2{
		font-size:45px;
	}
	.page-template-e-commerce-development-php .hire-ecommerce-section {
		padding-top:40px;
		}
	.page-template-e-commerce-development-php .commitment-heading p{
		font-size:18px;
	}
	.page-template-e-commerce-development-php .commitment-heading h2 {
		font-size:45px;			
		}
	.page-template-e-commerce-development-php .ecommerce-design p{
		font-size:18px;
	}
	.page-template-e-commerce-development-php .ecommerce-design h2{
		font-size:45px;
	}
	
	.page-template-e-commerce-development-php .services-heading{
		font-size:45px;
	}
	.page-template-e-commerce-development-php .banner-div-left p {
    color: #403F3F;
    font-size: 18px;
}
	.ecommerce-section {
    padding-top: 96px;
    max-width: 1800px;
    margin: 0 auto;
    padding-bottom: 40px;
}
	.commitment-heading p {
		font-size:18px;
	}
	.commitment-heading h2 {
    color: #fff;
    font-size: 45px;
    font-family: 'Raleway', sans-serif;
    margin: 0 auto;
    font-weight: 700;
    text-align: center;
		padding-bottom: 20px;}
	
	.magento-expertise-heading p{
		font-size:18px;
		line-height:30px;
	}
	.magento-expertise-heading h2 {
    font-size: 45px;
    text-align: center;
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}
	.service-boxes{
		padding-top:30px;
	}
	.service-heading-div p {
    padding-top: 20px;
    text-align: center;
    color: #403F3F;
    font-size: 18px;
    line-height: 26px;
}
	.php-development-left h2{
		font-size:40px;
		text-align:center;
	}
	.php-development-left p{
		text-align:center;
		margin-bottom:36px;
	}
	.php-development-left{
	padding-top:0px;	
		padding-left:0px;
	}
	.php-development-banner-section:before{
		display:none;
	}
	.php-development-banner-section{
		padding-top:0px!important;
	}
	.ios-app-development-banner-right p{
		height:auto!important;
	}
	.read-wider-span{
		display:none;
	}
	.ios-app-development-banner-sec{
		height:auto!important;
	}
	.ios-app-development-banner-right{
		border-left:none!important;
	}
	
	
	.mobile-development-service h2{
		font-size:40px!important;
	}
	.mobile-development-service p{
		line-height:30px;
	}
	.container-fluid.it-con{
		padding-left:20px!important;
		padding-right:20px!important;
	}
	.row.consulting-row.slider-row{
	padding-top:95px!important;	
	}
	
	.page-template-IT_Consulting-1-php .slider-heading{
		padding-top:0px!important;
	}
	
	.tech-img-2 {
    padding-left: 32px;
    padding-bottom: 40px;
    display: flex;
    justify-content: center;
}
	  .tech-img-1 {
        flex-direction: row;
        padding-bottom: 40px;
        display: flex;
        justify-content: center;
    }
	.our-team-new-section{
		margin-bottom:40px!important;
	}
	.team-ul-div ul{
	margin-left:0px!important;	
	}
	
	.our-team-new-heading{
	padding-top:50px!important;	
	}
	.new-core-value-ul li {
    padding-top: 20px !important;
    width: 100%;
    max-width: 250px;
    height: 250px;
    margin: 60px;
    background: #fff;
    box-shadow: 0px 15px 47px -16px;
		padding: 20px;}
	.new-core-value-section p{
		line-height:32px!important;
	}
	.new-core-value-section h3{
	font-size:40px!important;	
	}
	.who-we-are-right img{
		height:400px!important;
	}
.page-template-who-we-are1	.new-container-fluid{
		padding-top:40px;
	}
	
	.hppy-client-title {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 500;
    font-size: 55px !important;
    line-height: 60px !important;
	}

	.magento-development-banner-section {
    background-image: url(https://www.webnyxa.com/wp-content/uploads/2023/12/17973908-scaled.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    background-attachment: fixed;
	padding: 40px 0px 40px 0px;
    max-width: 100%;
    margin: 0 auto;
}
	#happy-client .slick-dots{
display:none!important;		
	}
	.home-banner-img .d-block.app-store {
		width:117px;
		margin:0 auto;
	}
	.industry-main .main-section{
		padding-top:40px!important;
	}
	
	
}

	@media screen and (min-width:1200px) and (max-width:1800px)  {
		.footer .full-w.social-links.d-flex.align-items-center{
			flex-direction:row!important;
		}
	}	

	@media screen and (max-width:1600px){
		.page-template-Mobile_app_development .card-text{
			font-size:15px!important;}
		.page-template-blog-php .blog.full-w.pt-5:before{
			display:none;
		}
	}

.row{
	margin-left:0!important;
	margin-right:0!important;
}
 
/**********tab responsive***************/
@media screen and (min-width:992px) and (max-width:1199px){
	.quality-tag {
		left:-593px!important;
	}
.wrapper {
    padding-top: 135px;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
}
	.page-template-homepage .service-box.text-center {
    width: 100%;
    height: auto;
    border: 3px solid #527ffc;
    padding: 6px;
    box-shadow: none!important;
}	
	.service-content{
		min-height:100px;
	}
	.service-get-a-quote {
		margin-right:0px;
	}
	.page-template-homepage .main-section ul li h4{
		font-size:18px;
	}
	.page-template-homepage .techno-section {
		padding-bottom:0px;
	}
	.page-template-homepage .row.align-items-center.position-unset{
		flex-direction:column;
	}
	
	 .new-core-value-ul{
		padding-left:0px;
		margin-left:0px;
	}
	
 .new-core-value-ul li {
	margin-left:0px!important;
	}	
	.team-1{
		padding:5px;
	}	

	.our-team-new-section .container-fluid .row{
		display:flex;
		flex-direction:column;
		align-items:center;
	}	
	.our-team-new-heading h2{
		text-align:center!important;
	}	
	.our-team-new-heading p {
		text-align:center;
		max-width:800px;
		margin:0 auto;
		float:revert;
	}
	.page-template-quality-management-1 .quality-banner-left h2 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 13px;
    margin-top: -55px;
}
	.quality-main-list li {
		padding-bottom:30px;
	}

	.quality-main-list li h2{
		margin-bottom:0px!important;
	}
	
	.quality-main-list{
		margin-left:0px;
	}
	.quality-technical-support{
		margin-left:5px;
	}
	.page-template-Mobile_app_development .card-text{
		line-height:22px;
	}	
	.page-template-software_devlopment .service-1 {
		width:422px;
	}
	.ser-sec-2 .card-3 {
		width:278px!important;
	}
	.ser-sec-2 .card-4{
		width:278px!important;
	}
	
	.ser-sec-1 .card-1{
		width:278px!important;
	}
.ser-sec-1 .card-2{
		width:278px!important;
	}
.ser-sec-3	.card-5{
		width:278px!important;
	}
.ser-sec-3	.card-6{
		width:278px!important;
	}	
	.container-fluid.ser-cont .card-text{
		line-height:23px!important;
	}
	.container-fluid.ser-cont .row .card-title{
		line-height:28px;
		padding-bottom:0px;
	}
	.solution-1, .solution-4{
		width:400px!important;
	}	
	.solution-2, .solution-3{
		width:400px!important;
	}	

	.android-commit-heading p{
		width:100%!important;
	}	
	
.android-commit-left p {
    width: 319px;
    font-size: 15px !important;
    line-height: 23px !important;
    float: left;
    color: #fff;
}
	.footer.full-w{
		height:auto;
	}
	.feature-driven-ios-process-feature ul{
		padding-left:0px;
		margin-left:0px;
	}
.banner-sub-heading-span {
    max-width: 591px;
    width: 100%;
    background: #527ffc;
    color: #fff;
    text-transform: capitalize;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: right;
    position: relative;
    left: -88px;
    display: block;
    padding-right: 20px;
}
	.cross-plateform-app-tech-heading:after{
		top:298px;
	}	
	.angular-development-services{
	
		padding:5px!important;
	}	
	.page-template-contact-us-php .wpcf7-form p input{
		width:96%!important;
	}	
	.page-template-contact-us-php .contact-us-left{
		padding-left:0px;
	}
	.ser-con{
		max-width:1800px;
		padding-left:0px!important;
		padding-right:0px!important;
	}	
.page-template-graphic-design-php .card.graphic-service-card {
    width: 453px !important;
    height: 293px !important;
    padding-top: 14px;
    width: 303px !important;
    height: 293px !important;
    margin-bottom: 80px;
    border: 15px solid #527ffc;
    box-shadow: none;
    transition-duration: 5s;
}	
	
}

@media screen and (min-width:992px) and (max-width:1399px){
	.quality-main-list li {
		padding-bottom:30px;
	}
	.quality-main-list li h2{
		margin-bottom:0px!important;
	}
}

.domain-expertise-new .container-fluid .row{
	display:flex;
	flex-direction:column;
}
.domain-expertise-ul-new li ul{
	padding-left:0px;
	margin-left:0px;
}
.domain-expertise-ul-new{
	padding-left:0px;
	margin-left:0px;
	justify-content:center;
}
.domain-expertise-right{
	padding-left:30px;
}
.quality-main-list{
	margin-left:0px;
}
.mobile-dvelopment-ul{
	margin-left:0px;
	padding-left:0px;
}

.page-template-software_devlopment .md-sec p{
	margin-bottom:40px;
}

	.footer.full-w{
		height:auto;
	}

.row.flutter-commitment-detail-row {
	margin: 0 auto !important;
}

.row.angular-service-row {
	margin: 0 auto !important;
}
.row.angular-commitment-detail-row{
	margin: 0 auto !important;
}
.tour-img-sec{
	margin:0 auto!important;
}

@media screen and (max-width:400px){
	.page-template-homepage .service-content h5{
		font-size:16px;
	}
}

@media screen and (max-width:340px){
	.main-section ul li {
		width:100%;
	}
	.page-template-graphic-design-php .card-title{
		font-size:24px;
	}
	.page-template-graphic-design-php .card-text {
		font-size:16px;
	}
	.service-box-right p{
		font-size:16px;
	}
	.card-text{
		font-size:16px;
	}
	.card-title{
		font-size:17px;
	}
	
}


.service-box .icon-box img{
	margin:0 auto;
}

.thank-you-div{
    background: none;
    padding: 60px 20px;
    margin-top: 100px;
    margin-bottom: 60px;
    text-align: center;
}
.thank-you-div p{
    max-width: 800px;
    margin: 0 auto;
    line-height: 30px;
    font-style: italic;
    padding-top: 20px;
}
.thank-you-div h1{
    font-size: 60px;
    color: #527ffc;
    text-align: center;

}
.thank-you-div h2{
    font-size: 40px;
    color: #527ffc;
    text-align: center;
}
.thank-you-div h3{
    font-size: 25px;
    color: #000;
    text-align: center;
}
.back-to-home{
    font-size: 20px;
    margin-top: 30px;
    border-radius: 6px;
    background-color: #527ffc;
    border: none;
    color: #fff;
    padding: 15px 30px;
    cursor: pointer;
}

