/*!
Theme Name: kovaion
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kovaion
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

kovaion is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- 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.
 */
body {
	margin: 0;
}

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

/**
 * 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;
	transition: all ease-in-out 0.2s;
}

/**
 * 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: bolder;
}

/**
 * 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: #515F7C;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 1rem;
    font-weight: 500;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0 0 15px;
	color: #010417;
}

 

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

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



/* Links
--------------------------------------------- */
a {
	color: #010417;
}


a:hover,
a:focus,
a:active {
	color: #0084FF;
}

a:focus {
	outline: none;
}

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



/*--------------------------------------------------------------
# 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;
}

p {
    margin: 0 0 30px;
}

h2 {
    font-size: 42px;
	font-weight: 800;
    line-height: 100%;
}


/* 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;
}


.site-header {
    display: flex;
    align-items: center;
    /* padding: 15px 70px; */
    background: #FFFFFFE5;
    box-shadow: 0px 4px 14px 0px #000A4814;
    backdrop-filter: blur(36px);
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 9;
}

.home .site-header {
    position: sticky;
    width: 100%;
    top: 0;
    left: 0;
}

.head-patner{
    display: flex;
    align-items: center;
    border: 1px solid #eee;
    padding: 5px 15px;
    border-radius: 5px;
    background: #ffffff;
    text-decoration: none;
    line-height: 15px;
    padding: 11px 13px;
    margin-left: 10px;
}

.head-patner img{
    width: 90px;
}
.head-patner span{
       margin-top: -1px;
    margin-left: 8px;
    border-left: 1px solid #ddd;
    padding-left: 8px;
}

.main-navigation {
    display: inline-flex;
    align-items: center;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 10px;
	font-weight: 600;
	font-size: 18px; 
	color: #010417;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover {
	font-weight: 600;
}

.btn {
    background: #0084FF;
    border-radius: 25px;
    color: #fff !important;
    text-decoration: none;
    padding: 17px 35px;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
	display: inline-block;
}

.main-navigation .btn {
    margin-left: 25px;
}

.btn.btn-primary:after {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('./images/arrow-right.svg') no-repeat;
	margin-left: 10px;
	filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(2344%) hue-rotate(213deg) brightness(110%) contrast(106%);
	vertical-align: middle;
	transition: all ease-in-out 0.3s;
}

.btn.btn-primary, .btn.btn-secondary {
	padding:14px 35px 14px 35px;
	position: relative;
    text-transform: uppercase;
	transition: all ease-in-out 0.3s;
	font-size: 14px;
}

.btn.btn-primary:hover, .btn.btn-secondary:hover {
	padding:14px 47px 14px 47px;
}

.btn.btn-secondary {
	background: #FFFFFF;
	color: #0084FF !important;
}

.btn.btn-secondary:after {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('./images/arrow-right.svg') no-repeat;
	margin-left: 10px; 
	vertical-align: middle; 
	transition: all ease-in-out 0.3s;
}

.btn.btn-primary:hover::after, .btn.btn-secondary:hover::after {
	width: 0;
}

p {
    margin: 0 0 30px;
	line-height: 160%;
}

.container {
	max-width: 1400px;
	margin: 0 auto;
	width: 100%;
	padding: 0 15px;
}

h6 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 12px;
}

.btn.btn-secondary.btn-secondary-outline {
    border: 1px solid #DEE6EF;
}

.btn.btn-secondary.btn-secondary-outline:hover {
	background: #0084FF;
	color: #fff !important;
	border-color: #0084FF;
}

/*=========================== Banner Section ============================*/

.banner-section-1 .banner-content{
    padding-left: 15px;
    padding-right: 15px;
}

.banner-section .banner-img {
    position: relative;
    text-align: right;
}

.banner-section .banner-img img {
    width: 100%;
    display: block;
}

.banner-section .banner-img:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    background: linear-gradient(270deg, rgba(1, 4, 23, 0) 57.73%, #010417 75.15%);
    height: 100%;
}

.banner-section .banner-img {
    position: absolute;
    text-align: right;
    width: 100%;
    top: 0;
    height: 100%;
}

.banner-section .banner-img img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}

.banner-section .banner-img:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    background: linear-gradient(270deg, rgba(1, 4, 23, 0) 57.73%, #010417 75.15%);
    height: 100%;
}


.banner-content {
       position: relative;
    padding: 130px 15px;
    color: #fff;
    width: 50%;
}

.banner-section {
    position: relative;
}

.banner-content h6 {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 12px;
	color: #A4A4A4;
}

.banner-content h1 {
    font-size: 52px;
    font-weight: 300;
	color: #ffffff;
    margin-bottom: 10px;
}

.banner-content h1 strong {
    display: block;
    font-weight: 800;
}
 
.banner-content p {
    font-size: 18px;
    font-weight: 500;
}

.banner-content  ul {
    margin: 0 0 20px;
    padding-left: 0px;
    list-style: none;
    display: inline-block;
    width: 100%;
}

.banner-content ul li:before {
    content: "";
    display: inline-block;
	width: 20px;	
	height: 20px;
	background: url('./images/check-circle.svg') no-repeat;
	margin-right: 10px;
	vertical-align: middle;
}

.banner-content ul li {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
}

.banner-content .banner-btn {
    display: flex;
    gap: 20px;
}



/*=========================== Service Section ============================ */

.service-title-block h6 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 12px;
}

.service-section {
    padding: 100px 0;
    width: 100%;
    padding-bottom: 0;
}

.service-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px; 
} 

.service-title-block {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.service-title-block h6 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 12px;
	color: #0084FF;
}

.service-title-block h2 { 
    font-weight: 800;
    font-size: 52px;
    line-height: 1.3;
}

.service-block .service-img img {
    width: 100%;
    /* height: 280px; */
    border-radius: 20px;
}

.service-block {
    width: 100%;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start;
}

.service-block .service-img {
    display: inline-block;
	margin-bottom: 20px;
    width: 100%;
}

.service-block .service-img img {
    width: 100%;
    /* height: 280px; */
    border-radius: 20px;
	object-fit: cover;
    display: block;
}

.service-block a.btn {
    margin-top: auto;
}

h4 {
    font-size: 22px;
}

.service-block p {
	margin-bottom: 20px;
}

.service-block a {
	text-decoration: none;
}

/*=========================== What We Do Section ============================*/ 

.what-we-do-section {
    min-height: 660px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 70px;
    position: relative;
}

.what-we-do-section:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(270deg, rgba(1, 4, 23, 0) 0%, rgba(1, 4, 23, 0.5) 47.54%);
}

.what-we-do-section .what-we-do-content {
    position: relative;
    max-width: 620px;
    display: block;
    margin: 00;
    text-align: left;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: 500;
}

.what-we-do-section .what-we-do-content h6, .what-we-do-section .what-we-do-content h2 {
    color: #fff;
}



.what-we-do-section .what-we-do-content .buttons {
    gap: 12px;
    display: flex;
}


/*============================== Solutions Section ======================*/

.solutions-block {
    width: 33.33%;
    position: relative;
}

.solutions-block .solutions-img {
    background-size: cover;
    background-repeat: no-repeat;
}

.solutions-block .solutions-img img {
    opacity: 0;
    width: 100%;
    max-height: 500px;
}

.solutions-block .solutions-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
    padding-bottom: 50px;
}

.solutions-block .solutions-content h3 {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 28px;
    margin: 0;
}

.solutions-block .solutions-content ul {
    margin: 0;
    padding: 0;
    max-height: 0;
    overflow: hidden;
	transition: all ease-in-out 0.3s;
	list-style: none;
}

.solutions-block .solutions-img:before {
    content: "";
    display: inline-block;
    background: linear-gradient(180deg, rgba(1, 4, 23, 0) 46.64%, rgba(1, 4, 23, 0.6) 82.84%);
    width: 100%;
    height: 100%;
    position: absolute;
	transition: all ease-in-out 0.3s;
}
 

.solutions-section {
    display: flex;
    flex-direction: column;
    padding-top: 100px;
}

.solutions-list {
    display: flex;
}

.solutions-title {
    text-align: center;
    margin-bottom: 40px;
}

.solutions-title h6 {
    color: #0084FF;
}

.solutions-block .solutions-content ul li {
    margin-bottom: 60px;
}


.solutions-block .solutions-content ul li a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
}

.solutions-block:hover .solutions-content ul {
	max-height: 600px;
	padding-top: 60px;
}

.solutions-block:hover .solutions-img:before {
	background: #010417CC;
	backdrop-filter: blur(12px);
}

.development-platform-wrapper {
    display: flex;
    align-items: center;
}

.development-platform-wrapper .development-platform-img {
    width: 50%;
    position: relative;
}

.development-platform-wrapper .development-platform-img img {
	width: 100%;
	object-fit: cover;
}

.development-platform-content {
       width: 50%;
    padding-left: 25px;
    font-size: 18px;
}
.development-platform-section.One-image .development-platform-wrapper .development-platform-img {
    width: 43%;
    top: 90px;
    position: sticky;
}
.development-platform-section.One-image .development-platform-content.One.Row {
    padding-left: 0;
    width: 57%;
}

.development-platform-section {
    padding:80px 0;
     padding-bottom: 0;
}
.development-platform-section-sec {
    padding:80px 0;
}
.development-platform-section.content-repeater.section-first{
    padding-bottom: 0;
}
.development-platform-section.content-repeater.section-last{
   padding-bottom: 80px;
}
.development-platform-content h6 {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 12px;
	color: #0084FF;
}

.development-platform-content h2 {
	margin-bottom: 30px;
    line-height: 53px;
}

.development-platform-content .tag-line {
	display: inline-block;
	border-radius: 8px;
	color: #515F7C;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 15px;
}

.development-platform-content ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 30px;
}

.development-platform-content ul li {
    margin-bottom: 15px;
    /* font-size: 14px; */
    font-weight: 500;
    color: #515F7C;
    width: calc(100% - 30px);
    position: relative;
    padding-left: 32px;
}

.development-platform-content ul li:before {
    content: "";
    position: absolute;
    background: url(./images/check-green.svg) no-repeat;
    width: 20px;
    height: 20px;
    left: 0;
    top: 5px;
}
.development-platform-content.Two-Row ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0 10px;
    margin: 0;
    padding-top: 22px;
    border-top: 1px solid #DEE6EF;
}
.development-platform-content.Two-Row ul li {
    width: 49%;
}
.development-platform-content.Two-Row ul{
        align-items: self-start;
}
.development-platform-content.Two-Row ul li:before {
    top: 5px;
}
.faq-item.active .faq-answer ul li{
    margin-bottom: 5px;
}
.development-platform-img-main {
    width: 100%;
    position: relative;
}

.development-platform-img-mini {
    position: absolute;
    border: 10px solid #fff;
    border-radius: 28px;
    right: 0;
    bottom: 55px;
    overflow: hidden;
    width: 210px;
    height: 180px;
}

.development-platform-wrapper .development-platform-img .development-platform-img-mini img {
    width: 100%;
    height: 100%;
}

.development-platform-img-main img {
    border-radius: 28px;
}
.development-platform-wrapper.row-reverse {
    flex-direction: row-reverse;
}
.development-platform-wrapper.row-reverse .development-platform-content {
  padding-left: 0;
    padding-right: 40px;
    width: 55%;
}
.development-platform-wrapper.row-reverse .development-platform-img-mini {
    right: auto;
    left: 0;
}
.development-platform-wrapper.row-reverse .development-platform-img-main img {
    margin-left: auto;
    display: block;
}
.development-platform-section.One-image .development-platform-content.One.Row ul {
    margin-top: 0;
    border-top: 1px solid #DEE6EF;
    padding-top: 20px;
}
.development-platform-section.One-image .development-platform-content.One.Row p {
    margin: 0 0 18px;
}
.subscribe-form-main{
    border-top: 1px solid #ebf0f7;
    margin-top: -60px;
    padding-top: 60px;
    background: #F2F8FF;
}
.subscribe-form {
text-align: center;
    padding-bottom: 60px;
}
.subscribe-form h3{
font-size: 30px;
    margin-bottom: 20px;
    letter-spacing: 0.2px;
}
.subscribe-form .input-button{
display: flex; justify-content: center;
}
.subscribe-form .input-button .wpcf7-form-control{
    padding: 15px 20px;
    border-radius: 50px
}
.subscribe-form .input-button button.wpcf7-form-control{
       min-width: 150px;
    margin-left: 10px;
}
.subscribe-form .captchas{
margin-bottom: 10px; display: flex; justify-content: center;
}
.subscribe-form-main .wpcf7-response-output{
display: none;
}
.subscribe-form-main .subscribe-form .wpcf7-response-output{
display: block;
}
@media (max-width: 991px) {
    .development-platform-img-mini {
        bottom: 10px;
    }
}

@media (max-width: 767px) {
    .development-platform-wrapper.row-reverse {
        flex-direction: column-reverse;
    }
    .development-platform-wrapper .development-platform-img {
        padding-bottom: 60px;
    }
    .development-platform-img-mini {
        bottom: 30px;
        width: 160px;
        height: 140px;
    }
    .development-platform-wrapper.row-reverse .development-platform-content {
        padding-right: 0;
        width: 100%;
    }
    .development-platform-content h2 {
        line-height: 40px;
    }
    .development-platform-section.One-image .development-platform-wrapper .development-platform-img {
        width: 100%;
                position: unset;
    }
    .development-platform-section.One-image .development-platform-content.One.Row {
        padding-left: 0;
        width: 100%;
    }
    .subscribe-form h3{
        font-size: 26px;
    }
    .subscribe-form-main{
            padding-top: 45px;
    }
    .subscribe-form{
            padding-bottom: 45px;
    }
}

/*=========================== Who We are Section ============================*/

.who-we-are-wrapper {
    display: flex;
	align-items: center;
	gap: 45px;
}

.who-we-are-wrapper .who-we-are-content {
    flex: 1;
    padding: 45px 40px 45px 0;
    color: #010417;
    font-weight: 500;
	position: relative;
	z-index: 1;
    font-size: 18px;
}

.who-we-are-wrapper .who-we-are-content:after {
    content: "";
    display: inline-block;
    width: 242px;
    height: 218px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('./images/Who-Union-right.png') no-repeat;
    z-index: -1;
}

.who-we-are-wrapper .who-we-are-right {
    flex: 1;
    display: flex;
	justify-content: space-between;
    align-items: center;
    padding: 40px 0;
}

.who-we-are-section {
    width: 100%;
    position: relative;
}

.who-we-are-section:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 50%;
    background: #F2F8FF;
    height: 100%;
    z-index: -1;
}

.who-we-are-content h6 {
    color: #0084FF;
}

.who-we-are-content  h2 {
    margin-bottom: 20px;
}

.who-we-are-section {
    width: 100%;
    position: relative;
}
 

.who-we-are-section::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    background: url('./images/Who-Union-left.png') no-repeat;
    top: 44px;
    width: 113px;
    height: 218px;
}


.who-we-are-content h6 {
    color: #0084FF;
}

.who-we-are-content  h2 {
    margin-bottom: 20px;
}

.who-we-are-img {
    width: 100%;
    max-width: 266px;
}

.exp-year {
    text-align: center;
}

.exp-year .exp-number {
    font-weight: 800;
    font-size: 150px;
    line-height: 100%;
    color: #F2F8FF;
    text-shadow: 1px 1px #010417, -1px -1px #010417, 1px -1px #010417, -1px 1px #010417;
    line-height: 140%;
}

.exp-year label {
    color: #515F7C;
    font-size: 18px;
    font-weight: bold;
}

.who-we-are-img img {
    height: 335px;
    object-fit: cover;
    border-radius: 30px;
}

/*=========================== Counter Section ============================*/


.counter-section {
    background: #0084FF;
    color: #fff;
}

.counter-section .counter-wrapper {
    display: flex;
    justify-content: space-between;
    text-align: center;
    gap: 15px;
}

.counter-block {
    padding: 30px 0;
}

.counter-block .icon {
    margin-bottom: 10px;
}

.counter-block h3 {
    font-weight: 800;
    font-size: 28px;
    line-height: 100%;
    text-align: center;
    color: #ffffff;
}

.counter-block p {
    margin: 0;
    opacity: 0.75;
        font-size: 15px;
}


/*=========================== Footer Section ============================*/

.site-footer {
    background: #010417;
    color: #fff;
}

.top-footer {
	position: relative;
	padding: 65px 0;
	overflow: hidden;
	width: 100%;
}

.top-footer::before {
    content: "";
    display: block;
    position: absolute;
    width: 30%;
    height: 100%;
    top: 0;
    background: url('./images/footer-top-left-shape.png') no-repeat;
    background-size: cover;
    z-index: 0;
    background-size: auto;
}


.top-footer::after {
	content: "";
	display: block;
	position: absolute;
	width: 30%;
	height: 100%;
	top: 0;
	background: url('./images/footer-top-right.png') no-repeat; 
    z-index: 0;
    background-size: auto;
	z-index: 0;
	right: 0;
}

.top-footer-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center; 
} 
 
.top-footer-wrap h2 {
	position: relative;
    margin: 0;
    font-weight: 800;
    font-size: 122px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px #ffffff5e, -1px -1px #ffffff5e, 1px -1px #ffffff5e, -1px 1px #ffffff5e;
}

.footer-logo {
    text-align: center;
    position: relative;
    margin-top: -35px;
    margin-bottom: 34px;
}

.footer-logo:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #1A1D2E;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.footer-logo a {
    display: inline-block;
    position: relative;
}

.top-footer-wrap .btn.btn-primary {
    position: relative;
    z-index: 1;
}

.footer-links {
    display: flex;
}

.footer-links .footer-link {
    width: 25%;
    border-right: 1px solid #1A1D2E;
    padding: 0 24px 20px;
}

.footer-links .footer-link:first-child {
	padding-left: 0;
}
/* .rapid-business-head-title.width-c-100{
       max-width: 100%;
}
.rapid-business-head-title.width-c-100 h2{
    margin-bottom: 20px;
} */
.footer-links .footer-link:last-child {
	border-right: none;
}

.footer-links .footer-link h5 {
    font-size: 20px;
    color: rgb(255 255 255 / 37%);
    margin: 0 0 20px;
}

.footer-links .footer-link ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-links .footer-link ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 18px;
}


.footer-links .footer-link ul li a {
    color: rgb(255 255 255 / 80%);
    display: inline-block;
    width: 100%;
    text-decoration: none;
}

.footer-links .footer-link ul li a:hover, .footer-links .footer-link ul li.current-menu-item a {
	color: #ffffff;
}

.footer-center {
    width: 100%;
    border-bottom: 1px solid #1A1D2E;
}

.country-list {
        text-align: center;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 20px 0;
    justify-content: center;
}

.footer-country-wrap {
    border-bottom: 1px solid #1A1D2E;
}

.country-block {
     display: flex;
    width: 25%;
    align-items: flex-start;
    justify-content: center;
}

.country-block .icon {
    min-height: 38px;
    min-width: 38px;
    border: 2px solid #1A1D2E;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.country-content {
    display: inline-block;
}

.country-content span {
    display: block;
    text-transform: uppercase;
    color: #5F616D;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}

.country-content p, .country-content a {
    display: inline-block;
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
}

.country-content a:hover {
	opacity: 0.8;
}

.footer-bottom-wrap {
    display: flex;
    justify-content: space-between;
    color: #5F616D;
    font-size: 12px;
    align-items: center;
	padding: 20px 0;
}

.social-media ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}

.social-media ul li a {
    border-radius: 50%;
    border: 1px solid #1A1D2E;
    width: 38px;
    height: 38px;   
	display: flex;
	align-items: center;
	justify-content: center;
}

.social-media ul li {
	vertical-align: middle;
	margin: 0 5px;
}

.social-media ul li a:hover {
	opacity: 0.8;
}

.footer-quick-links {
    display: inline-flex;
}

.footer-quick-links ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}

.footer-quick-links ul li {
    display: inline-block;
}

.footer-quick-links ul li a {
    color: #5F616D;
    text-decoration: none;
}

.footer-quick-links ul li:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #1A1D2E;
    border-radius: 50%;
    margin: 0 10px;
}

.footer-quick-links ul li a:hover {
	color: #ffffff;
}

.footer-quick-links ul li:first-child:before {
	display: none;
}

.inner-banner {
    background: #010417;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 225px;
    text-align: center;
    position: relative;
}

.inner-banner .rank-math-breadcrumb p {
    justify-content: center;
    flex-wrap: wrap;
}

.inner-banner::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 112px;
    height: 221px;
    background: url(./images/banner-left-shape.png) no-repeat left top;
    top: 0;
}

.inner-banner::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    width: 112px;
    height: 221px;
    background: url(./images/banner-right-shape.png) no-repeat right top;
    top: 0;
}

.inner-banner h1.page-title {
    color: #fff;
}

.inner-banner h1.page-title {
    color: #fff;
    font-size: 42px;
}

.rank-math-breadcrumb {
    font-size: 14px;
}

.rank-math-breadcrumb p {
    margin: 0;
    display: flex;
    align-items: center;
}

.rank-math-breadcrumb a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.rank-math-breadcrumb a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
 

.rank-math-breadcrumb .separator {
    font-size: 0;
    background: url('./images/breadcrumb-separator.svg') center no-repeat;
    width: 11px;
    height: 18px;
    display: inline-block;
    margin: 0 8px;
    vertical-align: super;
}

.rank-math-breadcrumb span {
    font-weight: 600;
    text-transform: capitalize;
}


.blog-listing-section {
    padding: 50px 0 80px;
}

.blog-listing-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.blog-listing-top h2 {
    margin: 0;
    color: #000033;
    font-weight: 700;
}

.search-form-wrap input.search-field {
    border: 1px solid #C7D7E9;
    padding: 17px 50px 17px 25px;
    color: #515F7C;
    font-size: 18px;
    min-width: 354px;
    border-radius: 18px;
}

.search-form-wrap {
    position: relative;
    display: inline-block;
}

section.no-results.not-found {
    padding: 60px 0;
    text-align: center;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #515F7C;
  opacity: 1;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #515F7C;
  opacity: 1;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #515F7C;
  opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
  color: #515F7C;
  opacity: 1;
}

[type="search"]:focus-visible {
    outline: none;
}

form.search-form {
    position: relative;
}

form.search-form input.search-submit {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    background: url(./images/search-icon.svg) no-repeat center;
    width: 28px;
    height: 28px;
    border: none;
    cursor: pointer;
}

.blog-cat-wrap {
    background: #F7FAFD;
    border-radius: 18px;
    border: 1px solid #E6EAF3;
}

.blog-cat-wrap ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
}

.blog-cat-wrap ul li {
    display: inline-block;
    padding: 5px;
}

.blog-cat-wrap ul li a {
    background: #fff;
    padding: 9px 30px;
    border-radius: 30px;
    border: 1px solid #C7D7E9;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    color: #000033;
}

.blog-cat-wrap ul li.active a {
    border-color: #0084FF;
    background: #0084FF;
    color: #fff;
}

.blog-search-bar-wrap {
    width: 100%;
    margin-bottom: 40px;
}

.blog-post-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.blog-post-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.blog-post-wrap .blog-img {
    margin-bottom: 10px;
}

.blog-post-wrap .blog-img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    height: 226px;
    border-radius: 18px;
    border: 1px solid #D8DEED;
}
.post-type-archive-newsletter .blog-post-wrap .blog-img img {
    height: 350px;
}

.blog-post-details h3 a {
    color: #010417;
    text-decoration: none;
    font-size: 18px;
}

.blog-post-details h3 {
    margin-bottom: 12px;
    line-height: 100%;
}
.blog-post-details p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.blog-post-details-inner .blog-post-date {
    display: inline-flex;
    width: 100%;
    color: #343C4D;
    font-size: 12px;
    margin-bottom: 14px;
    gap: 6px;
    font-weight: 500;
    align-items: center;
}

.blog-post-details-inner {
    width: 100%;
    display: inline-block;
}

.navigation.pagination {
    text-align: center;
    margin-top: 50px;
}

.navigation.pagination .page-numbers {
    width: 50px;
    height: 50px;
    border: 1px solid #DEE6EF;
    display: inline-block;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #010417;
    font-weight: 700;
    margin: 0 7px;
    font-size: 20px;
}

.navigation.pagination .page-numbers.current, .navigation.pagination .page-numbers:hover {
    border-color: #007FFF;
    background-color: #007FFF;
    color: #fff;
}

.navigation.pagination {
    text-align: center;
    margin-top: 50px;
}

.navigation.pagination .page-numbers {
    width: 50px;
    height: 50px;
    border: 1px solid #DEE6EF;
    display: inline-block;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #010417;
    font-weight: 700;
    margin: 0 7px !important;
    font-size: 20px;
    vertical-align: middle;
}

.navigation.pagination .page-numbers.current {
    border-color: #007FFF;
    background-color: #007FFF;
    color: #fff;
}

.navigation.pagination .next.page-numbers, .navigation.pagination .prev.page-numbers {
    font-size: 0;
    background: url(./images/next-arrow.svg) no-repeat center;
}

.navigation.pagination .prev.page-numbers {
    transform: rotate(180deg);
}

.blog-single-wrapper .rank-math-breadcrumb a {
    color:#343C4D;
}

.blog-single-wrapper {
    padding: 40px;
    margin: 40px 0;
    border: 1px solid #C7D7E9;
    border-radius: 30px;
    font-weight: 400;
}

.blog-single-wrapper strong {
    font-weight: 600;
}

.blog-single-wrapper .rank-math-breadcrumb .last {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: sub;
    color: #010417;
    font-weight: 600;
}

.blog-single-top {
    display: flex;
    gap: 30px;
    margin-bottom: 60px;
}

.blog-single-top header.blog-post-header {
    width: 50%;
}

.blog-single-top .blog-featured-image {
    width: 50%;
}

.blog-single-top .blog-featured-image img {
    width: 100%;
    height: auto;
    border-radius: 30px;
    border: 1px solid #D9D9D9;
}

.blog-single-top header.blog-post-header h1 {
    font-size: 42px;
    font-weight: bold;
    line-height: normal;
}

.blog-single-top .blog-post-date {
    font-size: 18px;
    font-weight: 500;
    color: #343C4D;
    margin-bottom: 30px;
}

.blog-post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #343C4D;
}

.blog-post-meta .blog-author-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #E6EAF3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-post-meta .blog-author-avatar img {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 5px solid #fff;
}

.blog-post-meta .blog-author-content {
    padding-left: 12px;
}

.blog-post-meta .blog-post-author {
    font-size: 20px;
    font-weight: 700;
    color: #010417;
}

.blog-post-meta .blog-author-content .blog-reading-time {
    font-size: 14px;
}

.wp-block-rank-math-toc-block {
    background: #F7FAFD;
    padding: 40px;
    border-radius: 28px;
    margin-bottom: 30px;
}

.blog-single-wrapper .wp-block-rank-math-toc-block h2 {
    font-size: 26px;
    font-weight: 800;
    color: #010417;
    margin-bottom: 15px;
}

.wp-block-rank-math-toc-block nav ol {
    padding: 0;
    margin: 0;
}

.wp-block-rank-math-toc-block nav ol li a {
    line-height: 220%;
    color: #0084FF;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
}

.wp-block-rank-math-toc-block nav ol li {
    display: block;
    color: #0084FF;
    color: #0084FF;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    margin: 0 !important;
}

.blog-single-wrapper h2 {
    color: #0084FF;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}

.blog-single-wrapper h3 {
    color: #0084FF;
    font-size: 22px;
    margin-bottom: 20px;
}

.blog-single-wrapper h4 {
    color: #515F7C;
    font-size: 20px;
    margin-bottom: 20px;
}

.blog-single-wrapper h5 {
    color: #515F7C;
    font-size: 18px;
    margin-bottom: 20px;
}

.blog-single-wrapper p {
    font-weight: 500;
}

.single-event .blog-single-wrapper li {
    margin-bottom: 8px;
}

.single-event .blog-single-wrapper p {
    margin-bottom: 10px;
}

.blog-single-wrapper ol, .blog-single-wrapper  ul { 
    padding-left: 18px;
}

.blog-single-wrapper li {
    margin-bottom: 18px;
}

.blog-single-wrapper ol li ul {
    margin-top: 20px;
    list-style-type: disc;
}

.inner-banner.culture-banner {
    min-height: 445px;
    position: relative;
    align-items: flex-start;
    padding-top: 50px;
}

.our-culture-main {
    position: relative;
    margin-top: -280px;
    display: flex;
    justify-content: center;
}

.our-culture-main img {
    max-width: 100%;
}

.culture-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 24px;
    margin-bottom: 80px;
    margin-top: 30px;
}

.culture-block {
    width: 100%;
    position: relative;
}

.culture-block .img {
    width: 100%;
}

.culture-block .img img {
    width: 100%;
    border-radius: 20px;
    display: block;
    height: 400px;
    object-fit: cover;
}

.culture-block .culture-content {
    position: absolute;
    bottom: 0;
    padding: 20px;
}

.culture-block .culture-content h6 {
    margin: 0;
}

.culture-block .culture-content h6 a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

.culture-block .img:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(1, 4, 23, 0) 60%, #010417 100%);
}
.culture-block:hover >  a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 4;
    border-radius: 20px;
}
.culture-block:hover a {
    position: relative;
}
.culture-block-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    z-index: 2;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: 600;
    z-index: 0;
    opacity: 0;
}
.culture-block:hover .culture-block-overlay {
    opacity: 1;
    z-index: 4;
}

.culture-banner .rank-math-breadcrumb + p {
    max-width: 740px;
    margin: 30px auto;
}

.inner-banner .container { position: relative; z-index: 1; }
.small-dec {
    text-align: center;
    color: #010417;
    margin: 50px auto;
    max-width: 740px;
    width: 100%;
}


.title-block {
    text-align: center;
    background: #F2F8FF;
    padding: 50px 110px;
    border-radius: 30px;
    margin-bottom: 50px;
    font-size: 18px;
    position: relative;
    overflow: hidden;
}

h3 {
    font-size: 32px;
}

.title-block:before {
    content: "";
    display: inline-block;
    width: 210px;
    height: 189px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -80px;
    background: url('./images/Who-Union-right.png') no-repeat;
    background-size: auto 100%;
}

.title-block .title-desc {
    position: relative;
    font-weight: 600;
    z-index: 1;
}

.title-block h3 {
    margin-bottom: 18px;
    font-weight: 800;
}

.title-block p:last-child {
    margin: 0;
}

.title-block:after {
    content: "";
    display: inline-block;
    width: 218px;
    height: 197px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background: url('./images/Who-Union-right.png') no-repeat;
    background-size: auto 100%;
    background-position: right;
}

.gallery-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    margin-bottom: 80px;
}

.gallery-list .gallery-img img {
    width: 100%;
    border-radius: 18px;
    object-fit: cover;
    height: 350px;
    display: block;
}
.gallery-img span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: 24px;
    height: 24px;
    opacity: 0;
    z-index: -1;
}
.gallery-list .gallery-img a {
    position: relative;
}
.gallery-list .gallery-img a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 18px;
    background: rgba(1,4,23,0.5);
    display: none;
}
.gallery-list .gallery-img:hover a:before {
    display: block;
}
.gallery-img {
    position: relative;
}
.gallery-list .gallery-img  span img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0;
}
.gallery-img:hover span {
    z-index: 1;
    opacity: 1;
}

.awsm-lists {
    border: none;
}

.current-openings-section {
    padding-bottom: 80px;
    width: 100%;
}

.awsm-list-item .awsm-job-item  .awsm-list-right-col {
    width: auto;
    margin-left: auto;
}

.awsm-list-item .awsm-job-item .awsm-list-left-col .awsm-job-specifications-container {
    margin-bottom: 0;
}

.awsm-list-item h2.awsm-job-post-title a {
    text-decoration: none;
    font-size: 20px;
}

.awsm-list-item h2.awsm-job-post-title {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 20px;
    color: #010417;
}

.awsm-list-item .awsm-job-item .awsm-list-left-col {
    float: left;
    width: 60%;
}

.awsm-list-item .awsm-job-item  .awsm-list-right-col {
    width: auto;
    margin-left: auto;
}

.awsm-list-item .awsm-job-item {
    border: 1px solid #D4E0ED;
    border-radius: 18px;
    padding: 30px;
    font-size: 18px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.awsm-list-item .awsm-job-specification-item {
    vertical-align: bottom;
}

.awsm-list-item .awsm-job-specification-item strong {
    font-weight: 600;
}

.awsm-list-item .btn.btn-secondary.btn-secondary-outline {
    text-transform: uppercase;
}

.current-openings-section h3 {
    font-weight: 800;
    margin-bottom: 25px;
}

.career-top-section {
    background: #F2F8FF;
    border-radius: 30px;
    padding: 40px;
    margin-bottom: 24px;
}

.career-top-section .wrapp-title-button {
    border-bottom: 2px dotted #7B94B1;
    margin-bottom: 24px;
    padding-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.career-top-section .wrapp-title-button h1 {
    font-size: 32px;
    font-weight: 800;
}

.career-top-section .wrapp-title-button .wrapp-title-jobSepecification {
    width: 70%;
}
.awsm-job-content .awsm-job-entry-content .wp-block-group {
    border: 1px solid #D7E6F3;
    border-radius: 30px;
    padding: 20px;
    margin-bottom: 24px;
}
.awsm-job-content .awsm-job-entry-content .wp-block-group h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    margin: 0 0 20px;
}
.awsm-job-content .awsm-job-entry-content .wp-block-group:last-child {
    margin-bottom: 0;
}
.awsm-job-content .awsm-job-entry-content .wp-block-group ul {
    padding: 0 0 0 20px;
    margin: 0;
}

.wrapp-title-button .awsm-job-specifications-container .awsm-job-specifications-row .awsm-job-specification-wrapper {
    display: flex;
    gap: 50px;
    font-size: 18px;
    color: #5E6C8D;
}

.wrapp-title-button .awsm-job-specifications-container .awsm-job-specifications-row .awsm-job-specification-wrapper a {
    color: #5E6C8D;
    text-decoration: none;
    font-weight: 500;
}

.wrapp-title-button .awsm-job-specifications-container.awsm_job_spec_above_content {
    margin: 0;
}

.role-overview {
    font-size: 16px;
}

.role-overview h4 {
    font-size: 20px;
    font-weight: bold;
}

.role-overview p:last-child {
    margin: 0;
}

.awsm-job-content .box-block {
    border: 1px solid #D7E6F3;
    border-radius: 30px;
    padding: 20px;
    margin-bottom: 24px;
} 

.awsm-job-content .box-block h2 {
    font-size: 20px;
}

.awsm-job-content .box-block ul {
    padding-left: 18px;
    margin-bottom: 0;
}

.awsm-job-content .box-block ul li {
    line-height: 170%;
}

.awsm-job-form-inner {
    background: #F2F8FF;
    border: none;
    padding: 50px 70px;
    border-radius: 30px;
}

.awsm-job-form-inner .awsm-job-form-title {
    text-align: center;
    margin-bottom: 40px;
    font-size: 18px;
    display: block;
}

.awsm-job-form-group.btn.btn-primary input#awsm-application-submit-btn {
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
}

.awsm-job-form-group.btn.btn-primary {
    text-align: center;
    width: 100%;
    max-width: 315px;
    margin: 0 auto;
    display: block;
    height: 50px;
}

.awsm-job-form-group.btn.btn-primary input#awsm-application-submit-btn {
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    height: 50px;
    top: 0;
    text-transform: uppercase;
    font-size: 14px;
}

.awsm-job-form-group.btn.btn-primary:after {
    position: absolute;
    left: calc(50% + 35px);
}

.awsm-application-message {
    margin-top: 10px;
}

.awsm-job-form-control, #captchaInput {
    border: 1px solid #C7D7E9;
    color: #515F7C;
    padding: 13px 20px;
    width: 100%;
}

.two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.awsm-application-form  .awsm-job-form-bottom {
    display: flex;
    gap: 24px;
}

.awsm-application-form .awsm-job-form-bottom .awsm-job-form-group.awsm-captcha-group {
    display: flex;
    flex-wrap: wrap;
}

.awsm-job-form-bottom div#captchaImage {
    border: 1px solid #C7D7E9;
    background: #E8F2FE;
    height: 52px;
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 23px;
    padding: 10px 20px;
    min-width: 220px;
}

.awsm-application-form .awsm-job-form-bottom .awsm-job-form-group.awsm-captcha-group button#refreshCaptcha {
    border: none;
    background: transparent;
    margin: 0 5px !important;
}

#captchaInput {
    width: auto;
    flex: 1;
}

 .awsm-job-form-group input#awsm-application-file {
    border: none;
    padding: 0;
    display: none;
}

.awsm-application-form .awsm-job-form-bottom .awsm-job-form-group {
    flex: 1;
}

.file-upalod {
    display: flex;
    border: 1px dotted #8AA3BF;
    background: #fff;
    justify-content: center;
    text-align: center;
    position: relative;
    height: 52px;
    align-items: center;
    color: #8C99B5;
    font-size: 14px;
}

.file-upalod label {
    margin: 0 15px 0  0 !important;
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 600;
}

.file-upalod label svg {
    margin-right: 7px;
}
.file-upalod label strong {
    font-weight: 600;
}
/* 
.awsm-job-form-group input#awsm-application-file {
    border: none;
    padding: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    height: 52px;
} */

input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

input[type="checkbox"] + label {
    position: relative;
    padding-left: 30px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}

input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #C7D7E9;
    background-color: #ffffff;
    position: absolute;
    left: 0;
}

input[type="checkbox"]:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 7px;
    width: 6px;
    height: 10px;
    border: solid #0084ff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.awsm-job-specification-label strong {
    font-weight: 600;
    color: #344365;
}

.rapid-business.why-choose-kovaion {
    padding-top: 0;
}

.rapid-business.why-choose-kovaion .faq-item.active {
    background: #fff;
}

.rapid-business.why-choose-kovaion .faq-item.active button.faq-question {
    background: transparent;
}

.rapid-business.why-choose-kovaion img {
    border-radius: 20px;
}

.rapid-business.why-choose-kovaion .rapid-business-main-inner {
    max-width: 50%;
    width: 100%;
}

.rapid-business.why-choose-kovaion .rapid-business-main-inner:first-child {
    max-width: 46%;
    width: 100%;
}

.why-choose-us  ul {
    padding-left: 0;
    list-style: none;
    color: #000;
    margin: 0 0 30px;
}

.why-choose-us ul li {
    margin-bottom: 15px;
    border-bottom: 1px dashed #6785A8;
    padding-bottom: 15px;
}

.why-choose-us ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0px;
}
.why-choose-us-wrapper-cont-btn-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.why-choose-us.key-features {
    background: linear-gradient(180deg, #F2F8FF 0%, rgba(242, 248, 255, 0) 100%);
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.mb-80 {
    margin-bottom: 80px;
}

.checkbox-block {
    border: 1px solid #C7D7E9;
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}

.checkbox-block .checkbox-title {
      color: #010417;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}

.checkbox-block .checkbox-title p {
    margin: 0;
}

.error-404.not-found {
    text-align: center;
    padding: 60px 0;
}

.site-header-container{
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1400px;
    align-items: center;
    margin: auto;
    padding: 17px 15px;
}


.wpcf7-form span.wpcf7-spinner {
    position: absolute;
}

.cf7-loader {
    width:16px;
    height:16px;
    border:2px solid #ffffff;
    border-top:2px solid transparent;
    border-radius:50%;
    display:inline-block;
    margin-right:8px;
    animation:cf7spin 0.6s linear infinite;
    vertical-align:middle;
}

@keyframes cf7spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
 

@media screen and (max-width: 1280px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		padding: 0px 12px;
		font-size: 16px; 
	}
	
}

@media screen and (max-width: 1200px) {
	.solutions-block .solutions-content ul li {
		margin-bottom: 25px;
	}

	.solutions-block:hover .solutions-content ul {
		padding-top: 30px;
	}

	.site-header {
		padding: 15px 20px;
        z-index: 2;
	}

	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		padding: 0px 7px;
		font-size: 16px;
	}

	.main-navigation .btn {
		font-size: 14px;
	}

	.service-title-block h2 { 
		font-size: 42px;
	}

    .banner-content {
        padding-left: 20px;
    }

    .awsm-job-container {
        width: 100%;
        margin: 0 auto;
        padding: 50px 15px;
    }

    .awsm-application-form .awsm-job-form-bottom .awsm-job-form-group.awsm-captcha-group {
        flex: 1.5;
    }

    .awsm-application-form .awsm-job-form-bottom { gap: 10px;}
    
    .head-patner{
        display: none;
    }
.who-we-are-img{
            max-width: 340px;
    }

    .who-we-are-img img{
            height: 230px;
    }
}

@media screen and (max-width: 991px) {
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
        width: 22px;
        height: 24px;
        display: inline-block;
        position: relative;
        outline: 0;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        width: 22px;
        height: 2px;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block {
        margin: 0 !important;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle {
        z-index: 1;
        cursor: pointer;
        background: transparent;
        border-radius: 6px;
        line-height: normal;
        height: auto;
        text-align: left;
        user-select: none;
        outline: none;
        white-space: nowrap;
        display: flex;
        position: relative;
        border: 1px solid #CDD6DF;
        width: 32px;
        height: 32px;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-center, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-left {
        display: none;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right {
        flex: 1;
        justify-content: center;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
        top: 6px;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
        top: 7px;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
        top: 14px;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
        transform: translate3d(0, -14px, 0) rotate(-90deg);
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
        transform: translate3d(0, 6px, 0) rotate(45deg);
    }

    .main-navigation .btn {
        margin-left: 15px;
    }

    .service-list {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .service-section {
        padding: 50px 0;
                padding-bottom: 0;
    }

    .what-we-do-section {
        min-height: 500px;
        padding-bottom: 70px;
        background-size: cover;
    }

    .solutions-block .solutions-content {
        padding-bottom: 30px;
    }

    .solutions-block .solutions-content ul li a {
        font-size: 18px;
    }

    .solutions-block:hover .solutions-content ul {
        padding-top: 20px;
    }

    .solutions-block .solutions-content h3 {
        font-size: 24px;
    }

    .solutions-block .solutions-content ul li {
        margin-bottom: 20px;
    }

    .development-platform-content, .development-platform-section.One-image .development-platform-content.One.Row {
        width: 100%;
        padding-left: 0;
    }

    .development-platform-wrapper.row-reverse .development-platform-content {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    } 

    .development-platform-wrapper.row-reverse .development-platform-content p:last-child {
        margin: 0;
    }

    .development-platform-wrapper {
        display: flex;
        flex-direction: column;
    }

    .development-platform-wrapper.row-reverse {
        flex-direction: column;
    }

    .development-platform-wrapper .development-platform-img {
        width: 100%;
        padding-bottom: 30px;
    }

    .development-platform-section {
        padding: 40px 0;
                padding-top: 20px;
    }

    .who-we-are-wrapper {
        display: flex;
        align-items: center;
        gap: 0;
        flex-direction: column;
    }

    .development-platform-wrapper .development-platform-img {
        width: 100%;
        padding-bottom: 30px;
    }
    
    .development-platform-section.One-image .development-platform-wrapper .development-platform-img {
        width: 100%;
                position: unset;
    }

    .who-we-are-section:before {
        display: none;
    }

    .who-we-are-wrapper .who-we-are-content {
        padding: 50px 0;
        text-align: center;
    }

    .who-we-are-wrapper .who-we-are-content::before {
        content: "";
        display: inline-block;
        position: absolute;
        left: -15px;
        width: calc(100% + 30px);
        background: #F2F8FF;
        height: 100%;
        z-index: -1;
        top: 0;
    }

    .who-we-are-section::after {
        z-index: 1;
        height: 160px;
        background-size: auto 100%;
    }
 

    .who-we-are-wrapper .who-we-are-right {
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 50px;
        padding-bottom: 50px;
        gap: 30px;
    }

    .top-footer-wrap h2 {
        font-size: 90px;
    }

    .footer-links .footer-link {
        padding: 0 15px 20px;
    }

    .footer-bottom-wrap {
        flex-wrap: wrap;
    }

    .blog-single-top {
        flex-direction: column;
    }

    .blog-single-top header.blog-post-header {
        width: 100%;
    }

    .blog-single-top .blog-featured-image {
        width: 100%;
    }

    .blog-single-top {
        margin-bottom: 30px;
    }

    .culture-list, .gallery-list {
        grid-template-columns: 1fr 1fr;
    }

    .awsm-list-item .awsm-job-item {
        padding: 20px;
        font-size: 16px;
    }

    .wrapp-title-button .awsm-job-specifications-container .awsm-job-specifications-row .awsm-job-specification-wrapper {
        font-size: 14px;
        gap: 15px;
    }

    .career-top-section {
        padding: 25px;

    }

    .career-top-section .wrapp-title-button h1 {
        font-size: 28px;
    }


    .awsm-application-form .awsm-job-form-bottom .awsm-job-form-group.awsm-captcha-group {
        flex: 100%;
    }

    .awsm-application-form .awsm-job-form-bottom {
        gap: 10px;
        flex-wrap: wrap;
    }

    .awsm-job-form-inner .awsm-job-form-title {
        margin-bottom: 20px;
    }

     h2 {
        font-size: 36px;
    }

    .rapid-business.why-choose-kovaion .rapid-business-main-inner:first-child {
        max-width: 44%;
    }

    .development-platform-wrapper .development-platform-img img { width: 100%; }
    .py-80 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .why-choose-us-wrapper {
        gap: 30px;
        /* flex-direction: column-reverse; */

           
    flex-direction: column;
    }

    .rapid-business.why-choose-kovaion .rapid-business-main-inner:first-child, .rapid-business.why-choose-kovaion .rapid-business-main-inner { max-width: 100%; }
    .development-platform-section.content-repeater.section-first{
                padding-top: 60px;
    }
    .development-platform-section.content-repeater.section-last{
            padding-bottom: 60px;
    }
    .development-platform-section-sec{
            padding: 60px 0;
    }
}


@media screen and (max-width: 767px) {
    .main-navigation .btn {
        display: none;
    }

    .banner-content {
        padding: 80px 15px 40px 15px;
        max-width: 640px;
    }

    .banner-content h1 {
        font-size: 30px;
    }

    .banner-content p {
        font-size: 16px;
    }

    .banner-content .banner-btn {
        gap: 10px;
        /* flex-direction: column; */
    }

    .service-list {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .service-section {
        padding: 50px 0;
        padding-bottom: 0;
    }

    .service-title-block h2 {
        font-size: 28px;
        margin: 0;
    }

    h4 {
        font-size: 24px;
    }

    .what-we-do-section {
        min-height: 500px;
        padding-bottom: 40px;
        background-size: cover;
        padding-top: 200px;
    }

    .what-we-do-section .what-we-do-content .buttons {
        flex-direction: column;
        gap: 10px;
    }

    h2 {
        font-size: 28px;
                margin-bottom: 20px;
    }

    .what-we-do-section .what-we-do-content h2 {
        font-size: 33px;
    }

    .solutions-section {
        padding-top: 60px;
    }

    .solutions-list {
        display: flex;
        flex-direction: column;
    }

    .solutions-block {
        width: 100%;
        position: relative;
    }

    .solutions-title {
        text-align: center;
        margin-bottom: 10px;
    }

    .solutions-block .solutions-content h3 {
        font-size: 28px;
    }

    .solutions-block .solutions-content ul li {
        margin-bottom: 30px;
    }

    .solutions-block .solutions-content ul li a {
        font-size: 20px;
    }

    .solutions-block:hover .solutions-content ul {
        padding-top: 40px;
    }

    .who-we-are-wrapper .who-we-are-right {
        flex-direction: column;
        gap: 0;
    }

    .counter-section .counter-wrapper {
        display: flex;
        text-align: center;
        flex-wrap: wrap;
        padding: 20px 0;
        gap: 0px;
    }

    .counter-block {
        padding: 5px 0;
        width: 50%;
    }

    .counter-block p{
        line-height: 18px;
        font-size: 12px;
    }

    .top-footer {
        padding: 50px 0;
        width: 100%;
        border-bottom: 1px solid #1A1D2E;
    }

    .top-footer-wrap {
        flex-direction: column;
        gap: 20px; 
    }

    .top-footer-wrap .btn.btn-primary {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .footer-logo {
        text-align: center;
        position: relative;
        margin-top: 00;
        margin-bottom: 40px;
    }

    .top-footer::after {
        width: 100%;
    }

    .top-footer-wrap h2 {
        font-size: 62px;
    }

    .top-footer::before, .footer-logo:before {
        display: none;
    }

    .footer-logo {
        margin-top: 0px;
        margin-bottom: 30px;
        padding: 20px 0;
        border-bottom: 1px solid #1A1D2E;
    }

    .footer-links {
        display: flex;
        flex-direction: column;
    }

    .footer-links .footer-link {
        padding: 0 0 10px;
        width: 100%;
        border-bottom: 1px solid #1A1D2E;
        border-right: none;
        margin-bottom: 20px;
    }

    .footer-links .footer-link:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }

    .footer-country-wrap, .footer-center {
        border-bottom: none;
    }

    .country-list {
        display: flex;
        width: 100%;
        align-items: center;
        padding:20px 0 0;
        flex-direction: column;
        border-top: 1px solid #1A1D2E;
        border-bottom: 1px solid #1A1D2E;
    }

    .country-block {
        display: flex;
        width: 100%;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .service-title-block {
        text-align: center;
    }

    .social-media {
        order: -1;
        width: 100%;
        border-bottom: 1px solid #1A1D2E;
        padding-bottom: 20px;
    }

    .social-media ul {
        justify-content: center;
    }

    .footer-quick-links {
        margin-top: 20px;
        width: 100%;
        justify-content: center;
    }

    .copy-right {
        order: 3;
        width: 100%;
        padding-top: 20px;
        border-top: 1px solid #1A1D2E;
        margin-top: 20px;
    }

    .blog-listing-section {
        padding: 40px 0;
    }

    .blog-cat-wrap ul li a {
        padding: 7px 23px;
    }

    .blog-listing-top {
        margin-bottom: 30px;
        flex-direction: column;
        gap: 20px;
    }

    .blog-post-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .navigation.pagination {
        margin-top: 30px;
    }

    .navigation.pagination .page-numbers {
        width: 40px;
        height: 40px; 
        margin: 0 3px;
        font-size: 16px; 
    }

    .inner-banner {
        min-height: 250px;
    }

    .inner-banner h1.page-title {
        font-size: 32px;
    }

    .rank-math-breadcrumb .separator {
        margin: 0 5px;
    }

    

    .search-form-wrap input.search-field {
        padding: 13px 20px;
        min-width: 320px;
    }

    form.search-form input.search-submit {
        right: 10px;
        width: 22px;
        height: 22px;
        background-size: 100% auto;
    }

    .blog-single-wrapper {
        padding: 15px;
    }   

    .blog-single-top header.blog-post-header h1 {
        font-size: 30px;
    }

    .blog-single-top .blog-post-date {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .blog-single-top {
        margin-bottom: 20px;
        gap: 20px;
    }

    .wp-block-rank-math-toc-block {
        padding:20px 15px;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    .blog-single-wrapper .wp-block-rank-math-toc-block h2 {
        font-size: 20px;
    }

    .wp-block-rank-math-toc-block nav ol li a {
        line-height: 150%;
        font-size: 16px;
    }

    .wp-block-rank-math-toc-block nav ol li {
        display: block;
        font-size: 16px;
        margin-bottom: 10px !important;
    }

    .blog-single-wrapper h2 {
        font-size: 24px;
    }

    .blog-single-wrapper h3 {
        font-size: 22px;
    }

    .inner-banner.culture-banner {
        min-height: auto;
    }

    .our-culture-main {
        margin-top: 20px;
    }

    .culture-list, .gallery-list  {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-bottom: 50px;
        margin-top: 0;
    }

    .culture-banner .rank-math-breadcrumb + p {
        margin: 15px auto 30px;
    }

    h3 {
        font-size: 24px;
    }
 
    .awsm-list-item .awsm-job-item {
        flex-wrap: wrap;
        padding: 15px;
        font-size: 14px;
        text-align: center;
    }

    .awsm-list-item h2.awsm-job-post-title {
        text-align: center;
    }

    .awsm-list-item .awsm-job-item .awsm-list-left-col {
        float: left;
        width: 100%;
    }

    .awsm-list-item .awsm-job-item  .awsm-list-right-col {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .awsm-list-item h2.awsm-job-post-title a {
        font-size: 18px;
    }

     .title-block {
        margin-bottom: 30px;
        padding: 30px;
    }

    .title-block:before, .title-block:after {
        display: none;
    }

    .title-block .title-desc {
        font-size: 16px;
    }

    .current-openings-section {
        padding-top: 20px;
        padding-bottom: 50px;
        width: 100%;
    }

    .awsm-lists .awsm-jobs-pagination {
        margin-top: 0;
    }

    .career-top-section .wrapp-title-button {
        flex-wrap: wrap;
    }

    .career-top-section .wrapp-title-button .wrapp-title-jobSepecification {
        width: 100%;
    }


    .awsm-job-content {
        padding-bottom: 20px;
    }

    .awsm-job-form-inner {
        padding: 30px 20px;
        border-radius: 20px;
    }

    .awsm-application-form  .awsm-job-form-bottom {
        display: flex;
        gap: 0px;
        flex-wrap: wrap;
    }

    .captchaInput-text {
        width: 100%;
        display: flex;
    }

    .awsm-application-form .awsm-job-form-bottom .awsm-job-form-group.awsm-captcha-group {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .file-upalod {
        padding: 10px;            
        flex-wrap: wrap;
        height: auto;
    }

    .file-upalod label {
        margin: 0 15px 3px  0 !important;
        gap: 5px;
    }

    .wrapp-title-button .awsm-job-specifications-container .awsm-job-specifications-row .awsm-job-specification-wrapper {
        font-size: 14px;
        gap: 10px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .two-column {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .awsm-application-form .awsm-job-form-bottom .awsm-job-form-group.awsm-captcha-group div#captchaImage { flex: 1;}
    .awsm-job-container { padding: 40px 15px 20px; }

    .solution-request-wrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 30px;
    }

     .development-platform-section-sec{
            padding: 40px 0;
    }
    .ccs-wrapper{
        gap: 20px;
        padding: 15px;
    }
    .counter-block h3 {
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 5px;
    }

}



/* ==================== Copy Text Section Css Start ==================== */

.copy-text {
    padding: 50px 0;
}

.copy-text p {
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    color: #010417;
}

.listing-page-awsm_job_openings  .copy-text p {
    max-width: 920px;
}

@media screen and (max-width: 767px) {
    .copy-text {
        padding: 25px 0;
    }
}

/* ==================== Copy Text Section Css End ==================== */

/* ==================== Our Branding Section Css Start ==================== */

.our-branding-bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0% 25%;
}
.our-branding.brand_story .our-branding-cont {
    margin-top: -160px;
}
.our-branding.brand_story .our-branding-bg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(1,4,23);
}
.our-branding.brand_story .our-branding-bg .our-branding-bg-img {
    opacity: 0.2;
}
.our-branding-bg {
    width: 100%;
    height: 470px;
    object-fit: cover;
    position: relative;
}
.our-branding-cont {
    margin-top: -300px;
    box-shadow: 0px 14px 24px 0px #01041714;
    background: #FFFFFF;
    border-radius: 30px;
    padding: 60px 85px;
    z-index: 1;
    position: relative;
    text-align: center;
}
.our-branding-cont h6 {
    color: #0084FF;
}
.our-branding-cont h2 {
    font-weight: 800;
    margin-bottom: 30px;
    line-height: 53px;
}
.our-branding-cont p {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    color: #010417;
    max-width: 895px;
    width: 100%;
    margin: 0 auto;
}
.our-branding-cont p:last-child {
    margin-bottom: 0;
}
.our-branding-cont p i {
    font-weight: 500;
}

@media (max-width: 991px) {
    .our-branding-cont {
        margin-top: -150px;
        padding: 45px 55px;
    }
}

@media (max-width: 767px) {
    .our-branding-cont {
        padding: 30px 15px;
    }
    
    .our-branding-cont h2 {
        line-height: normal;
    }

    .who-we-are-wrapper .who-we-are-content {
        font-size: 16px;
    }

    .our-branding-bg {
        height: 300px;
    }

}

/* ==================== Our Branding Section Css End ==================== */

/* ==================== Founder Section Css Start ==================== */

.founder-wrapper.row-reverse {
    flex-direction: row-reverse;
}
.founder-wrapper.row-reverse .founder-wrapper-inner:first-child:before {
    right: unset;
    left: 300px;
    width: calc(48vw - 300px);
}
.founder.peoplesoft-founder {
    padding: 0;
}
.founder {
    padding: 80px 0 0;
    position: relative;
}
.founder-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 44px;
    position: relative;
    z-index: 1;
}
.founder-wrapper-inner {
    max-width: calc(50% - 22px);
    width: 100%;
    position: relative;
}
.founder-wrapper-inner img {
    width: 100%;
    border-radius: 30px;
}
.founder-wrapper-inner:first-child:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 250px;
    width: calc(49vw - 250px);
    background: #0084FF;
    height: 100%;
    z-index: -1;
    top: 0;
}
.founder-wrapper-inner:first-child {
    padding: 40px 0;
}
.founder-wrapper-inner h6 {
    color: #0084FF;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 12px;
}
.founder-wrapper-inner h2 {
    margin: 0 0 20px;
    line-height: 140%;
}
.founder-wrapper-inner p {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    color: #010417;
    margin: 0 0 20px;
}
.founder-wrapper-inner p:last-child {
    margin: 0;
}
.founder.latest-peopletools .founder-wrapper-inner:first-child:before {
    background: url("../kovaion/images/latest-peopletools-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    right: 50px;
    width: 49vw;
    height: 560px;
    bottom: 15px;
    top: auto;
}
.founder.latest-peopletools .founder-wrapper-inner ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.founder-wrapper-inner p:last-child {
    margin: 0;
}
.founder.latest-peopletools .founder-wrapper-inner p {
    color: #515F7C;
    font-weight: 600;
}
.founder.latest-peopletools .founder-wrapper-inner p strong {
    color: #010417;
}
.founder.latest-peopletools .founder-wrapper-inner ul li {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding-left: 32px;
    position: relative;
    margin-bottom: 13px;
}
.founder.latest-peopletools .founder-wrapper-inner ul li:before {
    content: "";
    position: absolute;
    background: url(./images/check-green.svg) no-repeat;
    width: 20px;
    height: 20px;
    left: 0;
}
.founder.latest-peopletools .founder-wrapper-inner ul li:last-child {
    margin-bottom: 0;
}
.founder.latest-peopletools {
    background: linear-gradient(180deg, #F2F8FF 0%, rgba(242, 248, 255, 0) 100%);
}

@media (max-width: 991px) {
    .founder-wrapper-inner:first-child:before {
        right: 150px;
        width: calc(49vw - 150px);
    }
}

@media (max-width: 767px) {
    .founder {
        padding: 40px 0;
    }
    .founder-wrapper-inner {
        max-width: 100%;
    }
    .founder-wrapper-inner:first-child:before {
        right: 100px;
        width: calc(100vw - 100px);
    }
}

/* ==================== Founder Section Css End ==================== */

/* ==================== We Do Client Section Css Start ==================== */

.we-do-client-bg .we-do-client-bg-img {
    width: 100%;
    height: 100%;
    display: block;
}
.we-do-client.background-overlay .we-do-client-bg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #010417;
}
.we-do-client.background-overlay .we-do-client-bg-img {
    opacity: 0.2;
    object-fit: cover;
}
.we-do-client {
    position: relative;
}
.we-do-client-bg {
    width: 100%;
    position: relative;
    height: 764px;
    object-fit: cover;
    display: block;
}
.we-do-client .container {
    position: relative;
}
.we-do-client-inner {
    position: absolute;
    bottom: 0;
    padding: 50px;
    width: 100%;
    max-width: 868px;
    background: url("../kovaion/images/we-do-client-img.png");
    background-size: 100% 100%;
}
.we-do-client-inner h6 {
    color: #0084FF;
}
.we-do-client-inner h2 {
    line-height: 53px;
    margin-bottom: 28px;
}
.we-do-client-inner p {
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    color: #515F7C;
    margin: 0;
}
.we-do-client-inner:before {
    content: "";
    position: absolute;
    width: 52px;
    height: 52px;
    top: 0px;
    right: 0;
    background: url("../kovaion/images/we-do-client-shape.svg") no-repeat;
    background-size: 100% 100%;
}

.checkbox-title {
    position: relative;
    cursor: pointer;
}

.checkbox-title::after {
    content: "+";
    position: absolute;
    right: 0;
    font-size: 20px;
    top: -5px;
}

/* when accordion is open */
.checkbox-title.active::after {
    content: "-";
}
 
 

@media (max-width: 991px) {
    .we-do-client-inner {
        position: relative;
        padding: 35px;
        max-width: 100%;
        margin-top: -50px;
    }
    .we-do-client-inner:before {
        display: none;
    }

   
    .why-choose-us-wrapper-cont h2 {
        line-height: normal;
    }

}

@media (max-width: 767px) {
    .we-do-client-inner {
        position: relative;
        padding: 25px;
        max-width: 100%;
        margin-top: -50px;
    }
    .we-do-client-inner h2 {
        line-height: 40px;
        margin-bottom: 20px;
    }
}

/* ==================== We Do Client Section Css End ==================== */

/* ==================== Why Choose Us Section Css Start ==================== */

.why-choose-us.bg-color,
.bg-color {
    background: #F2F8FF;
}

.why-choose-us.section-60-40 .why-choose-us-wrapper-cont {
    max-width: 56%;
}
.why-choose-us.section-60-40 .why-choose-us-wrapper-img {
    max-width: 39%;
}
.why-choose-us {
    padding: 80px 0;
    position:relative;
}
.why-choose-us-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.why-choose-us-wrapper-cont {
    max-width: 52%;
    width: 100%;
}
.why-choose-us-wrapper-img {
    max-width: 43%;
    width: 100%;
}
.why-choose-us-wrapper-img img {
    width: 100%;
    height: 100%;
    border-radius: 28px;
    display: block;
}
.why-choose-us-wrapper-cont h6 {
    color: #0084FF;
}
.why-choose-us-wrapper-cont h2 {
    line-height: 53px;
    margin: 0 0 20px;
}

.why-choose-us-wrapper-cont p {
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    color: #010417;
}

.why-choose-us.bg-color .why-choose-us-wrapper p {
    color: #010417;
    font-weight: normal;
}

.why-choose-us-wrapper.row-reverse {
    flex-direction: row-reverse;
}
.why-choose-us.section-60-40 .why-choose-us-wrapper-cont {
    max-width: 56%;
}
.why-choose-us.section-60-40 .why-choose-us-wrapper-img {
    max-width: 39%;
    top: 90px;
    position: sticky;
}

@media (max-width: 991px) {
    .why-choose-us {
        padding: 60px 0;
    }

    .why-choose-us.section-60-40 .why-choose-us-wrapper-cont {
        max-width: 100%;
    }

    .why-choose-us-wrapper.row-reverse {
        flex-direction: row-reverse;
    }

}

@media (max-width: 767px) {
    .why-choose-us-wrapper-cont,
    .why-choose-us-wrapper-img,
    .why-choose-us.section-60-40 .why-choose-us-wrapper-cont,
    .why-choose-us.section-60-40 .why-choose-us-wrapper-img {
        max-width: 100%;
    }
    .why-choose-us-wrapper-cont h2 {
        line-height: 40px;
    }
    .why-choose-us {
        padding: 40px 0;
    }
}

/* ==================== Why Choose Us Section Css End ==================== */

/* ==================== Team Excellence Section Css Start ==================== */

.team-excellence-main {
    background: #F2F8FF;
    padding: 60px;
    border-radius: 30px;
}
.team-excellence-main-inner {
    max-width: 952px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.team-excellence-main-inner h6 {
    color: #0084FF;
}
.team-excellence-main-inner h2 {
    line-height: 53px;
    margin: 0 0 28px;
}
.team-excellence-main-inner p {
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    color: #515F7C;
}

@media (max-width: 991px) {
    .team-excellence-main {
        padding: 45px 25px;
    }
}

@media (max-width: 767px) {
    .team-excellence-main {
        padding: 30px 15px;
        border-radius: 15px;
    }
    .team-excellence-main-inner h2 {
        line-height: 40px;
    }
}

/* ==================== Team Excellence Section Css End ==================== */


/* ==================== How It Work Section Css Start ==================== */

.how-it-work {
    padding: 80px 0;
    position: relative;
}
.how-it-work-head {
    text-align: center;
    margin-bottom: 40px;
}
.how-it-work-head h6 {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #0084FF;
}
.how-it-work-head h2 {
    margin: 0;
}
.how-it-work-step {
    position: relative;
}
.top-line {
    border-top: 2px solid #0084FF;
    position: absolute;
    width: 0;
    top: 36px;
    left: 130px;
}
.bottom-line {
    border-top: 2px solid #0084FF;
    position: absolute;
    width: 0;
    top: 346px;
    left: 105px;
}
.steps-curve {
    position: absolute;
    top: 36px;
    right: 0;
    width: calc(100% - 160px);
    height: 0;
}
.steps-curve svg {
    position: absolute;
    height: 100%;
    right: -6rem;
    top: 0;
    width: 165px;
}
.how-it-work-box {
    position: relative;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.how-it-work-box-item {
    position: relative;
    display: flex;
    /* justify-content: space-between; */
    gap: 26px;
    margin-top: 1.5rem ;
    margin-bottom: 1.5rem ;
}
.box-item {
    opacity: 0;
    text-align: center;
}
.box-main {
    min-height: 218px;
    width: 273px;
    margin-top: 20px;
    padding: 30px 20px;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: linear-gradient(180deg, #F2F8FF 0%, rgba(242, 248, 255, 0) 100%);
}
.box-main img {
    width: 50px;
    height: 50px;
}
.box-title {
    text-align: left;
}
.box-title .subtitle {
    font-weight: 800;
    font-size: 22px;
    line-height: 100%;
    color: #010417;
    margin-bottom: 6px;
    display: block;
}
.box-description {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #515F7C;
}
.how-it-work-box-item.steps-second {
    flex-direction: row-reverse;
    padding-top: 18px;
    margin-bottom: 16px ;
}
.steps-curve path#path {
    fill: none;
    stroke: #0084FF;
    stroke-width: 0;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lineWidthAnimation {
  0% {
    width: 0;
  }
  100% {
    width: calc(100% - 190px);
  }
}
@keyframes lineWidthAnimationRTL {
  0% {
    width: 0;
    left: calc(100% - 193px + 130px);
  }
  100% {
    width: calc(100% - 193px);
    left: 130px;
  }
}
@keyframes dash {
  from {
    stroke-dasharray: 522;
    stroke-dashoffset: 522;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@media screen and (min-width:1200px) {
  .mobile-bottom-scroll {
    display: none ;
  }
  .how-it-work-wrap.steps_animation .steps-first .box-item:nth-child(1) {
    animation: fadeInAnimation ease 1s 0s forwards;
  }
  .how-it-work-wrap.steps_animation .steps-first .box-item:nth-child(2) {
    animation: fadeInAnimation ease 1s 1s forwards;
  }
  .how-it-work-wrap.steps_animation .steps-first .box-item:nth-child(3) {
    animation: fadeInAnimation ease 1s 2s forwards;
  }
  .how-it-work-wrap.steps_animation .steps-first .box-item:nth-child(4) {
    animation: fadeInAnimation ease 1s 3s forwards;
  }
  .how-it-work-wrap.steps_animation .steps-first .box-item:nth-child(5) {
    animation: fadeInAnimation ease 1s 4s forwards;
  }
  .how-it-work-wrap.steps_animation .steps-second .box-item:nth-child(1) {
    animation: fadeInAnimation ease 1s 6s forwards;
  }
  .how-it-work-wrap.steps_animation .steps-second .box-item:nth-child(2) {
    animation: fadeInAnimation ease 1s 7s forwards;
  }
  .how-it-work-wrap.steps_animation .steps-second .box-item:nth-child(3) {
    animation: fadeInAnimation ease 1s 8s forwards;
  }
  .how-it-work-wrap.steps_animation .steps-second .box-item:nth-child(4) {
    animation: fadeInAnimation ease 1s 9s forwards;
  }
  .how-it-work-wrap.steps_animation .steps-second .box-item:nth-child(5) {
    animation: fadeInAnimation ease 1s 10s forwards;
  }
  .how-it-work-wrap.steps_animation .top-line {
    animation: lineWidthAnimation linear 4s forwards;
  }

  .how-it-work-wrap.steps_animation .bottom-line {
    animation: lineWidthAnimationRTL linear 4s 6s forwards;
  }

  .how-it-work-wrap.steps_animation svg#svg_curve {
    display: block;
    height: 312px;
  }
  .how-it-work-wrap.steps_animation svg#svg_curve #path {
    stroke-width: 2;
    animation: dash linear 3.9s 4s forwards;
  }
}
@media screen and (max-width: 1600px) {
  .how-it-work-top-image img {
    width: 100%;
    height: 425px;
    object-fit: cover;
  }
}
@media screen and (max-width: 1368px) {
  .box-main {
    width: 240px;
    padding: 10px 13px;
  }

  .how-it-work-step {
    max-width: 90%;
    margin: 0 auto;
  }
  .box-title .subtitle {
    font-size: 16px;
  }

  .box-description {
    font-size: 14px;
  }
}

@media screen and (max-width: 1250px) {
  .how-it-work-step {
    max-width: 85%;
  }
}
@media screen and (max-width: 1199px) {
  .how-it-work-step {
    max-width: 100%;
  }
  .steps-curve {
    display: none;
  }
  .how-it-work-box-item.steps-second {
    padding-top: 0;
  }
   .how-it-work-wrap .box-item {
    -webkit-overflow-scrolling: touch;
    opacity: 1;
    z-index: 2;
    margin-inline-end: 15px;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    justify-content: space-between;
  }
  .how-it-work-box {
    display: flex;
    padding-bottom: 0;
  }
  .how-it-work-box-item.steps-second {
    flex-direction: row-reverse;
    padding-top: 0;
    margin-top: 1.5rem ;
    margin-bottom: 1.5rem ;
  }
  .mobile-bottom-scroll {
    border-top: 2px solid #0084FF;
    position: absolute;
    width: calc(100% - 120px);
    bottom: 10px;
    left: 120px;
    z-index: 1;
  }
  .how-it-work-box-item.steps-second .mobile-bottom-scroll {
    left: -10px;
  }
  .box-main {
    margin-top: 0;
    margin-bottom: 2rem;
    height: 100%;
    min-height: auto;
  }

  .how-it-work-box-item {
    gap: 0;
  }

  .work-together-head h2 {
    margin: 0;
    line-height: normal;
  }


}
@media (max-width: 991px) {
  .how-it-work {
    padding: 60px 0;
  }
  .box-main {
    min-height: auto;
    margin-bottom: 20px;
  }
}
 .how-it-work-15{
    margin-left: 15px;
 }
@media (max-width: 767px) {
  .how-it-work {
    padding: 40px 0;
    overflow-x: hidden;
  }
  .how-it-work-head h2 {
      line-height: 40px;
  }
  .how-it-work-head {
      margin-bottom: 20px;
  }
  .how-it-work-box {
      flex-direction: column;
      overflow-x: visible;
  }
  .how-it-work-box-item,
  .how-it-work-box-item.steps-second {
      flex-direction: column !important;
      gap: 16px;
      margin-top: 0;
      margin-bottom: 0;
  }
  .how-it-work-box-item.steps-first {
      margin-top: 0;
      gap: 16px;
  }
  .how-it-work-wrap .box-item {
      flex-direction: column;
      margin-inline-end: 0;
      width: 100%;
  }
  .box-main {
      width: 100%;
      min-height: auto;
           margin-bottom: 0;
  }
  .mobile-bottom-scroll {
      display: none;
  }

  .our-branding-cont p {
    font-size: 16px;
  }

  .development-platform-content {
        font-size: 16px;
  }

  .work-together-head h2 {
        margin: 0;
        line-height: normal;
    }

    .how-it-work-15{
        margin-left: 0;
    }

}

/* ==================== How It Work Section Css End ==================== */


/* ==================== Work Together Section Css Start ==================== */

.work-together {
    background: #F2F8FF;
    padding: 60px 0;
}
.work-together-head {
    max-width: 618px;
    width: 100%;
    margin: 0 auto 30px;
    text-align: center;
}
.work-together-head h6 {
    color: #0084FF;
}
.work-together-head h2 {
    margin: 0;
    line-height: 53px;
}
.work-together-main {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.work-together-main-inner {
    max-width: 33.3333%;
    padding: 40px 30px;
    border-top: 1.5px dashed  #0084FF;
}
.work-together-main-inner img {
    width: 80px;
    height: 80px;
    display: block;
    margin-bottom: 30px;
}
.work-together-main-inner h3 {
    font-weight: 800;
    font-size: 22px;
    line-height: 100%;
    color: #010417;
    margin-bottom: 20px;
}
.work-together-main-inner p {
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    color: #515F7C;
    margin: 0;
}
.work-together-main-inner:nth-child(2) {
    border-width: 0 1.5px 1.5px;
    border-style: dashed;
    border-color: #0084FF;
}

@media (max-width: 991px) {
  .work-together-main-inner {
    padding: 20px 15px;
  }
  .work-together {
    padding: 45px 0;
  }
}

@media (max-width: 767px) {
  .work-together-main-inner {
      max-width: 100%;
      padding: 20px 15px;
      border: 1.5px dashed #0084FF;
  }
  .work-together-main {
      gap: 20px;
  }
  .work-together-main-inner:nth-child(2) {
    border-width: 1px;
  }
  .work-together {
    padding: 30px 0;
  }

  .inner-banner::before, .inner-banner::after {
    height: 100%;
  }

 

}

/* ==================== Work Together Section Css End ==================== */


/* ==================== Ideal Match Section Css Start ==================== */

.ideal-match {
    padding: 80px 0;
}
.ideal-match-main {
    padding: 60px 60px 37px;
    background: #F2F8FF;
    position: relative;
    border-radius: 30px;
}
.ideal-match-main-inner:last-child {
    max-width: 62%;
    width: 100%;
    margin-left: auto;
}
.ideal-match-main-inner {
    max-width: 51%;
    width: 100%;
}
.ideal-match-main-inner img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.ideal-match-main-inner-cont {
    max-width: 100%;
    box-shadow: 0px 14px 24px 0px #01041714;
    background: #FFFFFF;
    border-radius: 18px;
    padding: 50px 40px;
    z-index: 1;
    position: relative;
    font-weight: 600;
    font-size: 20px;
}

.ideal-match-main-inner:first-child {
    z-index: 1;
    position: relative;
    margin-right: -145px;
}
.ideal-match-main-grid {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.ideal-match-main-head {
    text-align: center;
    position: relative;
    max-width: 816px;
    width: 100%;
    margin: 0 auto 30px;
}
.ideal-match-main-head h6 {
    color: #0084FF;
}
.ideal-match-main-head h2 {
    margin: 0;
}
.ideal-match-main:before {
    content: "";
    position: absolute;
    width: 82px;
    height: 120px;
    background: url('./images/ideal-match-icon.svg') no-repeat;
    left: 60px;
    top: 90px;
    opacity: 0.8;
}


.contact-form {
    width: 50%;
    background: #F2F8FF;
    padding: 30px 30px 10px;
}

.wpcf7-form-control {
    border: 1px solid #C7D7E9;
    color: #515F7C;
    padding: 10px 15px;
    width: 100%;
}

.solution-request-wrap {
    display: flex;
    flex-wrap: wrap;
}

.solution-request-wrap .solution-request-left {
    width: 50%;
    padding-right: 30px;
}

.solution-request-wrap .solution-request-left img {
    width: 100%;
    border-radius: 18px;
    border: 2px solid #C7D7E9;
    position: sticky;
    top: 100px;
}

.solution-request-section {
    padding: 60px 0;
}

.cf7-post-checkboxes label.cf7-post-item {
       padding-right: 0;
    width: 100%;
}

.cf7-post-checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
   margin-top: 20px;
}

.cf7-post-checkboxes label.cf7-post-item span {
    font-size: 14px;
    color: #010417;
}

.cf7-post-checkboxes input[type="checkbox"] + span {
    position: relative;
    padding-left: 30px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}

.cf7-post-checkboxes input[type="checkbox"] + span:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #C7D7E9;
    background-color: #ffffff;
    position: absolute;
    left: 0;
}

.cf7-post-checkboxes input[type="checkbox"]:checked + span:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 7px;
    width: 6px;
    height: 10px;
    border: solid #0084ff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.contact-desc {
    color: #010417;
}

.contact-title-block {
    width: 100%;
}

.contact-title-block h6 {
    color: #0084FF;
}

.contact-title-block h2 {
    font-size: 32px;
}

.contact-title-block  p {
    margin-bottom: 20px;
    font-size: 18px;
}

.solution-request-style{

}
.solution-request-style p{
margin: 0;
}
.solution-request-style p .wpcf7-form-control-wrap{
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    .ideal-match {
        padding: 60px 0;
    }
    .ideal-match-main {
        padding: 45px 45px 37px;
    }
    .ideal-match-main-inner:first-child {
        max-width: 100%;
    }
    .ideal-match-main-inner:last-child {
        z-index: 1;
        max-width: 80%;
        margin: -50px auto 0;
    }
    .ideal-match-main:before {
        top: 30px;
        left: 45px;
    }
}

@media (max-width: 767px) {
    .ideal-match {
        padding: 40px 0;
    }
    .ideal-match-main {
        padding: 30px;
    }
    .ideal-match-main-head h2 {
        line-height: 38px;
    }
    .ideal-match-main:before {
        left: 30px;
        top: 40px;
    }
    .ideal-match-main-inner {
        max-width: 100%;
    }
    .ideal-match-main-inner:first-child {
        margin-right: 0;
    }
    .ideal-match-main-inner:last-child {
        max-width: 80%;
        z-index: 1;
        margin: -50px auto 0;
    }
    .ideal-match-main-inner img {
        border-radius: 15px;
    }
    .ideal-match-main-inner-cont {
        padding: 30px 20px 40px;
        font-size: 18px;
    }
    .banner-section .banner-img:before {
    background: linear-gradient(270deg, rgb(1 4 23 / 83%) 57.73%, #010417 75.15%);
    }
}




/* ==================== Ideal Match Section Css End ==================== */

/* ==================== Accordion Section Css Start ==================== */

.accordion {
    padding: 80px 0;
}
.faq-item .faq-question {
    border: 0;
    width: 100%;
    background: #fff;
    padding: 18px 30px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #010417;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rapid-business-main-inner .faq-item .faq-question {
    font-size: 18px;
}

.faq-item {
    border: 1px solid #DEE6EF;
    border-radius: 12px;
    margin-bottom: 10px;
}
.faq-answer {
    padding: 0 30px 20px;
    display: none;
}
.faq-answer p {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    color: #515F7C;
}
.faq-item:last-child {
    margin-bottom: 0;
}
.faq-item.active .faq-answer {
    display: block;
}
.faq-item .faq-question .icon {
    background: url("./images/plus-icon.svg");
    width: 28px;
    height: 28px;
}
.faq-item.active .faq-question .icon {
    background: url("./images/minus-icon.svg");
}
.faq-item.active,
.faq-item.active .faq-question {
    background: #ffffff;
}
.faq-question span:first-child {
    width: calc(100% - 35px);
}
.accordion-head {
    margin: 0 0 40px;
    text-align: center;
}
.accordion-head h6 {
    color: #0084FF;
}
.accordion-head h2 {
    margin: 0;
}

@media (max-width: 991px) {
    .accordion {
        padding: 60px 0;
    }
    .faq-item .faq-question {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .faq-item .faq-question {
        padding: 15px;
        font-size: 16px;
    }
    .accordion {
        padding: 40px 0;
    }
    .faq-answer {
        padding: 0 15px 15px;
    }
    
}

/* ==================== Accordion Section Css End ==================== */

/* ==================== Rapid Business Section Css Start ==================== */


.rapid-business.bg-color {
    background: #F2F8FF;
}
.rapid-business.bg-color.row-reverse .rapid-business-main {
    flex-direction: row-reverse;
}
.rapid-business.bg-color.row-reverse .rapid-business-main .rapid-business-main-inner:first-child {
    max-width: 42%;
}
.rapid-business.bg-color.row-reverse .rapid-business-main .rapid-business-main-inner:first-child img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 30px;
}
.rapid-business.bg-color.row-reverse .rapid-business-main .rapid-business-main-inner {
    max-width: 52%;
}
.rapid-business {
    padding: 80px 0;
}
.rapid-business-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.rapid-business-head-title {
    max-width: 46%;
    width: 100%;
}
.rapid-business-head-title h2{
    margin: 0 0 30px;
}

.peoplesoft-rapid.full-width-cont .rapid-business-head-title {
    max-width: 50%;
    margin-bottom: 0;
}
.rapid-business-head-cont {
    max-width: 49%;
    width: 100%;
}

.rapid-business-head-cont p {
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    color: #515F7C;
}
.rapid-business-head-title h6 {
    color: #0084FF;
}
.rapid-business-head-title h2 {
    margin: 0;
    line-height: 53px;
}

.newslatter-blog-title h6 {
    color: #0084FF;
}
.newslatter-blog-title h2 {
    line-height: 53px;
}
.newslatter-blog-title p{
    font-size: 18px;
    color: #010417; 
    font-weight: normal;
}
 .blog-more{
    margin: 50px 0 0 0;
}

.rapid-business-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
}
.rapid-business-main-inner:first-child {
    max-width: 32%;
    width: 100%;
      top: 90px;
    position: sticky;
}
.rapid-business-main-inner {
    max-width: 64%;
    width: 100%;
}
.rapid-business-main-inner img {
    display: block;
    width: 100%;
    height: 100%;
}

.blog-post-wrap .blog-post-details {
    height: calc(100% - 225px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.blog-post-wrap .inner {
    height: 100%;
}

.blog-post-wrap .blog-post-details .btn.btn-secondary {
    margin-top: auto;
}

.kovaion-bussiness .rapid-business-main-inner .rapid-business-head-title{
    max-width: 100%;
    margin-bottom: 25px;
}
@media (max-width: 991px) {
    .rapid-business {
        padding: 60px 0;
    }
    .rapid-business-head-title, .rapid-business-head-cont {
        max-width: 100%;
    }
  
    .rapid-business-head {
        gap: 30px;
    }
    .rapid-business-head-title h2 {
        line-height: 42px;
    }
      .newslatter-blog-title h2 {
        line-height: 42px;
    }
    .rapid-business-main-inner:first-child {
        max-width: 100%;
                position: unset;
    }
    .rapid-business-main-inner {
        max-width: 100%;
    }
    .rapid-business-main-inner:first-child img {
        width: 100%;
        display: block;
    }

    .rapid-business-main {
        gap: 30px;
        flex-direction: column;
    }

    .rapid-business.bg-color.row-reverse .rapid-business-main .rapid-business-main-inner {
        max-width: 100%;
    }

    .rapid-business.bg-color.row-reverse .rapid-business-main {
        gap: 0;
    }

}

@media (max-width: 767px) {
    .rapid-business {
        padding: 40px 0;
    }
    .rapid-business-head {
        gap: 20px;
    }
    .rapid-business-head-title, .rapid-business-head-cont {
        max-width: 100%;
    }
    .rapid-business-head-title h2 {
        line-height: 36px;
    }
    .rapid-business-main-inner {
        max-width: 100%;
    }
    .rapid-business-main-inner:first-child {
        max-width: 100%;
    }
    .rapid-business-main {
        gap: 30px;
    }
}

/* ==================== Rapid Business Section Css End ==================== */


/* ==================== Low Code Solution Section Css Start ==================== */

.low-code-solution {
    padding: 60px 0;
    background: #F2F8FF;
}
.low-code-solution-head {
    text-align: center;
    margin-bottom: 40px;
}
.low-code-solution-head h6 {
    color: #0084FF;
}
.low-code-solution-head h2 {
    margin: 0;
    line-height: 53px;
}
.low-code-solution-main {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 22px;
    flex-wrap: wrap;
}
.low-code-solution-main-inner {
    max-width: calc(25% - 17px);
    width: 100%;
}
.low-code-solution-main-inner-icon {
    border: 1px solid #D9E8EF;
    background: #FFFFFF;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
}
.low-code-solution-main-inner-icon-img {
    text-align: center;
    width: 62px;
    height: 62px;
    background: #E4EEF3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.low-code-solution-main-inner-icon-img img {
    width: 32px;
    height: 32px;
    display: block;
}
.low-code-solution-main-inner-cont {
    background: #E4EEF3;
    border-radius: 16px;
    padding: 10px 20px;
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.low-code-solution-main-inner-cont p {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: #010417;
    text-align: center;
}


@media (max-width: 991px) {
    .low-code-solution {
        padding: 45px 0;
    }
    .low-code-solution-main-inner {
        max-width: calc(33.333% - 15px);
    }
}

@media (max-width: 767px) {
    .low-code-solution {
        padding: 30px 0;
    }
    .low-code-solution-head h2 {
        line-height: 36px;
    }
    .low-code-solution-head {
        margin-bottom: 30px;
    }
    .low-code-solution-main-inner {
        max-width: 100%;
    }
}

/* ==================== Low Code Solution Section Css End ==================== */

/* ==================== Call To Action Section Css Start ==================== */

.call-to-action {
    padding: 80px 0 0;
}
.call-to-action-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #0084FF;
    padding: 50px;
    border-radius: 28px;
    gap: 30px;
}
.call-to-action-main-cont {
    max-width: 69%;
    width: 100%;
}
.call-to-action-main-btn {
    max-width: 25%;
    width: 100%;
    display: flex;
    align-items: center;
}
.call-to-action-main-btn .btn {
    margin-left: auto;
}
.call-to-action-main-cont h2 {
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 14px;
}
.call-to-action-main-cont p {
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    color: #fff;
}
.call-to-action-main-cont p a {
    color: #fff;
}

@media (max-width: 991px) {
    .call-to-action {
        padding: 40px 0 0;
    }
    .mb-80 {
        margin-bottom: 60px;
    }
    .call-to-action-main-cont {
        max-width: 60%;
    }
    .call-to-action-main-btn {
        max-width: 35%;
    }

    .call-to-action-main {
        padding: 30px;
    }
    .call-to-action-main-cont p {
        font-size: 16px;
    }

    .call-to-action-main-btn .btn {
        padding: 12px 20px;
    }


}

@media (max-width: 767px) {
    .call-to-action {
        padding: 20px 0;
        text-align: center;
    }
    .mb-80 {
        margin-bottom: 40px;
    }
    .call-to-action-main-cont {
        max-width: 100%;
    }
    .call-to-action-main-btn {
        max-width: 100%;
    }
    .call-to-action-main {
        padding: 30px;
        gap: 20px;
    }
    .call-to-action-main-btn .btn {
        margin: 0 auto;
    }
    .call-to-action-main-cont h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .call-to-action-main-cont p {
        font-size: 16px;
    }
}

/* ==================== Call To Action Section Css End ==================== */

/* ==================== People Soft Migration Section Css Start ==================== */

.peoplesoft-migration {
    padding: 80px 0;
}
.peoplesoft-migration-head {
    text-align: center;
    max-width: 960px;
    width: 100%;
    margin: 0 auto 40px;
}
.peoplesoft-migration-head h6 {
    color: #0084FF;
}
.peoplesoft-migration-head h2 {
    line-height: 53px;
    margin-bottom: 28px;
}
.peoplesoft-migration-head p {
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    color: #515F7C;
}
.peoplesoft-migration-main {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    background: #F2F8FF;
    border-radius: 30px;
}
.peoplesoft-migration-main-inner {
    max-width: 33.333%;
    width: 100%;
    padding: 30px 20px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #CDDBED;
}
.peoplesoft-migration-main-inner:nth-child(3) {
    border-width: 0 0 1px 0;
}
.peoplesoft-migration-main-inner:nth-child(6) {
    border-width: 0;
}
.peoplesoft-migration-main-inner:nth-child(5) {
    border-width: 0 1px 0 0;
}
.peoplesoft-migration-main-inner:nth-child(4) {
    border-width: 0 1px 0 0;
}
.peoplesoft-migration-main-inner-num {
    background-color: #f3f8ff;
    font-size: 50px;
    line-height: 63px;
    font-weight: 800;
    color: transparent;
    -webkit-text-stroke: 1px #010417;
    display: block;
    margin-bottom: 30px;
}
.peoplesoft-migration-main-inner h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #010417;
    margin-bottom: 20px;
}
.peoplesoft-migration-main-inner ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.peoplesoft-migration-main-inner ul li {
    margin-bottom: 14px;
    padding-left: 34px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #515F7C;
    position: relative;
}
.peoplesoft-migration-main-inner ul li:last-child {
    margin-bottom: 0;
}
.peoplesoft-migration-main-inner ul li:before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    left: 0;
    top: 0;
    background: url("./images/people-soft-list-icon.svg");
    background-size: 100% 100%;
}

@media (max-width: 991px) {
    .peoplesoft-migration {
        padding: 60px 0;
    }
}

@media (max-width: 767px) {
    .peoplesoft-migration {
        padding: 40px 0;
    }
    .peoplesoft-migration-head h2 {
        line-height: 34px;
        margin-bottom: 20px;
    }
    .peoplesoft-migration-head p {
        font-size: 16px;
    }
    .peoplesoft-migration-main-inner {
        max-width: 100%;
        border-width: 0 0 1px;
    }
    .peoplesoft-migration-main-inner:nth-child(4),
    .peoplesoft-migration-main-inner:nth-child(5) {
        border-width: 0 0 1px;
    }
    .peoplesoft-migration-main-inner-num {
        font-size: 40px;
        margin-bottom: 20px;
        line-height: 53px;
    }
}


/* ==================== People Soft Migration Section Css End ==================== */


/* ==================== Award Recognition Section Css Start ==================== */

.award-recognition {
    background: #F2F8FF;
    padding: 60px 0;
}
.award-recognition-head {
    margin: 0 0 40px;
    text-align: center;
}
.award-recognition-head h6 {
    color: #0084FF;
}
.award-recognition-head h2 {
    line-height: 53px;
    margin-bottom: 28px;
}
.award-recognition-head p {
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    color: #515F7C;
}
.award-recognition-main {
    display: flex;
    align-items: stretch;
    height: 100%;
    gap: 24px;
    flex-wrap: wrap;
}
.award-recognition-main-inner {
    max-width: calc(33.333% - 16px);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
}

.award-recognition-main-inner-cont {
    box-shadow: 0px 30px 48px 0px #14034214;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 30px;
    height: 100%;
    display: flex;
    align-items: center;
}

.award-recognition-main-inner-cont p {
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    color: #010417;
    margin: 0;
}


@media (max-width: 767px) {
    .award-recognition {
        padding: 30px 0;
    }
    .award-recognition-head h2 {
        line-height: 34px;
        margin-bottom: 20px;
    }
    .award-recognition-head p {
        font-size: 16px;
    }
    .award-recognition-main-inner {
        max-width: 100%;
    }
    .award-recognition-main-inner-cont {
        padding: 20px;
    }
    .award-recognition-main-inner-cont p {
        font-size: 16px;
    }

    .solution-request-wrap .solution-request-left {
        width: 100%;
        padding-right: 0;
    }

    .contact-form { width: 100%; }
    .cf7-post-checkboxes label.cf7-post-item {
        padding-right: 0;
        width: 100%;
    }

    .cf7-post-checkboxes { gap: 10px;}

}

/* ==================== Award Recognition Section Css End ==================== */



/* ==================== Newslatter Detail Section Css Start ==================== */

.newslatter-detail {
    padding: 80px 0;
}
.newslatter-detail-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.newslatter-detail-main-inner:last-child {
    max-width: 52%;
    width: 100%;
}
.newslatter-detail-main-inner {
    max-width: 40%;
    width: 100%;
}
.newslatter-detail-main-inner img {
    width: 100%;
    height: 100%;
    display: block;
}
.newslatter-detail-main-inner h6 {
    color: #0084FF;
}
.newslatter-detail-main-inner h2 {
    line-height: 53px;
    margin: 0 0 30px;
}
.newslatter-detail-date-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.newslatter-detail-date-title span {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.newslatter-detail-cont p {
    margin: 0 0 20px;
}
.newslatter-detail-cont p:last-child {
    margin: 0;
}
.inner-banner.news-detail-banner p {
    width: 80%;
    margin: 0 auto 30px;
}
.inner-banner.news-detail-banner {
    min-height: 250px;
}


@media (max-width: 767px) {
    .newslatter-detail  {
        padding: 40px 0;
    }
    .newslatter-detail-main-inner {
        margin-bottom: 40px;
    }
    .newslatter-detail-main-inner,
    .newslatter-detail-main-inner:last-child {
        max-width: 100%;
    }
    .newslatter-detail-main-inner:last-child {
        margin-bottom: 0;
    }
}

/* ==================== Newslatter Detail Section Css End ==================== */


.rapid-business.row-reverse .rapid-business-main {
    flex-direction: row-reverse;
}


#mega-menu-wrap-menu-1 #mega-menu-menu-1, #mega-menu-wrap-menu-1 {
    position: static !important;
}

.mega-sub-menu .service-block .service-img {
    margin-bottom: 10px;
}

.mega-sub-menu .service-block h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

.mega-sub-menu .service-block p {
    margin: 0;
    font-size: 14px;
}

.mega-sub-menu .service-block .btn {
    margin-left: 0;
    padding: 10px 20px 8px;
    font-size: 12px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    width: 100%;
    float: left;
    padding:30px 70px;
}

.mega-menu-columns-3-of-12 li {
    padding: 0px 15px 0px 0px !important;
}

.menu-service-list {
    display: flex;
    flex-wrap: wrap;
}

.menu-service-list .service-block {flex-direction: row;width: 100%;flex-wrap: wrap; margin-bottom: 10px; }

.menu-service-list .service-block .service-img {
    width: 100px;
    display: inline-block;
}

.menu-service-list .service-block .service-content {
    width: calc(100% - 100px);
    padding-left: 10px;
}

.menu-service-list .service-block .service-img img {
    height: 85px;
}

li#mega-menu-item-block-10 {
    padding: 0 !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row li.mega-menu-columns-6-of-12 {
    padding-left: 10%;
}

.widget_nav_menu ul.menu {
    list-style: none;
    padding: 0;
}

.widget_nav_menu ul.menu li.menu-item {
    display: inline-block;
    width: 100%;
}

.widget_nav_menu ul.menu li.menu-item a {
    text-decoration: none;
    padding-bottom: 10px;
    display: inline-block; 
    font-size: 16px;
}

.mega-sub-menu h4.mega-block-title {
    font-size: 18px !important;
    color: #000 !important;
}

.widget_nav_menu ul.menu li.menu-item.all-link a {
    font-weight: 700;
    color: #0084FF;
}

.widget_nav_menu ul.menu li.menu-item.all-link a::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"/></svg>') no-repeat right center;
    background-size: 16px 16px;
    vertical-align: middle;
    filter: brightness(0) saturate(100%) invert(33%) sepia(87%) saturate(2777%) hue-rotate(196deg) brightness(104%) contrast(105%);
}

.aligncenter .wp-block-embed__wrapper {
    text-align: center;
}

.wpcf7-form-control-wrap {
    position: relative;
    display: block ;
}
.development-platform-content ul li ul {
    margin-top: 20px;
}


/* Added by Ranjith */
.development-platform-section.sticky-image .development-platform-img{
    position: sticky;
    top: 100px;
}

/* Reduce Description textarea height */
.wpcf7 textarea[name="description"] {
    height: 100px;
    min-height: 100px;
    resize: vertical;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

/* Style consent checkbox */
.consent-checkbox {
    margin: 15px 0;
    font-size: 14px;
    line-height: 1.5;
}

/* Align checkbox and text properly */
.consent-checkbox .wpcf7-list-item {
    margin: 0;
}

.consent-checkbox .wpcf7-list-item-label {
    margin-left: 8px;
}

.consent-checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Make checkbox and text inline */
.consent-checkbox .wpcf7-acceptance {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.custom-p .wpcf7-form-control-wrap .wpcf7-form-control{
  border: 0;
}


.custom-p .wpcf7-form-control-wrap .wpcf7-form-control input[type="checkbox"] {
        border: 1px solid #dc2323;
    width: 18px;
    height: 18px;
    color: #fff;
    opacity: 1;
    visibility: visible;
    margin-top: 7px;
    margin-left: -31px;
}

.development-platform-video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    margin-top: 20px;
}

.development-platform-video iframe,
.development-platform-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 8px;
}  

.site-header {
    padding: 0 0;
}

.banner-content{
        padding: 75px 0px;
}
.banner-content h1{
    font-size: 35px;
}
.banner-content ul{
    margin-top: 10px;
}
.banner-container{
        padding: 0 15px;
}
}


@media screen and (max-width: 1199px) {
    #mega-menu-wrap-menu-1 #mega-menu-menu-1, #mega-menu-wrap-menu-1 {
        position: relative !important;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
        position: fixed !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
        width: 100%;
        float: left;
        padding: 0;
    }

    .mega-sub-menu .service-block .service-img {
        display: none;
    }

    .mega-sub-menu .service-block  {
        margin-bottom: 20px;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row li.mega-menu-columns-6-of-12 {
        padding-left: 0;
    }

    .menu-service-list .service-block .service-content {
        width: 100%;
        padding-left: 0;
    }

    .menu-service-list .service-block .service-content p:last-child {
        margin-bottom: 0;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        padding: 0;
    }

    
    
}

@media screen and (max-width: 991px) {
    .why-choose-us-wrapper-cont {
        max-width: 100%;
        width: 100%;
    }

    .why-choose-us-wrapper-img, .why-choose-us.section-60-40 .why-choose-us-wrapper-img {
        max-width: 100%;
        width: 100%;
    }

    .rapid-business.row-reverse .rapid-business-main {
    flex-direction: column;
}

    .rapid-business.row-reverse .rapid-business-main .rapid-business-main-inner:first-child {
        max-width: 100% !important;
        margin: 0 0 30px;
    }

    .rapid-business.row-reverse .rapid-business-main .rapid-business-main-inner {
        max-width: 100%;
    }

    .development-platform-img-main {
        width: 100%;
        position: relative;
    } 
    .post-type-archive-newsletter .blog-post-wrap .blog-img img {
        height: 300px;
    }

    .development-platform-section.sticky-image .development-platform-img{
    position: relative;
    top: 0;
}
    .banner-content {
        padding: 30px 0px;
    }

}

@media screen and (max-width: 767px) {
    .development-platform-img-main {
        width: 100%;
    }

    .inner-banner.news-detail-banner p {
        width: 100%;
    }

    .newslatter-detail-main-inner h2 {
        line-height: normal;
    }
    
    .faq-answer ul {
        padding-left: 20px;
        margin-top: 0;
    }

    .development-platform-section {
        padding: 40px 0 20px;
    }

    .error-404.not-found {
        padding: 40px 0;
    }
    .post-type-archive-newsletter .blog-post-wrap .blog-img img {
        height: 250;
    }
}
@media (max-width: 550px) {
    .development-platform-content.Two-Row ul li{
        width: 100%;
    }
    .banner-content p{
            margin: 0 0 15px;
    }
    .peoplesoft-rapid.full-width-cont .rapid-business-head-title{
          max-width: 100%;
    }
}

.pb-0{
    padding-bottom: 0;
}
.pt-0{
    padding-top: 0;
}
.pr-0{
    padding-right: 0;
}
.pl-0{
    padding-left: 0;
}
.mb-0{
    margin-bottom: 0;
}
.mt-0{
    margin-top: 0;
}
.mr-0{
    margin-right: 0;
}
.ml-0{
    margin-left: 0;
}
.mb-60{
margin-bottom: 60px;
}
.mt-60{
margin-top: 60px;
}

.pb-0-i{
    padding-bottom: 0 !important;
}
.pt-0-i{
    padding-top: 0 !important;
}
.pr-0-i{
    padding-right: 0 !important;
}
.pl-0-i{
    padding-left: 0 !important;
}
.mb-0-i{
    margin-bottom: 0 !important;
}
.mt-0-i{
    margin-top: 0 !important;
}
.mr-0-i{
    margin-right: 0 !important;
}
.ml-0-i{
    margin-left: 0 !important;
}
.mb-60-i{
margin-bottom: 60px !important;
}
.mt-60-i{
margin-top: 60px !important;
}
.ml-15{
        margin-left: 15px;
}

@media (max-width: 550px) {
    .mb-60{
        margin-bottom: 40px;
    }
     .mb-60{
        margin-bottom: 40px;
    }
}