@charset "UTF-8";
/*-----------------------------------------------------------------------------------
    Note: This is Main Style Scss File.
-----------------------------------------------------------------------------------
CSS INDEX
===================
01 home page
	1.1 hero section
	1.2 Aboiut ELITE Team card section
	1.3 Home page our services cards section
	1.4 Why choose us section
	1.5 Testimonial section
	1.6 Industry verticals section
	1.7 Clients section
	1.8 Home page additional information section

02 Service page
	2.1 Service banner
	2.2 Service page About us section
	2.3 Service page our services section

03 Solution page
	3.1 Solutions banner
	3.2 common oracle image block
	3.3 Solution internal components block

04 About us page
	4.1 About us hero block
	4.3 About is page about ELITE Team section
	4.4 Our success stories section
	4.6 About us page industry verticals section
	4.7 About us page Additional information section

05 Blog page
	5.1 Blog banner

06 Contact us page
	6.1 Contact page hero block
	6.3 Contact form section
	6.4 Contact page address section

07 Disclaimer page
	7.1 Disclaimer banner
	
08 Privacy policy page
	8.1 Privacy policy banner

09 Careers page
	9.1 Careers banner


 
-----------------------------------------------------------------------------------*/
/*=======  COMMON CSS  =======*/

@import url('../../static/css/css2.css');


@font-face {
	font-family: 'Poppins', sans-serif;
	src: url("../../static/font/Poppins-Regular.ttf");
	src: url("../../static/font/Poppins-Regular.ttf") format("embedded-opentype"), url("../../static/font/Poppins-Regular.ttf") format("woff2"), url("../../static/font/Poppins-Regular.ttf") format("woff"), url("../../static/font/Poppins-Regular.ttf") format("truetype"), url("../../static/font/Poppins-Regular.ttf") format("svg");
}


/* --Thin */
@font-face {
	font-family: 'Poppins', sans-serif;
	src: url("../../static/font/Poppins-Thin.ttf");
	font-weight: thin;
	font-style: normal;
}

/* --Light */
@font-face {
	font-family: 'Poppins', sans-serif;
	src: url("../../static/font/Poppins-Light.ttf");
	font-weight: lighter;
	font-style: normal;
}

/* --Regular */
@font-face {
	font-family: 'Poppins', sans-serif;
	src: url("../../static/font/Poppins-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}

/* --Medium */
@font-face {
	font-family: 'Poppins', sans-serif;
	src: url("../../static/font/Poppins-Medium.ttf");
	font-weight: medium;
	font-style: normal;
}

/* --Bold */
@font-face {
	font-family: 'Poppins', sans-serif;
	src: url("../../static/font/Poppins-Bold.ttf");
	font-weight: bold;
	font-style: normal;
}


body {
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	line-height: 1.8;
	font-family: "Poppins", sans-serif;
	color: #616161;
	overflow-x: hidden;
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	max-width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

a:focus,
.slick-initialized .slick-slide:focus,
input:focus,
textarea:focus,
select:focus,
button:focus {
	text-decoration: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

::-webkit-scrollbar {
	background-color: #ccc;
	width: 8px;
	height: 4px;
}

::-webkit-scrollbar-thumb {
	background: transparent -webkit-gradient(linear, left top, left bottom, from(#E88684), to(#DE5450)) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #E88684 0%, #DE5450 100%) 0% 0% no-repeat padding-box;
}

.slick-slide img {
	display: inline-block;
}

a:focus,
a:hover {
	text-decoration: none;
}

i,
span,
a {
	display: inline-block;
	font-family: "Poppins", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
	color: #002249;
	font-family: "Poppins";
	font-family: "Poppins", sans-serif;
}

ul,
ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: "Poppins", sans-serif;
}

p {
	margin: 0px;
	font-family: "Poppins", sans-serif;
}

p.text-color-2 {
	color: #81a3bb;
}

p.text-color-3 {
	color: #69a1bb;
}

p.fs-16 {
	font-size: 16px;
}

a {
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	font-family: "Poppins", sans-serif;
	color: #E0231D;
	text-decoration: none;
}

/*======= Input Styles =======*/
input,
textarea,
select {
	width: 100%;
	height: 70px;
	background-color: #fff;
	color: #686767;
	font-size: 16px;
	border: none;
	font-family: "Poppins", sans-serif;
}

textarea {
	display: inherit;
	font-family: "Poppins", sans-serif;
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
}

::-moz-placeholder {
	color: inherit;
	opacity: 1;
}

:-ms-input-placeholder {
	color: inherit;
	opacity: 1;
}

::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
}

::placeholder {
	color: inherit;
	opacity: 1;
}

input[type=search]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=search]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	display: none;
}

input[type=checkbox],
input[type=radio] {
	height: auto;
	width: auto;
}

.subscription-box .input-group {
	position: absolute;
	border-radius: 13px !important;
}

.input-group input,
.input-group textarea,
.input-group select {
	padding-left: 40px;
}

.input-group .icon {
	position: absolute;
	right: 30px;
	z-index: 2;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #81a3bb;
	line-height: 1;
}

.input-group.textarea-group .icon {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	top: 20px;
}

/*======= Common Class =======*/
@media (min-width: 1400px) {
	.container-1470 {
		max-width: 1470px;
	}

	.container-1350 {
		max-width: 1350px;
	}
}

@media (min-width: 1200px) {
	.header-full-width .container-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.section-gap-old {
	padding-top: 120px;
	padding-bottom: 120px;
}

.section-gap {
	padding-top: 90px;
	padding-bottom: 90px;
}

.section-gap-top {
	padding-top: 90px;
}

.section-gap-bottom {
	padding-bottom: 90px;
}

@media(max-width:1200px) {
	.section-gap {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

@media(max-width:992px) {
	.section-gap {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.section-gap-top {
		padding-top: 80px;
	}

	.section-gap-bottom {
		padding-bottom: 80px;
	}
}

@media(max-width:575px) {
	.section-gap {
		padding-top: 60px;
		padding-bottom: 60px;
	}

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

	.section-gap-bottom {
		padding-bottom: 60px;
	}
}



.section-title .title-tag {
	color: #E0231D;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 5px;
	z-index: 1;
	position: relative;
	letter-spacing: 2px;
}


/*======= Preloader =======*/
div#preloader {
	margin: auto;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 9999999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

div#preloader .preloader-container {
	position: absolute;
	display: -ms-grid;
	display: grid;
	width: 100%;
	height: 100%;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

div#preloader .loader-cubes {

	width: 100%;
	height: 100%;
	position: relative;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-animation: scale 4s infinite linear;
	animation: scale 4s infinite linear;
}

div#preloader .loader-text p,
div#preloader .loader-text h4 {
	color: #686767;
}

div#preloader .loader-text p {
	font-size: 16px;
	font-size: normal;
}

div#preloader .loader-text h4 {
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
}

/*=======  Margin Top =======*/
.mt-5 {
	margin-top: 5px
}

.mt-10 {
	margin-top: 10px
}

.mt-15 {
	margin-top: 15px
}

.mt-20 {
	margin-top: 20px
}

.mt-25 {
	margin-top: 25px
}

.mt-30 {
	margin-top: 30px
}

.mt-35 {
	margin-top: 35px
}

.mt-40 {
	margin-top: 40px
}

.mt-45 {
	margin-top: 45px
}

.mt-50 {
	margin-top: 50px
}

.mt-55 {
	margin-top: 55px
}

.mt-60 {
	margin-top: 60px
}

.mt-65 {
	margin-top: 65px
}

.mt-70 {
	margin-top: 70px
}

.mt-75 {
	margin-top: 75px
}

.mt-80 {
	margin-top: 80px
}

.mt-85 {
	margin-top: 85px
}

.mt-90 {
	margin-top: 90px
}

.mt-95 {
	margin-top: 95px
}

.mt-100 {
	margin-top: 100px
}

.mt-150 {
	margin-top: 150px
}

.mt-10000 {
	margin-top: 10000px
}

/*=======  Margin Bottom =======*/
.mb-10 {
	margin-bottom: 10px
}

.mb-15 {
	margin-bottom: 15px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-25 {
	margin-bottom: 25px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-35 {
	margin-bottom: 35px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-45 {
	margin-bottom: 45px
}

.mb-50 {
	margin-bottom: 50px
}

.mb-55 {
	margin-bottom: 55px
}

.mb-60 {
	margin-bottom: 60px
}

.mb-65 {
	margin-bottom: 65px
}

.mb-70 {
	margin-bottom: 70px
}

.mb-75 {
	margin-bottom: 75px
}

.mb-80 {
	margin-bottom: 80px
}

.mb-85 {
	margin-bottom: 85px
}

.mb-90 {
	margin-bottom: 90px
}

.mb-95 {
	margin-bottom: 95px
}

.mb-100 {
	margin-bottom: 100px
}

/*=======  Padding Top =======*/
.pt-10 {
	padding-top: 10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*=======  Padding Bottom =======*/
.pb-10 {
	padding-bottom: 10px
}

.pb-15 {
	padding-bottom: 15px
}

.pb-20 {
	padding-bottom: 20px
}

.pb-25 {
	padding-bottom: 25px
}

.pb-30 {
	padding-bottom: 30px
}

.pb-35 {
	padding-bottom: 35px
}

.pb-40 {
	padding-bottom: 40px
}

.pb-45 {
	padding-bottom: 45px
}

.pb-50 {
	padding-bottom: 50px
}

.pb-55 {
	padding-bottom: 55px
}

.pb-60 {
	padding-bottom: 60px
}

.pb-65 {
	padding-bottom: 65px
}

.pb-70 {
	padding-bottom: 70px
}

.pb-75 {
	padding-bottom: 75px
}

.pb-80 {
	padding-bottom: 80px
}

.pb-85 {
	padding-bottom: 85px
}

.pb-90 {
	padding-bottom: 90px
}

.pb-95 {
	padding-bottom: 95px
}

.pb-100 {
	padding-bottom: 100px
}

@media (max-width: 1199px) {
	.mb-lg-gap-30 {
		margin-bottom: 30px;
	}
}

@media (max-width: 1199px) {
	.mb-lg-gap-40 {
		margin-bottom: 40px;
	}
}

@media (max-width: 1199px) {
	.mb-lg-gap-50 {
		margin-bottom: 50px;
	}
}

@media (max-width: 1199px) {
	.mb-lg-gap-60 {
		margin-bottom: 60px;
	}
}

@media (max-width: 1199px) {
	.mt-lg-gap-30 {
		margin-top: 30px;
	}
}

@media (max-width: 1199px) {
	.mt-lg-gap-40 {
		margin-top: 40px;
	}
}

@media (max-width: 1199px) {
	.mt-lg-gap-50 {
		margin-top: 50px;
	}
}

@media (max-width: 991px) {
	.mt-md-gap-60 {
		margin-top: 60px;
	}
}

@media (max-width: 1199px) {
	.mb-lg-gap-30 {
		margin-bottom: 30px;
	}
}

@media (max-width: 991px) {
	.mb-md-gap-30 {
		margin-bottom: 30px;
	}
}

@media (max-width: 991px) {
	.mb-md-gap-40 {
		margin-bottom: 40px;
	}
}

@media (max-width: 991px) {
	.mb-md-gap-50 {
		margin-bottom: 50px;
	}
}

@media (max-width: 991px) {
	.mb-md-gap-60 {
		margin-bottom: 60px;
	}
}

@media (max-width: 991px) {
	.mt-md-gap-30 {
		margin-top: 30px;
	}
}

@media (max-width: 991px) {
	.mt-md-gap-40 {
		margin-top: 40px;
	}
}

@media (max-width: 991px) {
	.mt-md-gap-50 {
		margin-top: 50px;
	}
}

@media (max-width: 991px) {
	.mt-md-gap-60 {
		margin-top: 60px;
	}
}

@media (max-width: 575px) {
	.mb-xs-gap-30 {
		margin-bottom: 30px;
	}
}

@media (max-width: 575px) {
	.mb-xs-gap-40 {
		margin-bottom: 40px;
	}
}

/*=======  Animations  =======*/
@-webkit-keyframes sticky {
	0% {
		top: -200px;
	}

	100% {
		top: 0;
	}
}

@keyframes sticky {
	0% {
		top: -200px;
	}

	100% {
		top: 0;
	}
}

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

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

@-webkit-keyframes sk-foldCubeAngle {

	0%,
	10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	}

	25%,
	75% {
		-webkit-transform: perspective(140px) rotateX(0);
		transform: perspective(140px) rotateX(0);
		opacity: 1;
	}

	100%,
	90% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	}
}

@keyframes sk-foldCubeAngle {

	0%,
	10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	}

	25%,
	75% {
		-webkit-transform: perspective(140px) rotateX(0);
		transform: perspective(140px) rotateX(0);
		opacity: 1;
	}

	100%,
	90% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	}
}

@-webkit-keyframes pulseBtnBefore {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

@keyframes pulseBtnBefore {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

@-webkit-keyframes pulseBtnAfter {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}

@keyframes pulseBtnAfter {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotateClock {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotateClock {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotateAntiClock {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@keyframes rotateAntiClock {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@-webkit-keyframes rotateTwo {
	0% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@keyframes rotateTwo {
	0% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

/*=======  Header  =======*/
.header-topbar {
	/* border-bottom: 2px solid #ebebeb; */
	padding: 15px 0;
}

.header-topbar .contact-info li {
	display: inline-block;
}

.header-topbar .contact-info li:not(:last-child) {
	margin-right: 30px;
}

.header-topbar .contact-info li a {
	color: #616161;
	font-size: 14px;
}

.header-topbar .contact-info li i {
	margin-right: 5px;
	color: #E0231D;
}

.header-topbar .social-icon li {
	display: inline-block;
}

.header-topbar .social-icon li:not(:first-child) {
	margin-left: 20px;
}

.header-topbar .social-icon li a {
	font-size: 16px;
}

.header-topbar .social-icon li a:hover {
	color: #E0231D;
}

.header-navigation .primary-menu li {
	display: inline-block;
	position: relative;

}



.header-navigation .primary-menu li .dd-trigger {
	font-size: 12px;
	font-weight: 500;
	color: #b1b1b1;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 1;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

@media (max-width: 1199px) {
	.header-navigation .primary-menu li .dd-trigger {
		right: -5px;
	}
}

.header-navigation .primary-menu li a {
	padding: 20px 16px;
	font-family: "Poppins";
	margin: 0 5px;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	font-weight: 600;
}

@media all and (min-width:1200px) and (max-width:1400px) {
	.header-navigation .primary-menu li a {
		padding: 20px 10px;
	}
}

.header-navigation .primary-menu li.current a {
	color: #E0231D;
	font-weight: 600;
}

.header-navigation .primary-menu li a:hover::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-color: #f36523;
	height: 2px;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform-origin: right center;
	-webkit-transform: scale(0, 1);
	-khtml-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: transform .25s cubic-bezier(.37, .31, .2, .85);
	-o-transition: transform .25s cubic-bezier(.37, .31, .2, .85);
	-webkit-transition: -webkit-transform .25s cubic-bezier(.37, .31, .2, .85);
	transition: -webkit-transform .25s cubic-bezier(.37, .31, .2, .85);
	transition: transform .25s cubic-bezier(.37, .31, .2, .85);
	transition: transform .25s cubic-bezier(.37, .31, .2, .85), -webkit-transform .25s cubic-bezier(.37, .31, .2, .85);

}

.header-navigation .primary-menu li .submenu li a {
	font-size: 16px;
	font-weight: normal;
}


.header-navigation .primary-menu li .submenu li {
	position: relative;
	width: 100%;
}

.header-navigation .primary-menu li .submenu li a {
	position: relative;
	width: 100%;
}

/* -----------------Double arrow for nav-bar----------------*/
.header-navigation .primary-menu li .submenu li a::before {
	font-family: "FontAwesome";
	content: "\f101";
	position: absolute;
	left: 0;
	font-size: 20px;
	font-weight: 500;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	text-align: center;
	background-color: transparent;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear, left 0.3s linear;
	-o-transition: opacity 0.3s linear, left 0.3s linear;
	transition: opacity 0.3s linear, left 0.3s linear;
}

.header-navigation .primary-menu li .submenu li.current a::before,
.header-navigation .primary-menu li .submenu li:hover a::before {
	opacity: 1;
	left: 1px;
	font-size: 20px;
}

@media(max-width:992px) {
	.header-navigation .primary-menu li .submenu li a::before {
		left: 0;
		font-size: 16px;
		font-weight: 500;
	}

	.header-navigation .primary-menu li .submenu li.current a::before,
	.header-navigation .primary-menu li .submenu li:hover a::before {
		opacity: 1;
		left: -10px;
		font-size: 16px;
	}
}


@media (max-width: 1199px) {
	.header-navigation .primary-menu li a {
		padding: 8px;
		margin: 0 5px;
		font-size: 15px;
	}
}

@media all and (min-width:992px) and (max-width:1199px) {
	.header-navigation .primary-menu li a {
		padding: 15px;
		margin: 0px 0px;
		font-size: 14px;
	}
}

.header-navigation .primary-menu li .submenu {
	position: absolute;
	left: 0px;
	top: 110%;
	/* width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content; */
	width: 250px;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	z-index: 99;
	height: auto;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 15px;
	padding: 20px 10px;
}

.header-navigation .primary-menu li .submenu.submenu2 {
	width: 270px !important;
}

@media(min-width:992px) {
	.dd-trigger {
		display: none;
	}
}

.header-navigation .primary-menu li .submenu.submenu-2 {
	left: 0;
	width: 200px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 12px;
	padding: 21px 17px;
}

.header-navigation .primary-menu li .submenu li {
	/* line-height: 1; */
	padding: 4px 0px;
	margin: 0;
	display: block;
}

.header-navigation .primary-menu li .submenu .dropdown-title {
	color: #303030;
	font-size: 20px;
	line-height: 30px;
	padding: 10px 20px;
}

.header-navigation .primary-menu li .submenu .sub-submenu li.drop-element i,
.header-navigation .primary-menu li .submenu.submenu-2 li.drop-element i {
	display: none;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.header-navigation .primary-menu li .submenu .sub-submenu li.drop-element:hover i,
.header-navigation .primary-menu li .submenu.submenu-2 li.drop-element:hover i {
	display: inline-block;
}



.header-navigation .primary-menu li .submenu .sub-submenu li.drop-element::before {
	position: absolute;
	content: "";
	z-index: 100;
	left: 0;
	width: 50px;
	height: 50px;
	background-color: #E0231D;
}

/* .header-navigation .primary-menu li .submenu li:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.header-navigation .primary-menu li .submenu h4.dropdown-title {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
} */



.header-navigation .primary-menu li .submenu li a {
	padding: 8px 15px;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	font-weight: 600;
	display: block;
	margin: 0;
	line-height: 18px;
	-webkit-transition: margin-left 0.3s linear;
	-o-transition: margin-left 0.3s linear;
	transition: margin-left 0.3s linear;
}

.header-navigation .primary-menu li.current,
.header-navigation .primary-menu li .submenu li a.current,
.header-navigation .primary-menu li .submenu li a:hover {
	color: #E0231D;

}

@media(min-width:992px) {

	.header-navigation .primary-menu li .submenu li a.current,
	.header-navigation .primary-menu li .submenu li a:hover {
		margin-left: 5px;

	}
}

.header-navigation .primary-menu li .submenu li .dd-trigger {
	right: 20px;
}

.header-navigation .primary-menu li .submenu li a:hover~.dd-trigger {
	color: #E0231D;
}

.header-navigation .primary-menu li .submenu li .submenu {
	left: 100%;
	top: 20%;
}

.header-navigation .primary-menu li .submenu li:hover>.submenu {
	top: 0;
}

.header-navigation .primary-menu li:hover>.submenu {
	visibility: visible;
	top: 100%;
	opacity: 1;
}

.header-navigation .primary-menu li.current>a,
.header-navigation .primary-menu li.current li.current a,
.header-navigation .primary-menu li.current>.dd-trigger,
.header-navigation .primary-menu li a:hover,
.header-navigation .primary-menu li a:hover~.dd-trigger {
	color: #E0231D;
}

@media(min-width:992px) {

	.header-navigation .primary-menu li.current li.current a {
		color: #E0231D;
		margin-left: 5px;
	}
}

@media (max-width: 991px) {

	.header-navigation .primary-menu li.current>a,
	.header-navigation .primary-menu li.current>.dd-trigger,
	.header-navigation .primary-menu li a:hover,
	.header-navigation .primary-menu li a:hover~.dd-trigger {
		color: #fff;
	}
}

@media (max-width: 560px) {
	.header-navigation .site-logo {
		max-width: 150px;
	}
}

.header-navigation .site-logo .sticky-logo {
	display: none;
}


.header-navigation .cart-icon,
.header-navigation .search-icon {
	font-size: 18px;
	color: #555;
	margin-right: 30px;
}

@media (max-width: 1199px) {

	.header-navigation .cart-icon,
	.header-navigation .search-icon {
		margin-right: 20px;
	}
}

.header-navigation .cart-icon:hover,
.header-navigation .search-icon:hover {
	color: #E0231D;
}

.header-navigation .search-widget .search-form {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	background-color: rgba(35, 35, 35, 0.9);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	will-change: transform, opacity;
	height: 0;
	z-index: -1;
	opacity: 0;
}

.header-navigation .search-widget .search-form .search-close {
	font-size: 30px;
	color: #fff;
	position: absolute;
	right: 50px;
	top: 50px;
	line-height: 1;
}

.header-navigation .search-widget .search-form form {
	width: 50%;
}

.header-navigation .search-widget .search-form input {
	background-color: transparent;
	font-size: 20px;
	color: #fff;
	border-bottom: 2px solid rgba(255, 255, 255, 0.6);
	padding: 0 30px;
}

.header-navigation .search-widget .search-form.opened {
	height: 100vh;
	opacity: 1;
	z-index: 99;
}

.header-navigation .offcanvas-icon,
.header-navigation .nav-toggler {
	position: relative;
	width: 25px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1;
	cursor: pointer;
}

.header-navigation .offcanvas-icon span,
.header-navigation .nav-toggler span {
	background-color: #E0231D;
	height: 2px;
	width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	position: relative;
}

.header-navigation .nav-toggler {
	display: none;
}

.header-navigation .nav-toggler.menu-opened span:nth-child(1) {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	top: 8px;
}

.header-navigation .nav-toggler.menu-opened span:nth-child(2) {
	opacity: 0;
}

.header-navigation .nav-toggler.menu-opened span:nth-child(3) {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	top: -8px;
}

.header-navigation .nav-close {
	display: none;
	font-size: 20px;
	color: #fff;
	position: absolute;
	right: 20px;
	top: 20px;
	line-height: 1;
}

/* .header-navigation .navbar-btn {
	margin-left: 40px;
}

@media (max-width: 1199px) {
	.header-navigation .navbar-btn {
		margin-left: 30px;
	}
}

@media (max-width: 767px) {
	.header-navigation .navbar-btn {
		margin-left: 20px;
	}
} */

@media (max-width: 575px) {
	.header-navigation .navbar-btn {
		display: none;
	}
}

.header-navigation .navbar-btn {
	display: block;
	/* overflow: hidden; */
	width: 130px;
	margin-left: 10px;
}
@media all and (min-width:1200px){
	.header-navigation .navbar-btn {
		margin-left: 20px;
	}
}

.header-navigation .navbar-btn a {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	border-radius: 5px;
	padding: 6px 12px;
	background: transparent -o-linear-gradient(300deg, #E0231D 0%, #E0231D 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(150deg, #E0231D 0%, #E0231D 100%) 0% 0% no-repeat padding-box;
	position: relative;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	border-radius: 21px;
	-webkit-box-shadow: 0px 4px 8px #0000001F;
	box-shadow: 0px 4px 8px #0000001F;
	border-radius: 21px;
}

.header-navigation .navbar-btn a i {
	font-size: 14px;
	font-weight: 600;
	margin-left: -6px;
	position: relative;
	top: 2px;
	opacity: 0;
	overflow: hidden;
	visibility: hidden;
	-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s linear 0.3s, margin-left 0.3s linear;
	-o-transition: opacity 0.3s ease-in-out, visibility 0.3s linear 0.3s, margin-left 0.3s linear;
	transition: opacity 0.3s ease-in-out, visibility 0.3s linear 0.3s, margin-left 0.3s linear;
}

.header-navigation .navbar-btn a:hover i {
	position: relative;
	margin-left: 6px;
	opacity: 1;
	visibility: visible;
}

@media (max-width: 1199px) {
	.header-navigation .navbar-btn a i {
		margin-left: 5px;
	}
}

.header-navigation .navbar-btn a:hover {
	background-color: transparent;
	color: #E0231D;
}

.header-one {
	position: absolute;
	margin-top: 50px;
	left: 2.5%;
	right: 2.5%;
	top: 0;
	width: 95%;
	z-index: 999;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 10px 20px #00000029;
	box-shadow: 0px 10px 20px #00000029;
	border-radius: 30px;
	padding: 0px 10px;
}
@media all and (max-width:991px){
	.header-one{
		margin-top: 30px;
	}
}

@media all and (min-width:1200px) {

	.header-one {
		left: 5%;
		right: 5%;
		top: 0;
		width: 90%;
		padding: 0px 40px;
	}
}

@media all and (min-width:1400px) {

	.header-one {
		left: 8%;
		right: 8%;
		top: 0;
		width: 84%;
		padding: 0px 40px;
	}
}

.primary-menu li .submenu li {
	display: block;
}

.primary-menu li:hover .submenu li.dropdown_item-1 {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation: rotateX 400ms 50ms ease-in-out forwards;
	animation: rotateX 400ms 50ms ease-in-out forwards;
}

.primary-menu li:hover .submenu li.dropdown_item-2 {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation: rotateX 400ms 100ms ease-in-out forwards;
	animation: rotateX 400ms 100ms ease-in-out forwards;
}

.primary-menu li:hover .submenu li.dropdown_item-3 {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation: rotateX 400ms 150ms ease-in-out forwards;
	animation: rotateX 400ms 150ms ease-in-out forwards;
}

.primary-menu li:hover .submenu li.dropdown_item-4 {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation: rotateX 400ms 200ms ease-in-out forwards;
	animation: rotateX 400ms 200ms ease-in-out forwards;
}

.primary-menu li:hover .submenu li.dropdown_item-5 {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation: rotateX 400ms 250ms ease-in-out forwards;
	animation: rotateX 400ms 250ms ease-in-out forwards;
}

.primary-menu li:hover .submenu li.dropdown_item-6 {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation: rotateX 400ms 300ms ease-in-out forwards;
	animation: rotateX 400ms 300ms ease-in-out forwards;
}

.primary-menu li:hover .submenu li.dropdown_item-7 {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation: rotateX 400ms 350ms ease-in-out forwards;
	animation: rotateX 400ms 350ms ease-in-out forwards;
}

.primary-menu li:hover .submenu li.dropdown_item-8 {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation: rotateX 400ms 400ms ease-in-out forwards;
	animation: rotateX 400ms 400ms ease-in-out forwards;
}

@-webkit-keyframes rotateX {
	0% {
		opacity: 0;
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
	}

	50% {
		-webkit-transform: rotateX(-20deg);
		transform: rotateX(-20deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
}

@keyframes rotateX {
	0% {
		opacity: 0;
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
	}

	50% {
		-webkit-transform: rotateX(-20deg);
		transform: rotateX(-20deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
}

.header-two {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}


.sticky-header.sticky-on {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999;
	-webkit-animation: sticky 1.2s;
	animation: sticky 1.2s;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 10px 20px #00000029;
	box-shadow: 0px 10px 20px #00000029;
	border-radius: 0px;
	padding: 0px 20px;
	left: 0;
	margin-top: 0px;
}

@media all and (min-width:1200px) {
	.sticky-header.sticky-on {
		width: 100%;
		left: 0%;
	}
}

@media all and (min-width:1400px) {
	.sticky-header.sticky-on {
		width: 100%;
	}
}


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

	.sticky-header.sticky-on,
	.header-one {
		left: 0%;
		right: 0%;
		width: 100%;
		border-radius: 5px;
		padding: 2px 10px;
	}
}

.sticky-header.sticky-on .header-navigation .sticky-logo {
	display: block;
}

.sticky-header.sticky-on .header-navigation .main-logo {
	display: none;
}

.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li a,
.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li .dd-trigger {
	color: #000000;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li.current>a,
.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li.current li.current a,
.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li.current>.dd-trigger,
.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li a:hover,
.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li a:hover~.dd-trigger {

	color: #E0231D;
}

.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li .submenu li a:hover {
	color: #E0231D;
}



.header-navigation.breakpoint-on {
	padding: 5px 0 5px 0;
}

@media all and (max-width:768px) {
	.header-one {
		margin-top: 20px;
	}

	.header-navigation.breakpoint-on {
		padding: 2px 0 2px 0;
	}
}

.header-navigation.breakpoint-on .nav-toggler {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.header-navigation.breakpoint-on .site-nav-menu {
	position: fixed;
	top: 0;
	height: 100vh;
	width: 300px;
	padding: 50px 25px;
	background-color: #515355;
	z-index: 999;
	overflow-x: hidden;
	overflow-y: scroll;
	left: -300px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

@media(max-width:992px) {
	.header-navigation.breakpoint-on .site-nav-menu {
		padding: 30px 25px;
	}
}

.header-navigation.breakpoint-on .site-nav-menu .nav-close {
	display: block;
}

.header-navigation.breakpoint-on .site-nav-menu::-webkit-scrollbar {
	background-color: #dd302a;
}

.header-navigation.breakpoint-on .site-nav-menu.menu-opened {
	left: 0;
	visibility: visible;
	opacity: 1;
}

.header-navigation.breakpoint-on .site-nav-menu::-webkit-scrollbar {
	width: 5px;
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li {
	margin: 0;
	padding: 0;
	display: block;
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li a {
	color: #fff;
	display: block;
	padding: 15px 25px 15px 0;
	font-size: 15px;
	line-height: 1;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li .dd-trigger {
	display: block;
	top: 0;
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
	right: 0 !important;
	height: 45px;
	width: 45px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	line-height: 45px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li .dd-trigger i {
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li .submenu {
	padding-left: 15px;
	-webkit-transition: 0;
	-o-transition: 0;
	transition: 0;
	border: none;
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li .submenu a {
	color: #ffff !important;
	display: block;
	padding: 15px 5px 15px 0;
	line-height: 1.2;
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li .submenu a:hover {
	background-color: transparent !important;
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li .submenu,
.header-navigation.breakpoint-on .site-nav-menu .primary-menu li li .submenu {
	position: unset;
	top: 0;
	width: 100%;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	visibility: visible;
	opacity: 1;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: none;
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li.current::before {
	position: absolute;
	left: -25px;
	top: 2px;
	bottom: 2px;
	width: 2px;
	background-color: #fff;
	content: "";
}



/* =======page title =========== */
/*=======  Page Title  =======*/
.page-title-area {
	position: relative;
	z-index: 1;
	padding-top: 120px;
	padding-bottom: 40px;
}

@media(max-width:992px) {
	.page-title-area {
		padding-top: 150px;
		padding-bottom: 20px;
	}
}

@media (max-width: 575px) {
	.page-title-area {
		padding-top: 125px;
		padding-bottom: 20px;
	}
}

/*=== Back to top css =======*/
.back-to-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	display: none;
	z-index: 999999;
}

@media(min-width:768px) {
	.back-to-top {
		right: 20px;
		bottom: 100px;
	}
}

@media(max-width:768px) {
	.back-to-top {
		right: 10px;
		bottom: 60px;
	}
}

.back-to-top a {
	color: #fff;
	background: transparent -o-linear-gradient(top, #E88684 0%, #DE5450 100%) 0% 0% no-repeat padding-box;
	background: transparent -webkit-gradient(linear, left top, left bottom, from(#E88684), to(#DE5450)) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #E88684 0%, #DE5450 100%) 0% 0% no-repeat padding-box;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	opacity: 0.8;
}

.back-to-top:hover a {
	opacity: 1;
}


/* ========footer section=========== */
/* .footer-area {
	background: transparent linear-gradient(180deg, #000000 0%, #00B4FA 100%) 0% 0% no-repeat padding-box;
	background: #000000 0% 0% no-repeat padding-box;
} */

.footer-area {
	position: relative;
}

.footer-area .footer-mid-1 {
	position: relative;
	/* background-color: #303030; */
	background-image: url('../../static/image/footer-bg.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.footer-area::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* background-color: #000000; */
	background: #000000 0% 0% no-repeat padding-box;
	z-index: -1;
}

.footer-area p,
.footer-area ul li,
.footer-area h2,
.footer-area a,
.footer-area ul li a,
.footer-area ul li a i {
	color: #FFFFFF;
	-webkit-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	transition: color 0.4s ease-in-out;
}

.footer-area a:hover,
.footer-area ul li a:hover,
.footer-area ul li a:hover i {
	color: #E0231D;
}

.footer-area .subscription-box input {
	position: relative;
	border-radius: 16px;
	height: 60px;
	padding: 0 30px;
	width: 100%;
	background-color: #fff !important;
	color: #686767;
	font-size: 16px;
	border: none;
	font-family: "Poppins", sans-serif;
}

@media all and (max-width:768px) {
	.footer-area .subscription-box {
		margin-top: 15px;
	}
}

.footer-area .orange-bg {
	z-index: 2;
	position: absolute;
	width: 20%;
	height: 100%;
	right: 0;
	content: "";
	background: transparent -o-linear-gradient(329deg, #E0231D 0%, var(--unnamed-color-000000) 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(121deg, #E0231D 0%, var(--unnamed-color-000000) 100%) 0% 0% no-repeat padding-box;
	background: transparent -o-linear-gradient(329deg, #E0231D 0%, #000000 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(121deg, #E0231D 0%, #000000 100%) 0% 0% no-repeat padding-box;
	border-radius: 13px;
	display: -ms-grid;
	display: grid;
}


.footer-area .send-icon {
	position: absolute;
	z-index: 3;
	display: -ms-grid;
	display: grid;

	-ms-grid-row-align: center;

	align-self: center;
	-ms-grid-column-align: center;
	justify-self: center;
}

.footer-top {
	position: relative;
	padding-top: 70px;
	padding-bottom: 50px;
}


.footer-area .footer-text p,
.footer-area .widget .widget-title {
	font-size: 20px;
	line-height: 30px;

}

@media all and (max-width:575px) {
	.footer-area .widgets {
		position: relative;
	}

	.footer-area .widgets::after {
		position: absolute;
		content: "";
		width: 100%;
		height: 0.2px;
		top: -30px;
		background-color: #FFFFFF;
		opacity: 0.15;
	}
}


@media(max-width:992px) {
	.widget {
		padding-left: 15px;
	}
}

.footer-area .widget .widget-title {
	margin-bottom: 27px;
}


.footer-area .widget .footer-links ul li {

	font-size: 16px;
	line-height: 25px;
	margin-bottom: 15px;
}

ul.solutions {
	padding-left: 15px;
}

.solutions li {
	position: relative;
}

.solutions li::before {
	position: absolute;
	content: "";
	left: -15px;
	height: 5px;
	width: 5px;
	background-color: #FFFFFF;
	border-radius: 50%;
	border-radius: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.footer-area .contact-block a,
.footer-area .contact-block {
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	justify-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	gap: 10px;
}

.footer-area .footer-mid-2 .contact-block a p,
.footer-area .footer-mid-2 .contact-block p {
	display: -ms-grid;
	display: grid;
	position: relative;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media all and (max-width:768px) {
	.footer-top-img {
		display: -ms-grid;
		display: grid;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
	}

}

.footer-mid-2 {
	position: relative;
}

@media(min-width:1400px) {
	.footer-mid-2 {
		position: relative;
		padding-left: 50px;
	}

}

.office-address img {
	position: relative;
	height: 25px;
	min-width: 25px;
	top: 4px;
	/* display: -ms-grid;
	display: grid;
	-ms-grid-row-align: center;
	align-self: center; */
}

.address span {
	margin-bottom: 5px;
}

.footer-mid-2::after {
	position: absolute;
	width: 90%;
	height: 2px;
	content: "";
	background-color: #fff;
	left: 5%;
	bottom: -30px;
}

@media all and (max-width:992px) {
	.footer-mid-2::after {
		width: 100%;
		left: 0%;
		bottom: -30px;
	}
}

.footer-area .privacy-info li {
	position: relative;
}

@media(min-width:500px) {
	.footer-area .privacy-info li:not(:last-child)::after {
		position: absolute;
		content: "|";
		display: -ms-grid;
		display: grid;
		top: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		right: -10px;
	}

}

@media(max-width:525px) {
	.footer-area .privacy-info li:first-child::after {
		position: absolute;
		content: "|";
		display: -ms-grid;
		display: grid;
		top: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		right: -10px;
	}

}

.footer-area .header-topbar .social-icon li {
	margin-left: 10px;
	margin-right: 10px;
}

@media(max-width:768px) {
	.footer-mid-2 .sm-text {
		text-align: center;
	}

	.lsx-link {
		text-align: center;
	}
}

.lsx-link a {
	color: #F2AA59;
	/* transition: font-weight 0.4s linear; */
}

.lsx-link a:hover {
	color: #f2aa59 !important;
	;
	/* font-weight: 600; */
}

/* -----------home page--------------- */
/*=======  Page Title  =======*/

.banner-section {
	/* background-image: url('about:blank');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover; */
	position: relative;
	z-index: 2;
	height: 590px;
	border-radius: 0px 0px 150px 150px;
}

@media (max-width: 1199px) {
	.banner-section {
		padding-bottom: 160px;
	}
}

@media (max-width: 767px) {
	.banner-section {
		padding-top: 180px;
		padding-bottom: 100px;
		border-radius: 0px 0px 50px 50px;

		/* background-size: contain; */
	}
}

@media (max-width: 575px) {
	.banner-section {
		padding-top: 140px;
		padding-bottom: 80px;
		border-radius: 0px 0px 25px 25px;

	}
}

/* ------------general--------------- */
p {
	font-style: normal;
	font-stretch: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	color: #464545;
}

h1.hero-title {
	font-style: normal;
	font-stretch: normal;
	font-weight: 600;
	font-size: 30px;
	line-height: 46px;
	color: #303030;
}



h4.title-tag {
	font-style: normal;
	font-stretch: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
}

.btn-section {
	margin-top: 30px;
}

.block-btn {
	background: #49211F 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
	padding: 10px 15px;
	color: #FFFFFF;
}

.grid-box {
	position: relative;
	height: 100%;
	width: 100%;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-items: center;
}

.g-align-content-center {
	position: relative;
	height: 100%;
	width: 100%;
	display: -ms-grid;
	display: grid;
	-ms-flex-line-pack: center;
	align-content: center;
}

@media all and (min-width:767px) and (max-width:992px) {
	.g-md-align-content-center {
		position: relative;
		height: 100%;
		width: 100%;
		display: -ms-grid;
		display: grid;
		-ms-flex-line-pack: center;
		align-content: center;
	}
}

.g-justify-content-center {
	position: relative;
	height: 100%;
	width: 100%;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.g-ja-content-center {
	position: relative;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.gjc-left {
	position: relative;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
}

.gjc-right {
	position: relative;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: right;
	-ms-flex-pack: right;
	justify-content: right;
}

.gac-top {
	position: relative;
	display: -ms-grid;
	display: grid;
	-ms-flex-line-pack: end;
	align-content: end;
}

.gac-bottom {
	position: relative;
	display: -ms-grid;
	display: grid;
	-ms-flex-line-pack: end;
	align-content: end;
}

/* ---------------header---------- */
.d-flex {
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: flex !important;

}


@media(min-width:992px) {
	.header-two .header-navigation .primary-menu li .nav-link:hover::after {
		position: absolute;
		content: "";
		height: 2px;
		bottom: 25px;
		width: 50%;
		left: 25%;
		z-index: 100;
		border-radius: 50%;
		background-color: #E0231D;
	}
}


/* ==========banner section=========== */





.justify-content-between-center {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.sm-btn-hide {
	display: none !important;
}

.sm-btn-show {
	display: none !important;
}

@media(max-width:992px) {
	.sm-btn-show {
		display: block !important;
	}
}

@media(min-width:992px) {
	.justify-content-between-center {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.sm-btn-hide {
		display: inline !important;
	}
}


/* ============= Common section =============== */

.btxt-block p {
	font-size: 24px;
	line-height: 36px;
	/* color: #000000; */
}

.about-banner .btxt-block p,
.blog-banner .btxt-block p,
.disc-banner .btxt-block p,
.pp-banner .btxt-block p,
.careers-banner .btxt-block p {
	color: #FFFFFF;
}

.home-banner .btxt-block p {
	color: #DFDFDF;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
}

.home-banner.page-title-area {
	padding-top: 90px;
}


/* --------common corner shapes---------- */
.rcrr {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

.rcrr::before {
	position: absolute;
	content: "";
	width: 84px;
	height: 84px;
	right: -42px;
	border: 22px solid #E0231D;
	opacity: 0.25;
	border-radius: 50%;
	top: 0;
	/* transform: translateY(-50%); */
}

.rcrl {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

.rcrl::after {
	position: absolute;
	content: "";
	bottom: 0;
	width: 84px;
	height: 84px;
	left: -42px;
	border: 22px solid #E0231D;
	opacity: 0.25;
	border-radius: 50%;
}

.rcrl-mid {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

.rcrl-mid::after {
	position: absolute;
	content: "";
	bottom: 50%;
	width: 84px;
	height: 84px;
	left: -42px;
	border: 22px solid #E0231D;
	opacity: 0.25;
	border-radius: 50%;
}

.rcgr {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

.rcgr::before {
	position: absolute;
	content: "";
	width: 84px;
	height: 84px;
	right: -42px;
	border: 22px solid #A4BBD2;
	opacity: 0.25;
	border-radius: 50%;
}

.rcgl {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

.rcgl::after {
	position: absolute;
	content: "";
	width: 84px;
	height: 84px;
	left: -42px;
	border: 22px solid #A4BBD2;
	opacity: 0.25;
	border-radius: 50%;
}

/* ----------------client section------------ */


.clientsTitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 37px;
	margin-bottom: 52px;
}

.clientsTitle__heading {
	font-size: 30px;
	line-height: 46px;
	font-weight: 600;
	margin-bottom: 0;
	color: #303030;
}

.clientsTitle__line {
	height: 1px;
	border: 1px solid #f3f3f3;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}



.clientsItem {
	text-align: center;
}

.clients--style2 .clientsItem {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}



/* =======================================slider secton for home page in mobile and lap view========================= */


/* =================contact form================== */

.form-message.success {
	color: #f48826;
}

.form-message {
	position: relative;
	width: 100%;
	height: 100%;

}

.form-message {
	margin-bottom: 10px;
}

.form-message.success,
.form-message.error {
	margin-top: 30px;
}

.form-message.error {
	color: red;
}


.footer-bottom p a:hover {
	color: #F7703C;
}


.block-btn {
	position: relative;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.block-btn .fa-arrow-circle-right {
	font-size: 18px;
	font-weight: 600;
	margin-left: -12px;
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	    align-self: center;
	opacity: 0;
	overflow: hidden;
	visibility: hidden;
	-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s linear 0.3s, margin-left 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out, visibility 0.3s linear 0.3s, margin-left 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out, visibility 0.3s linear 0.3s, margin-left 0.3s ease-in-out;
}

.block-btn:hover .fa-arrow-circle-right {
	position: relative;
	margin-left: 6px;
	opacity: 1;
	visibility: visible;
}


.btn-section a {
	font-size: 16px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.header-navigation .navbar-btn:hover a,
.ban-btn:hover,
.btn-section a:hover {
	color: #ffffff;
}

@media(min-width:992px) {
	.lg-mt-50 {
		margin-top: 50px;
	}
}

.justify-content-center-between {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media(min-width:992px) {
	.justify-content-center-between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

/* .site-logo img {
	max-height: 70px;
}

@media(max-width:525px) {
	.site-logo img {
		max-height: 60px;
	}
} */

.thumb-center {
	position: relative;
	display: -ms-grid;
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}



/* =============================ELITE Team  css================== */

/* --------1. home page------------- */

/* 1.1 hero section */

.banner-section {
	position: relative;
}

.service-hero {
	position: relative;
	z-index: 10;
	height: 100%;
	display: -ms-grid;
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 50px;
}

.home-banner {
	opacity: 1;
	background-image: url('../../static/image/hero_bg2.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	height: 766px;
}

.main-hero-bg {
	position: absolute;
	width: 100%;
	right: 0;
	top: 0%;
	z-index: 1;
}

.hl {
	position: absolute;
	width: 100%;
	bottom: 10%;
	z-index: 1;
}

.hhbl {
	position: absolute;
	width: 100%;
	right: 0;
	top: 0%;
	z-index: 1;
	opacity: 0.38;
}

/* 1.2 abag - about ELITE Team card section */
.abagc-section {
	margin-top: -50px;
	position: relative;
	z-index: 2;
}

.abagc {
	position: relative;
	padding: 57px 36px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 21px 46px #00000029;
	box-shadow: 0px 21px 46px #00000029;
	border-radius: 30px;
}

.abagc::before {
	position: absolute;
	content: "";
	width: 249px;
	height: 149px;
	top: -10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	border-radius: 50%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
}

@media all and (max-width:992px) {
	.abagc::before {
		width: 199px;
		height: 109px;
		top: -5%;
	}
}

@media all and (max-width:768px) {
	.abagc::before {
		width: 149px;
		height: 79px;
		top: -5%;
	}
}

.abagctb {
	position: relative;
	width: 100%;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.abagccb {
	text-align: justify;
	position: relative;
	height: 100%;
	display: -ms-grid;
	display: grid;
	-ms-flex-line-pack: center;
	align-content: center;
}

.abagcbb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 25px;
}

/* 1.3 - hpos- home page our services cards section */

.hpos-ttleb {
	margin-bottom: 65px;
}

.hposcmt {
	position: relative;
	margin-top: 40px;
	/* display: grid; */
	/* justify-content: center; */
}

.hposbc {
	position: relative;
	/* background: #FFFFFF 0% 0% no-repeat padding-box; */
	/* -webkit-box-shadow: 2px 4px 6px #E0231D99; */
	/* box-shadow: 2px 4px 6px #E0231D99; */
	padding: 45px 15px;
	width: 100%;
	height: 100%;
	text-align: center;
	display: -ms-grid;
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 6px 12px #00000029;
	box-shadow: 0px 6px 12px #00000029;
	border-radius: 66px;
	z-index: 10;
	transition: box-shadow 0.4s linear, transform 0.4s linear, -webkit-box-shadow 0.4s linear, -webkit-transform 0.4s linear;
	/* Adding a transition for smooth effect */
}

.hposbc::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #E0231D 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 6px 12px #00000029;
	box-shadow: 0px 6px 12px #00000029;
	border-radius: 60px;
	bottom: -10%;
	opacity: 0.3;
	z-index: -10;
	-webkit-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
}

.hposbc::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 60px;
	bottom: 0;
	z-index: -10;
}

.hposbc:hover::before {
	opacity: 0.8;
}


.hposbc:hover {
	-webkit-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	transform: translate(0, -5px);
	/* Elevate the card slightly */
}

.hposbc:hover::before {
	-webkit-box-shadow: 0px 12px 24px #0000004d;
	box-shadow: 0px 12px 24px #0000004d;
}

.hposcac {
	position: relative;
	border-radius: 30px;
	padding: 64px 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.hposcac2 {
	position: relative;
	margin-top: -50px;
	z-index: 2;
	margin-left: 60px;
	margin-right: -60px;
}

.hposcac3 {
	position: relative;
	margin-top: -50px;
	z-index: 3;
}

.hposcace {
	background: #F5F7F8 0% 0% no-repeat padding-box;
}

.hposcaco {
	background: #E0231D99 0% 0% no-repeat padding-box;
}

.hposcactb {
	position: relative;
	font-size: 45px;
	line-height: 1;
	font-weight: 600;
	color: transparent;
	-webkit-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	transition: color 0.4s linear;

}

.hposcacmt1,
.hposcacmt2,
.hposcacmt3 {
	position: relative;
}

.hposcacmt::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	white-space: nowrap;
	overflow: hidden;

}

.hposcacmt1::before {
	content: attr(data-text);
	color: #E0231D99;
	-webkit-animation: filling 0.5s linear forwards 3s;
	animation: filling 0.5s linear forwards 3s;
}

.hposcacmt2::before {
	content: attr(data-text);
	color: #FFFFFF;
	-webkit-animation: filling 0.5s linear forwards 3.5s;
	animation: filling 0.5s linear forwards 3.5s;

}

.hposcacmt3::before {
	content: attr(data-text);
	color: #E0231D99;
	-webkit-animation: filling 1s linear forwards 4s;
	animation: filling 1s linear forwards 4s;

}


@Keyframes filling {

	0%,
	100% {
		width: 0;
	}

	70%,
	99.99% {
		width: 100%;
	}

	to {
		width: 100%;
	}
}

.hposcace .hposcactb {
	-webkit-text-stroke: 1.5px #E0231D99;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;

}

.hposcaco .hposcactb {
	-webkit-text-stroke: 1.5px #FFFFFF;
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
}

.hposcace .hposcaca,
.hposcaco .hposcaca {
	-webkit-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	transition: color 0.4s linear;
	/* opacity: 0; */

}

.hposb:hover .hposcace .hposcaca {
	color: #E0231D99;
	/* transition: opac 0.3s linear ; */
}

.hposb:hover .hposcaco .hposcaca {
	color: #FFFFFF;
	/* transition: opac 0.3s linear ; */
}

/* @Keyframes opac {

	0%{
		opacity: 0;
	}
	10%{
		opacity: 0.1;
	}
	20%{
		opacity: 0.2;
	}
	30%{
		opacity: 0.3;
	}
	40%{
		opacity: 0.4;
	}
	50%{
		opacity: 0.5;
	}
	60%{
		opacity: 0.6;
	}
	70%{
		opacity: 0.7;
	}
	80%{
		opacity: 0.8;
	}
	90%{
		opacity: 0.9;
	}
	100%{
		opacity: 1;
	}
} */
/* .hposcact {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 19.5px 33.8px 19.5px 0;
	border-color: transparent #FF4532 transparent transparent;
	-webkit-transition: border-color 0.4s linear;
	-o-transition: border-color 0.4s linear;
	transition: border-color 0.4s linear;
}

.hposcace .hposcact {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.hposcaco .hposcact {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.hposcactw {
	border-color: transparent #FFFFFF transparent transparent;


}

.hposcactb {
	border-color: transparent #000000 transparent transparent;

}

.hposb:hover .hposcactw {
	border-color: transparent #000000 transparent transparent;
}

.hposb:hover .hposcactb {
	border-color: transparent #ffffff transparent transparent;
} */

/* 1.3 Home page our service new section */
.hposnc {
	/* position: relative;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;*/
	position: relative;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	margin-top: 30px;
	/* margin-left: 15px; */
	/* margin-right: 15px; */

}

@media (min-width: 1200px) {
	.hposncb .col-xl-2 {
		-ms-flex: 0 0 20%;
		-webkit-box-flex: 0;
		flex: 0 0 20%;
		max-width: 20%;
	}
}


.hposnc-vb {
	position: relative;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
	width: 100%;
	padding: 13px 6px;
	/* min-height:200px; */
}


.hposnc-vb h4 {
	margin-top: 10px;
	min-height: 60px;
	display: -ms-grid;
	display: grid;
	-ms-flex-line-pack: center;
	align-content: center;
}

@media all and (min-width:1200px) {
	.hposnc-vb h4 {
		padding: 0px 40px;
	}

	.hposnc-vb .hposnc-vt {
		-webkit-transform: scaleX(1.1);
		-ms-transform: scaleX(1.1);
		transform: scaleX(1.1);
	}
}

.hposnc-hb {
	position: relative;
	background: #950501 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
	z-index: -1;
	padding: 5px 8px;
	padding-top: 15px;
	/* height:190px; */

}

.hposnc-htxt {
	font-size: 13px;
	line-height: 15px;
}

.hposnc:hover .hposnc-hb {
	-webkit-animation: visible 0.5s linear forwards;
	animation: visible 0.5s linear forwards;
}

@-webkit-keyframes visible {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	10% {
		opacity: 0;
		z-index: -1;
	}

	25% {
		opacity: 0.25;
		-webkit-transform: translateY(-75%);
		transform: translateY(-75%);
		z-index: -1;
	}

	50% {
		opacity: 0.50;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: -1;
	}

	75% {
		opacity: 0.75;
		-webkit-transform: translateY(-25%);
		transform: translateY(-25%);
		z-index: -1;
	}

	99% {
		z-index: -1;
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		z-index: 1;
	}

	to {
		z-index: 1;
	}

}

@keyframes visible {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	10% {
		opacity: 0;
	}

	25% {
		opacity: 0.25;
		-webkit-transform: translateY(-75%);
		transform: translateY(-75%);
		z-index: -1;
	}

	50% {
		opacity: 0.50;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: -1;
	}

	75% {
		opacity: 0.75;
		-webkit-transform: translateY(-25%);
		transform: translateY(-25%);
		z-index: -1;
	}

	99% {
		z-index: -1;
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);

	}

	to {
		z-index: 1;
	}
}

.rm-btn {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 13px;
	font-size: 11px;
	font-weight: 600;
	line-height: 12px;
	color: #950501;
	padding: 6px 8px;
	margin: 15px 0px 10px 0px;
	-webkit-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	transition: color 0.4s linear;
}

.rm-btn:hover {
	color: #000000;
}

/* 1.4 wcus - why choose us section */
.wcutb {
	position: relative;
	margin-bottom: 50px;
}

.wcucb {
	position: relative;
	margin-top: 40px;
	margin-bottom: 40px;
}

.wcuc {
	position: relative;
	padding: 28px 15px 33px 15px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 21px 46px #00000029;
	box-shadow: 0px 21px 46px #00000029;
	border-radius: 30px 30px 0px 0px;
	height: 100%;
	transition: box-shadow 0.4s linear, transform 0.4s linear, -webkit-box-shadow 0.4s linear, -webkit-transform 0.4s linear;
	/* Adding a transition for smooth effect */
}

.wcuc:hover {
	-webkit-box-shadow: 0px 31px 56px #0000004d;
	box-shadow: 0px 31px 56px #0000004d;
	/* Modifying the shadow on hover */
	-webkit-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	transform: translate(0, -5px);
	/* Elevate the card slightly */
}

.wcuc-first,
.wcuc-last {
	position: relative;
	padding-top: 35px;
	padding-bottom: 65px;
	height: 120%;
	margin-top: -15%;
}

.wcuc .wcuccb {
	margin-top: 20px;
}

/* .wcuct-block {
	position: relative;
	margin-top: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 15px;
}

.wcuct {
	width: 0;
	height: 0;
	border-left: 19.5px solid transparent;
	border-right: 19.5px solid transparent;
	border-bottom: 33px solid transparent;
	border-color: transparent transparent #FF4532 transparent;
	/* border-radius:50%; *
}

.wcuct.wcuctr {
	border-color: transparent transparent #E0231D transparent;
	opacity: 0.45;
}

.wcuct.wcuctb {
	border-color: transparent transparent #000000 transparent;
}

.wcub:hover .wcuct-b1 .wcuct.wcuctr {
	border-color: transparent transparent #000000 transparent;
	opacity: 0.75;
}

.wcub:hover .wcuct-b1 .wcuct.wcuctb {
	border-color: transparent transparent #E0231D transparent;
	opacity: 0.75;
} */

.hpwcuba-thumbb {
	position: relative;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

}

.hpwcuba-circle {
	border: 9px solid #F19B99;
	width: 100%;
	height: 100%;

}

.hpwcuba-bg {
	position: relative;
	/* overflow: hidden; */
}

.hpwcuba-bg {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 7px;
	left: 0;
	background: transparent;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
	background: transparent -o-linear-gradient(top, #FFFFFF 0%, #F70800 100%) 0% 0% no-repeat padding-box;
	background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F70800)) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #F70800 100%) 0% 0% no-repeat padding-box;
	opacity: 0.2;
	z-index: 1;
}

/* 1.5 Testimonial section */
/* .test-container{
	display: block;
	overflow: hidden;
	padding:40px 0px;
} */

.test-block .grid {
	margin-top: 100px;
	margin-bottom: 100px;
	margin-left: 15px;
	margin-right: 15px;
}


.tc {
	position: relative;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 21px 46px #00000029;
	box-shadow: 0px 21px 46px #00000029;
	border-radius: 30px;
	padding: 25px 30px;
	height: 250px;
	-webkit-transition: margin-top 1s linear 0.2s;
	-o-transition: margin-top 1s linear 0.2s;
	transition: margin-top 1s linear 0.2s;
}


.tci {
	position: absolute;
	bottom: -25%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.test-block .owl-item.active.center .tc {
	margin-top: -50px;
}



/* 1.6 ivs - industry verticals sections  */
.ivtb {
	position: relative;
	margin-bottom: 100px;
}

.ivc {
	padding: 40px 45px 65px 40px;
	position: relative;
	-webkit-box-shadow: 0px 21px 46px #00000029;
	box-shadow: 0px 21px 46px #00000029;
	border-radius: 50px;
	height: 100%;
	z-index: 0;
	transition: box-shadow 0.4s linear, transform 0.4s linear, -webkit-box-shadow 0.4s linear, -webkit-transform 0.4s linear;
}

.ivc:hover {
	-webkit-box-shadow: 0px 31px 56px #0000004d;
	box-shadow: 0px 31px 56px #0000004d;
	-webkit-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	transform: translate(0, -5px);
}

/* .ivc-gc {
	background: #CECECE 0% 0% no-repeat padding-box;
} */
.ivc-gc,
.ivc-wc {
	background: #FFFFFF 0% 0% no-repeat padding-box;

}

.ivc-itb {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 15px;
}

.ivcib {
	position: relative;
}

.ivcib::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 7px;
	top: 7px;
	z-index: 1;
	-webkit-box-shadow: 0px 21px 46px #00000029;
	box-shadow: 0px 21px 46px #00000029;
	border-radius: 31px;
	opacity: 1;
}

.ivc-wc .ivcib::after {
	background: #E0231D54 0% 0% no-repeat padding-box;
}

.ivc-gc .ivcib::after {
	background: #FFFFFF 0% 0% no-repeat padding-box;
}

.ivci {
	position: relative;
	z-index: 2;
}

/* .ivcib{
	position: relative;
	height:100%;
}
.ivci{
	position: relative;
} */
.ivc-ttle {
	position: relative;
	display: -ms-grid;
	display: grid;
	height: 100%;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.ivccb {
	margin-top: 25px;
	text-align: center;
}



/* 1.6 Industry verticals new card block */
.ivncb .ivnc-mt {
	margin-top: 130px;
}

.ivnc {
	position: relative;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 21px 46px #00000029;
	box-shadow: 0px 21px 46px #00000029;
	border-radius: 50px;
	padding: 40px 22px 30px 22px;
	text-align: center;
	margin-left: 60px;
	margin-right: 60px;
	height: 100%;
	transition: box-shadow 0.4s linear, transform 0.4s linear, -webkit-box-shadow 0.4s linear, -webkit-transform 0.4s linear;
	/* Adding a transition for smooth effect */
}

.ivnc:hover {
	-webkit-box-shadow: 0px 31px 56px #0000004d;
	box-shadow: 0px 31px 56px #0000004d;
	-webkit-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	transform: translate(0, -5px);
}

/* .ivnc:hover .ivnc-thumb{
	transform: translateX(-50%),scale(1.1);
} */
.ivnc-tb {
	position: relative;
}

.ivnc-thumb {
	position: absolute;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.ivnc-cb h6 {
	color: #000000;
	margin-top: 20px;
}

.ivnc-cb p {
	color: #303030;
	margin-top: 10px;
	text-align: justify;
}


/* 1.7 Clients section */
.clientb {
	margin-top: 90px;
}

/* 1.8  hpai - home page addition information section  */

.hpaibc {
	position: relative;
	background: #FB7D79 0% 0% no-repeat padding-box;
	border-radius: 50px;
	padding: 15px 75px 0px 75px;

}

.hpaicb {
	position: relative;
	display: -ms-grid;
	display: grid;
	height: 100%;
	-ms-flex-line-pack: center;
	align-content: center;
	padding: 0px 50px;
	text-align: center;
}

.hpaib-animtxt {
	position: absolute;
	bottom: 10px;
	right: 0;
	font-weight: 600;
	font-size: 52px;
	line-height: 1;
	letter-spacing: 17.06px;
	color: #FB7D79;
	-webkit-text-stroke: 1px #FFFFFF;
	/* Width and color of the outline */
	opacity: 0.45;
}






/* ========-2. service page========*/
/* 2.1 service banner */
.service-banner {
	background-image: url('../../static/image/service-banner.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
}


/* @media all and (min-) */

/* .ser-htblock {
	position: relative;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.ser-htb {
	position: relative;

}

.ser-htb::before {
	position: absolute;
	content: "";
	width: 120%;
	height: 80%;
	z-index: 0;
	top: 20%;
	left: -10%;
	background: transparent -o-linear-gradient(272deg, #FFFFF9 0%, #F8FBF7 0%, #E3EDF200 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(178deg, #FFFFF9 0%, #F8FBF7 0%, #E3EDF200 100%) 0% 0% no-repeat padding-box;
	border-radius: 250px 48px 48px 48px;
}

.ser-ht {
	position: relative;
	z-index: 2;
} */

.service-banner .btxt-block {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
	/* background-image: url('about:blank'); */
}

/* .service-banner .btxt-block::before {
	position: absolute;
	content: "";
	-webkit-filter: blur(30px);
	        filter: blur(30px);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background: -o-linear-gradient(rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)),
		-o-linear-gradient(left, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		-o-linear-gradient(right, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		-o-linear-gradient(top, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		-o-linear-gradient(bottom, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		-o-linear-gradient(rgba(169, 169, 169, 0), rgba(169, 169, 169, 0.98));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0.98))),
		-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, left top, left bottom, from(rgba(169, 169, 169, 0)), to(rgba(169, 169, 169, 0.98)));
	background: linear-gradient(rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)),
		linear-gradient(to right, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		linear-gradient(to left, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		linear-gradient(to top, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		linear-gradient(rgba(169, 169, 169, 0), rgba(169, 169, 169, 0.98));
} */

/* ------2.2 spau -  service page about us section--- */
.spauc {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 21px 46px #00000029;
	box-shadow: 0px 21px 46px #00000029;
	border-radius: 30px;
	position: relative;
	padding: 56px 40px;
}

.spaucbb {
	margin-top: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 35px;
}

.spauccb {
	position: relative;
	display: -ms-grid;
	display: grid;
	height: 100%;
	-ms-flex-line-pack: center;
	align-content: center;
}

.os-btn,
.gs-btn {
	font-size: 14px;
	line-height: 21px;
	font-weight: 600;
	color: #FFFFFF;
	padding: 10px 28px;
	border-radius: 10px;
	z-index: 1;

}

.os-btn:hover,
.gs-btn:hover {
	color: #FFFFFF;
}

.os-btn {
	background-color: #E32124;
	position: relative;
}

.os-btn::after {
	position: absolute;
	content: "";
	z-index: -1;
	width: 0;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 10px;
	background: transparent -o-linear-gradient(300deg, #303030 0%, #303030 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(150deg, #303030 0%, #303030 100%) 0% 0% no-repeat padding-box;
	-webkit-transition: width 0.4s linear;
	-o-transition: width 0.4s linear;
	transition: width 0.4s linear;
}

.os-btn:hover::after {
	width: 100%;
}

.gs-btn {
	background-color: #303030;
	position: relative;
}

.gs-btn::after {
	position: absolute;
	content: "";
	z-index: -1;
	width: 0;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 10px;
	background: transparent -o-linear-gradient(300deg, #E32124 0%, #E32124 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(150deg, #E32124 0%, #E32124 100%) 0% 0% no-repeat padding-box;
	-webkit-transition: width 0.4s linear;
	-o-transition: width 0.4s linear;
	transition: width 0.4s linear;
}

.gs-btn:hover::after {
	width: 100%;
}

/* ---------------2.3 sposcs - service page our services card section------------ */
.sposcs {
	position: relative;
}

.sposc {
	position: relative;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 21px 46px #00000029;
	box-shadow: 0px 21px 46px #00000029;
	border-radius: 30px;
	padding: 45px 33px;
	transition: box-shadow 0.4s linear, transform 0.4s linear, -webkit-box-shadow 0.4s linear, -webkit-transform 0.4s linear;
	/* Adding a transition for smooth effect */
}

.sposc:hover {
	-webkit-box-shadow: 0px 31px 56px #0000004d;
	box-shadow: 0px 31px 56px #0000004d;
	/* Modifying the shadow on hover */
	-webkit-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	transform: translate(0, -5px);
	/* Elevate the card slightly */
}

.sposctb {
	position: relative;
	width: 100%;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


.sposccb .sposcl {
	position: relative;
	padding-left: 25px;
}

.sposccb .sposcl li:before {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.sposc-thumbb {
	position: absolute;
	top: -60%;
}

.sposc-thumbbg1 {
	position: relative;
	background: #00B4FA 0% 0% no-repeat padding-box;
	border-radius: 76px 0px;
}

.sposc-thumbbg2 {
	position: relative;
	background: #93C6E7 0% 0% no-repeat padding-box;
	border-radius: 0px 76px;
}

.sposc-thumbbg1 .sposc-thumb {
	position: relative;
	margin-bottom: 5px;
	margin-left: 5px;
}

.sposc-thumbbg2 .sposc-thumb {
	position: relative;
	margin-bottom: 5px;
	margin-right: 5px;
}

.spos-txtb h2 {
	margin-bottom: 20px;
}

.spos-txtb p {
	text-align: justify;
}

/* ========solutions page============ */
/* --------------3. oracle fusion applications page------------- */

/* 3.1 solutions banner */
.solutions-banner {
	position: relative;
	background-image: url('../../static/image/solutions-hero-bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.solutions-banner.netapp {
	background-image: url('../../static/image/netsuite_applications.jpg');
}

.solutions-banner.oepm {
	background-image: url('../../static/image/oracle_epm.jpg');
}

.solutions-banner.ofusion {
	background-image: url('../../static/image/oracle_fusion.jpg');
}

.solutions-banner.augservice {
	background-image: url('../../static/image/augmentation_service.jpg');
	background-position: right;
}

.solutions-banner .btxt-block {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
	display: -ms-grid;
	display: grid;
	height: 100%;
	width: 100%;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* background-image: url('about:blank'); */


.solutions-banner.oapp .btxt-block::before {
	position: absolute;
	content: "";
	-webkit-filter: blur(50px);
	filter: blur(50px);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: -o-linear-gradient(rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)),
		-o-linear-gradient(left, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		-o-linear-gradient(right, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		-o-linear-gradient(top, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		-o-linear-gradient(bottom, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		-o-linear-gradient(rgba(169, 169, 169, 0), rgba(169, 169, 169, 0.98));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0.98))),
		-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, left top, left bottom, from(rgba(169, 169, 169, 0)), to(rgba(169, 169, 169, 0.98)));
	background: linear-gradient(rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)),
		linear-gradient(to right, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		linear-gradient(to left, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		linear-gradient(to top, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		linear-gradient(rgba(169, 169, 169, 0), rgba(169, 169, 169, 0.98));
}

.solutions-banner.augservice .btxt-block::before {
	position: absolute;
	content: "";
	-webkit-filter: blur(50px);
	filter: blur(50px);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),
		-o-linear-gradient(left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)),
		-o-linear-gradient(right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)),
		-o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)),
		-o-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)),
		-o-linear-gradient(rgba(169, 169, 169, 0), rgba(169, 169, 169, 0.98));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5))),
		-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, left top, left bottom, from(rgba(169, 169, 169, 0)), to(rgba(169, 169, 169, 0.98)));
	background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),
		linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)),
		linear-gradient(to left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)),
		linear-gradient(to top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)),
		linear-gradient(rgba(169, 169, 169, 0), rgba(169, 169, 169, 0.98));
}

@media all and (max-width:991px) {
	.btxt-block::before {
		position: absolute;
		content: "";
		-webkit-filter: blur(50px);
		filter: blur(50px);
		border-radius: 50%;
		width: 100%;
		height: 100%;
		z-index: -1;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background: -o-linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)),
			-o-linear-gradient(left, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)),
			-o-linear-gradient(right, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)),
			-o-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)),
			-o-linear-gradient(bottom, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)),
			-o-linear-gradient(rgba(169, 169, 169, 0), rgba(169, 169, 169, 0.98));
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.25))),
			-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0))),
			-webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0))),
			-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0))),
			-webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0))),
			-webkit-gradient(linear, left top, left bottom, from(rgba(169, 169, 169, 0)), to(rgba(169, 169, 169, 0.98)));
		background: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)),
			linear-gradient(to right, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)),
			linear-gradient(to left, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)),
			linear-gradient(to bottom, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)),
			linear-gradient(to top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)),
			linear-gradient(rgba(169, 169, 169, 0), rgba(169, 169, 169, 0.98));
	}

	.service-banner .btxt-block::before {
		display: none;
	}

	.netapp .btxt-block h1,
	.netapp .btxt-block p,
	.ofusion .btxt-block h1,
	.ofusion .btxt-block p,
	.oepm .btxt-block h1,
	.oepm .btxt-block p,
	.about-banner .btxt-block h1,
	.about-banner .btxt-block p {
		color: #000000;
	}

}

.ex-btn {
	border-radius: 26px;
	padding: 10px 42px;
	font-size: 15px;
	line-height: 23px;
	color: #FFFFFF;
	font-weight: 600;
	background: transparent -o-linear-gradient(300deg, #E0231D 0%, #E0231D 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(150deg, #E0231D 0%, #E0231D 100%) 0% 0% no-repeat padding-box;
	position: relative;
	z-index: 1;
	-webkit-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	transition: color 0.4s linear;
	display: inline-block;
	overflow: hidden;

}

.contact-banner .ex-btn,
.solutions-banner .ex-btn {
	border: 1px solid #E0231D;
}

.contact-banner .ex-btn {
	padding: 10px 32px;
	font-size: 14px;
	line-height: 20px;

}

.ex-btn::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 0%;
	left: 0;
	/* right: 0; */
	top: 0;
	z-index: -1;
	border-radius: 26px;
	background: transparent -o-linear-gradient(300deg, #FFFFFF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(150deg, #FFFFFF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
	-webkit-transition: width 0.4s linear, left 0.4s linear;
	-o-transition: width 0.4s linear, left 0.4s linear;
	transition: width 0.4s linear, left 0.4s linear;

}

.ex-btn:hover::before {
	width: 100%;
}

.ex-btn:hover {
	color: #E0231D;
}

/* 3.2 common oracle image block */

.ocismtb {
	margin-top: 100px;
	position: relative;
}

.ocism-thumbb {
	position: relative;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	z-index: 1;

}

.ocismtr {
	display: block;
	margin: 0 auto;
	z-index: -1;
	margin-top: -25px;

}

.ocisitb {
	position: relative;
	display: -ms-grid;
	display: grid;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 20px;

}

.ocisit {
	position: relative;
	background: #FFFFFF;
	z-index: 1;
}

.ocibgs {
	position: relative;
}

.ocibgs {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 25px;
	left: 0;
	background: transparent;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
	background: transparent -o-linear-gradient(top, #00000000 0%, #808080 100%) 0% 0% no-repeat padding-box;
	background: transparent -webkit-gradient(linear, left top, left bottom, from(#00000000), to(#808080)) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #00000000 0%, #808080 100%) 0% 0% no-repeat padding-box;
	opacity: 0.18;
}





/* 3.3 solutions internal components */

.sicb .crmt {
	margin-top: 100px;
}

.sicbc {
	text-align: center;
	position: relative;
	height: 100%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 21px 46px #00000029;
	box-shadow: 0px 21px 46px #00000029;
	border-radius: 30px;
	padding: 65px 12px 30px 12px;
	transition: box-shadow 0.4s linear, transform 0.4s linear, -webkit-box-shadow 0.4s linear, -webkit-transform 0.4s linear;
	/* Adding a transition for smooth effect */
}

.sicbc:hover {
	-webkit-box-shadow: 0px 31px 56px #0000004d;
	box-shadow: 0px 31px 56px #0000004d;
	-webkit-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	transform: translate(0, -5px);

}


.sicbc-num {
	position: absolute;
	height: 70px;
	width: 70px;
	font-size: 30px;
	line-height: 36px;
	border-radius: 50%;
	color: #FFFFFF;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}



.sicbc-num {
	-webkit-transition: -webkit-transform 1s linear;
	transition: -webkit-transform 1s linear;
	-o-transition: transform 1s linear;
	transition: transform 1s linear;
	transition: transform 1s linear, -webkit-transform 1s linear;
}

/* .sicbc h3,.sicbc p{
	transform: color 0.1s linear 0.6s;
}
.sicbc:hover h3,.sicbc:hover p{
	color: #FFFFFF;
} */
.sicbc:hover .sicbc-num {
	-webkit-transform: translate(-50%, 50%);
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
}

.sicbc:hover .sicbcn {
	-webkit-animation: slideDownAndHide 0.3s linear;
	animation: slideDownAndHide 0.3s linear;
	opacity: 0;
}

@-webkit-keyframes slideDownAndHide {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 0;
	}
}

@keyframes slideDownAndHide {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 0;
	}
}

.sicbc::before {
	position: absolute;
	content: "";
	width: 0%;
	height: 100%;
	z-index: -1;
	left: 25%;
	border-radius: 0px 0px 0px 0px;
	top: 0;
	background: #ff7e7c 0% 0% no-repeat padding-box;
	/* background: transparent linear-gradient(180deg, #FA938F 0%, #E0231D 100%) 0% 0% no-repeat padding-box; */
	-webkit-transition: width 0.3s linear, left 0.3s linear, border-radius 0.2s linear 0.1s;
	-o-transition: width 0.3s linear, left 0.3s linear, border-radius 0.2s linear 0.1s;
	transition: width 0.3s linear, left 0.3s linear, border-radius 0.2s linear 0.1s;

}

.sicbc:hover::before {
	width: 50%;
	left: 0;
	border-radius: 30px 0px 0px 30px;

}

.sicbc::after {
	position: absolute;
	content: "";
	width: 0%;
	height: 100%;
	z-index: -1;
	left: 75%;
	border-radius: 0px 0px 0px 0px;
	top: 0;
	background: #ff7e7c 0% 0% no-repeat padding-box;
	/* background: transparent linear-gradient(180deg, #FA938F 0%, #E0231D 100%) 0% 0% no-repeat padding-box; */
	-webkit-transition: width 0.3s linear, left 0.3s linear, border-radius 0.2s linear 0.1s;
	-o-transition: width 0.3s linear, left 0.3s linear, border-radius 0.2s linear 0.1s;
	transition: width 0.3s linear, left 0.3s linear, border-radius 0.2s linear 0.1s;

}

.sicbc:hover::after {
	width: 50%;
	left: 50%;
	border-radius: 0px 30px 30px 0px;

}

.sicbc h3,
.sicbc:hover h5,
.sicbc p {
	-webkit-transition: color 0.1s linear 0.2s;
	-o-transition: color 0.1s linear 0.2s;
	transition: color 0.1s linear 0.2s;
}

.sicbc:hover h3,
.sicbc:hover h5,
.sicbc:hover p {
	color: #FFFFFF;
}


/* solutions internal components block card num - sicbcn, gbg - grey background, bbg - blue back ground */
.sicbcn-gbg {
	/* background: #A4BBD2 0% 0% no-repeat padding-box; */
	background: #FA938F 0% 0% no-repeat padding-box;

}

.sicbcn-rbg {
	background: #FA938F 0% 0% no-repeat padding-box;
}


.sicbc-content p {
	margin-top: 5px;
	/* text-align: justify; */
}

/* ===================4. About us page =================== */

/* 4.1 About us hero block */

.about-banner {
	position: relative;
	background-image: url('../../static/image/aboutus-hero-bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.abuhtb {
	position: relative;
}

.abuhmtb {
	position: relative;
	margin-left: 25%;
}

.abuhmtb::before {
	position: absolute;
	content: "";
	z-index: 0;
	width: 100%;
	height: 75%;
	top: 25%;
	border-radius: 25% 0 0 0;
	background: transparent -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
	background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF00)) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
}

.abuhmt {
	position: relative;
	z-index: 3;
}

.abuhtl {
	position: absolute;
	z-index: 4;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	transform: translateY(-25%);
}

/* 4.3 About us page About ELITE Team section - abpag */

.abpag-section {
	position: relative;
	height: 100%;
	width: 100%;

}

.abpag-ttleb {
	margin-bottom: 60px;
}

.abpagcb {
	position: relative;
	height: 100%;
	width: 100%;
	display: -ms-grid;
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.abpagcbl {
	position: relative;
	padding-left: 60px;
	width: 100%;
}

.abpagcbl li {
	/* position: relative; */
	width: 100%;
	font-size: 16px;
	line-height: 23px;
	color: #000000;
	margin-top: 10px;
}

/* .abpagcbl li::before {
	position: absolute;
	content: "";
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #00B4FA 0% 0% no-repeat padding-box;
	left: 30px;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);

} */

.abpagtb {
	position: relative;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}




.abpagts1::after {
	position: absolute;
	content: "";
	width: 219px;
	height: 248px;
	z-index: 0;
	background: #F7C7C6 0% 0% no-repeat padding-box;
	border-radius: 0px 59px;
	left: 43%;
	top: 53%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 3;
}

.abpagt1 {
	position: absolute;
	z-index: 4;
	left: 40%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.abpagt2 {
	position: relative;
	z-index: 2;
}

.abpagts2 {
	position: relative;
	display: -ms-grid;
	display: grid;
	width: 100%;
	-webkit-box-pack: right;
	-ms-flex-pack: right;
	justify-content: right;
}

.abpagts2::after {
	position: absolute;
	content: "";
	right: -20px;
	bottom: -20px;
	width: 384px;
	height: 453px;
	background: #F7C7C6 0% 0% no-repeat padding-box;
	border-radius: 133px 0px;
	z-index: 1;
}

/* 4.4 Our goals section */
.og-section {
	position: relative;
	background-image: url('../../static/image/illusion.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ogcb {
	position: relative;
	margin-top: 90px;

	/* background-attachment: fixed; */
}

.ogc {
	position: relative;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 4px 12px #00000029;
	box-shadow: 0px 4px 12px #00000029;
	padding: 30px 15px 60px 15px;
	border-radius: 30px 30px 0px 0px;
}

.ogc-mt {
	position: relative;
	margin-top: 100px;
}

@media all and (min-width:992px) {
	.ogc-mt {
		position: relative;
		margin-top: 100px;
	}

	.ogc2,
	.ogc4,
	.ogc6,
	.ogc8 {
		position: relative;
		margin-top: -100px;
	}

	.ogc5,
	.ogc7 {
		position: relative;
		margin-top: -40px;
	}
}

@media all and (max-width:992px) {
	.ogc {
		height: 100%;
	}
}


@media all and (min-width:1400px) {
	.ogc {
		padding: 30px 30px 60px 30px;
	}
}

.ogccb {
	position: relative;
	margin-top: 10px;
}

.ogl-txtb {
	margin-top: 80px;
}


/* 4.4 Our team block */

.otmb {
	position: relative;
	margin-top: 120px;
}

.otmib {
	text-align: center;
}

.otmitb {
	position: relative;
	margin-bottom: 10px;
}

.otmitb::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #E6E6E6 0% 0% no-repeat padding-box;
	top: -5%;
	right: -5%;
	z-index: -1;
}


.member-detail {
	text-align: justify;
}

/* .otmdb{
	position: relative;
	display: grid;
	height: 100%;
	align-content: center;
} */
/* 4.4 Our success stories  */
.ossb-ttle {
	margin-bottom: 10px;
}

.ossc {
	position: relative;
	width: 100%;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	/* padding: 0px 20px 40px 50px; */

}

/* .ossc::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 80%;
	top: 20%;
	left: 0;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 21px 46px #00000029;
	box-shadow: 0px 21px 46px #00000029;
	border-radius: 30px;
	z-index: 1;

} */

.osst {
	position: relative;
	z-index: 2;
}

/* 4.6 About us page Industry verticals */
.abupivs .ivc-gc {
	background: #FFFFFF 0% 0% no-repeat padding-box;

}

/* 4.7 About us page Additional informatiom */
.abupais .hpaibc,
.discais .hpaibc,
.pppais .hpaibc {
	background: #E3B59B 0% 0% no-repeat padding-box;
}

.abupais .hpaib-animtxt,
.discais .hpaib-animtxt,
.pppais .hpaib-animtxt {
	color: #E3B59B;
}

/*===== 11 Our Team page ========*/
/* 11.1 Our Team banner */

.ot-banner {
	position: relative;
	background-image: url('about:blank');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;

}



/* 5 Blog page */
/* 5.1 Blog banner */
.blog-banner {
	position: relative;
	background-image: url('../../static/image/blog-hero-bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;

}

.blog-banner::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: var(--unnamed-color-000000) 0% 0% no-repeat padding-box;
	background: #000000 0% 0% no-repeat padding-box;
	opacity: 0.36;
	border-radius: 0px 0px 150px 150px;
}


@media(min-width:1200px) {
	.blog-banner {
		padding-top: 220px;
	}
}


/* 6. Contact us page */

/* 6.1 Contact page hero block */
.contact-banner {
	position: relative;
	background-image: url('../../static/image/contact-hero-bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;

}

.contact-banner .btxt-block {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
	z-index: 1;
}

.contact-banner .btxt-block::before {
	position: absolute;
	content: "";
	-webkit-filter: blur(50px);
	filter: blur(50px);
	border-radius: 10%;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: -o-linear-gradient(rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)),
		-o-linear-gradient(left, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		-o-linear-gradient(right, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		-o-linear-gradient(top, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		-o-linear-gradient(bottom, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		-o-linear-gradient(rgba(169, 169, 169, 0), rgba(169, 169, 169, 0.98));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0.98))),
		-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.98)), to(rgba(255, 255, 255, 0))),
		-webkit-gradient(linear, left top, left bottom, from(rgba(169, 169, 169, 0)), to(rgba(169, 169, 169, 0.98)));
	background: linear-gradient(rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)),
		linear-gradient(to right, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		linear-gradient(to left, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		linear-gradient(to top, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0)),
		linear-gradient(rgba(169, 169, 169, 0), rgba(169, 169, 169, 0.98));
}


.chtb {
	position: relative;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.chtb::before {
	position: absolute;
	content: "";
	width: 60%;
	left: 0;
	height: 20%;
	top: 40%;
	background: transparent -o-linear-gradient(left, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
	background: transparent -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#FFFFFF00)) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(90deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
	border-radius: 58px 0px 0px 0px;
	-webkit-transition: left 0.4s linear;
	-o-transition: left 0.4s linear;
	transition: left 0.4s linear;
}

.contact-banner:hover .chtb::before {
	left: 30%;
}

.chtb::after {
	position: absolute;
	content: "";
	width: 70%;
	left: 0;
	height: 35%;
	top: 65%;
	background: transparent -o-linear-gradient(left, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
	background: transparent -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#FFFFFF00)) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(90deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
	border-radius: 0px 0px 0px 58px;
}

.cmht {
	position: relative;
	z-index: 3;
}


/* 6.3 Contact form section */



.contform-ttleb {
	position: relative;
	margin-bottom: 100px;
}

.cformbc {
	position: relative;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 21px 46px #00000029;
	box-shadow: 0px 21px 46px #00000029;
	border-radius: 25px;
	padding: 55px 70px 30px 70px;
}

.cformctb {
	position: relative;
	display: -ms-grid;
	display: grid;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
}

.cform .input-group input,
.cform .input-group select,
.cform .input-group textarea {

	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border-radius: 20px !important;
	padding-left: 40px !important;
	-webkit-box-shadow: 0px 6px 12px #00000029 !important;
	box-shadow: 0px 6px 12px #00000029 !important;
	border-radius: 20px;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: #000000 !important;
}

.cform .input-group textarea {
	padding-top: 15px;
	height: 120px;
}

.cform .main-btn {
	position: relative;
	background: #E0231D 0% 0% no-repeat padding-box;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	color: #FFFFFF;
	padding: 16px 40px;
	border-radius: 13px;
	border: none;
}

/*  6.4 Contact page address section*/

.cpabc {
	position: relative;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 21px 46px #00000029;
	box-shadow: 0px 21px 46px #00000029;
	border-radius: 30px;
	height: 281px;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.cpabcl {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px;
}

.cpabcl li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	/* -webkit-box-align: center; */
	/* -ms-flex-align: center; */
	/* align-items: center; */
}

.cpabcl li span.cpabclib {
	min-width: 35px;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* .cpabcl li i{
	position: absolute;
	color: #00B4FA ;
	font-size:25px;
	transform: rotateY(180deg);
	top:50%;

} */
.cpabcl li p {
	position: relative;
	font-size: 18px;
	line-height: 1.4;
	color: #000000;
	font-weight: 500;
	padding-left: 20px;
}

.cpabcl li p span {
	margin-bottom: 7px;
}

.cpabc-animtxt {
	position: absolute;
	left: -25%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 4;
}

.cpabc-animtxt.txt2 {
	left: unset;
	z-index: 1;
	right: -20%;
}

.cpabcat {
	font-size: 131px;
	line-height: 1;
	font-weight: 600;
	color: #FFFFFF00;
	/* opacity: 0.45; */
}


.cpabcat {
	position: relative;
}

.cpabcat::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	white-space: nowrap;
	overflow: hidden;

}

.cpab:hover .cpabcat::before {
	content: attr(data-text);
	-webkit-animation: filling 0.6s linear forwards;
	animation: filling 0.6s linear forwards;
}

.cpab1:hover .cpabcat::before {
	color: #00B4FA99;
}

.cpab2:hover .cpabcat::before {
	color: #E0231D99;
}

@Keyframes filling {

	0%,
	100% {
		width: 0;
	}

	70%,
	99.99% {
		width: 100%;
	}

	to {
		width: 100%;
	}
}

@-webkit-keyframes filling {

	0%,
	100% {
		width: 0;
	}

	70%,
	99.99% {
		width: 100%;
	}

	to {
		width: 100%;
	}
}


.cpabc-animtxt .addtxt {
	font-size: 25px;
	line-height: 29px;
	font-weight: 600;
	color: #000000;
	text-align: center;
}

.cpabcatb {
	-webkit-text-stroke: 2px #00B4FA;
}

.cpabcatr {
	-webkit-text-stroke: 2px #E0231D;
}


/* 7 Disclaimer page */
/* 7.1 Disclaimer banner */

.disc-banner {
	position: relative;
	background-image: url('../../static/image/blog-hero-bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;

}

.disc-banner::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: var(--unnamed-color-000000) 0% 0% no-repeat padding-box;
	background: #000000 0% 0% no-repeat padding-box;
	opacity: 0.36;
}

/* 8 Privacy policy page */
/* 8.1 Privacy policy banner */

.pp-banner {
	position: relative;
	background-image: url('../../static/image/blog-hero-bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.pp-banner::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: var(--unnamed-color-000000) 0% 0% no-repeat padding-box;
	background: #000000 0% 0% no-repeat padding-box;
	opacity: 0.36;
	border-radius: 0px 0px 150px 150px;

}

/* 9 Careers page */
/* 9.1 Careers banner */

.careers-banner {
	position: relative;
	background-image: url('../../static/image/career-hero-bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;

}

.careers-banner::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: var(--unnamed-color-000000) 0% 0% no-repeat padding-box;
	background: #000000 0% 0% no-repeat padding-box;
	opacity: 0.36;
	border-radius: 0px 0px 150px 150px;
}

.cttle-block {
	margin-bottom: 60px;
}
@media (max-width: 767px) {
	.pp-banner::after,
	.blog-banner::after,
    .careers-banner::after {
		border-radius: 0px 0px 50px 50px;
	}
}
@media (max-width: 575px) {
	.pp-banner::after,
	.blog-banner::after,
    .careers-banner::after {
		border-radius: 0px 0px 25px 25px;
	}
}


/* 10 Events page  */

/* 10.1 Events banner */
.pp-banner.event-banner {
	background-image: url('../../static/image/event-hero-bg.jpg');
}

/* .pp-banner.event-banner::after{
	display: none;
} */
/* ------common to all blog, disclaimer, privacy policy, Careers page----------- */


.blog-banner .btxt-block,
.disc-banner .btxt-block,
.pp-banner .btxt-block,
.careers-banner .btxt-block {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
	z-index: 4;
	opacity: 1;
	-webkit-filter: blur(0px);
	filter: blur(0px);
}

.blog-banner .btxt-block::before,
.disc-banner .btxt-block::before,
.pp-banner .btxt-block::before,
.careers-banner .btxt-block::before {
	position: absolute;
	content: "";
	border-radius: 50%;
	width: 100%;
	height: 100%;
	z-index: 3;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #303030 0% 0% no-repeat padding-box;
	opacity: 0.65;
	-webkit-filter: blur(50px);
	filter: blur(50px);
}

.blog-banner .btxt-block h1,
.blog-banner .btxt-block p,
.blog-banner .ex-btn,
.disc-banner .btxt-block h1,
.disc-banner .btxt-block p,
.pp-banner .btxt-block h1,
.pp-banner .btxt-block p,
.careers-banner .btxt-block h1,
.careers-banner .btxt-block p {
	position: relative;
	z-index: 5;
}

/* ========================================== */

/* 
Redesign: Based on advanced designs;

 */

.hpns-section {
	position: relative;
	overflow: hidden;
}

.hpns-contentBlock {
	background: #FFE6E6 0% 0% no-repeat padding-box;
	padding: 30px 0px;
}


.nav.service-btns {
	/* display: block !important; */
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}




.sm-btns {
	position: relative;
	display: -ms-grid;
	display: grid;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.nav-item .nav-link {
	padding: 16px 5px 16px 20px;
	margin-top: 15px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 0px 30px 30px 0px;

}

.hposn-section {
	display: none;
}

@media all and (max-width:767px) {
	.nav.service-btns {
		/* display: block !important; */
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 10px;
	}

	.nav-item .nav-link {
		padding: 16px 15px 16px 15px;
		margin-top: 10px;
		border-radius: 10px 10px 10px 10px;

	}

	.hpns-section {
		display: none;
	}

	.hposn-section {
		display: block;
	}
}

@media all and (min-width:1200px) {
	.nav-item .nav-link {
		width: 250px;
	}
}

.nav-item .nav-link {
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.nav-item .nav-link.active {
	background: #FA938F 0% 0% no-repeat padding-box;
	color: #FFFFFF;
}



.service-btns li {
	position: relative;
	text-align: left;
}

.serviceExplainationBlock {
	position: relative;
	height: 100%;
	display: -ms-grid;
	display: grid;
	-ms-flex-line-pack: center;
	align-content: center;
}

/* .service-btns li .nav-link{
	padding:0px;
 } */
.serviceThumbBlock {
	position: relative;
}

.serviceThumbShape {
	position: relative;
}

.serviceThumbShape::before {
	position: absolute;
	content: "";
	z-index: 1;
	width: 70%;
	height: 70%;
	bottom: 10%;
	left: 15%;
	-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	-ms-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	/* UI Properties */
	background: #FCB7B4 0% 0% no-repeat padding-box;
	border-radius: 30px;

}

.serviceThumb {
	position: relative;
	z-index: 2;
	/* transform: rotate(45deg); */
}

.serviceCotentBlock {

	background: #FA938F 0% 0% no-repeat padding-box;
	top: 50%;
	position: relative;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 30px 0px;
}

@media all and (min-width:1200px) {
	.serviceCotentBlock {
		width: 70%;
	}
}

.serviceCotentBlock::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 200%;
	top: 0;
	z-index: -1;
	left: -45%;
	background: #FA938F 0% 0% no-repeat padding-box;

}

@media all and (max-width:1199px) {
	.serviceCotentBlock::before {
		left: -30%;
	}
}

@media all and (max-width:991px) {
	.serviceThumbBlock {
		position: relative;
		width: 100%;
		display: -ms-grid;
		display: grid;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.serviceCotentBlock::before {
		height: 100%;
		width: 100%;
		left: 0%;
		background: none;
	}

	.serviceCotentBlock {
		padding: 30px 15px;
		/* background: none; */
	}
}


/* .crmt::before{
	content: '';
	position: absolute;
	width: 180px;
	height: 140%;
	background-color: white;
	box-shadow: 0 0 20px rgb(8, 8, 8);
	animation: animate 4s linear infinite;
	z-index: -1;
  }
  
  .crmt::after{
	content: '';
	position: absolute;
	inset: 10px;
	background-color: rgb(4, 75, 97);
	border-radius: 16px;
	z-index: -1;
  }
  
  @keyframes animate {
	0%{
	  transform: rotate(0deg);
	}
	100%{
	  transform: rotate(360deg);
	}
  } */


/* .crmt{
	position: relative;
	width: 300px;
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid black;

	z-index: 1;
}

.crmt::before {
	content: '';
	position: absolute;
	width: 88%;
	height: 140%;
	background-color: rgb(255, 74, 74);
	animation: animate 6s linear infinite;
	z-index: 1;
}


.crmt::after {
	content: '';
	position: absolute;
	inset: 10px;
	background-color: rgb(194, 239, 255);
	border-radius: 16px;
	z-index: 1;
}


@keyframes animate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


  
  .sicbc{
		display: block;
		z-index: 2;
		padding: 20px;
		text-align: justify;
		text-align: center;
  } */




/* ==========industry veticals newer=========== */
.indvtlBlock {
	margin-top: 70px;
}

.indvtlThumbBlock {
	position: relative;
	display: -ms-grid;
	display: grid;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.indvtlThumbContainer {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	/* overflow: hidden; */
}

/* .indvtlThumbBlock:hover .indvtlThumb{
 transform: scale(1.05);
} */
.indvtlShape1 {
	z-index: -1;
	position: absolute;
	top: -5%;
	left: 7.5%;
}

.indvtlShape2 {
	z-index: -1;
	position: absolute;
	bottom: 7.5%;
	right: -5%;
}

.indvtlShape3 {
	z-index: -1;
	position: absolute;
	top: -7.5%;
	right: 5%;
}

.indvtlShape4 {
	z-index: -1;
	position: absolute;
	bottom: 7.5%;
	left: -7.5%;
}

.indvtlShape5 {
	z-index: -1;
	position: absolute;
	top: 5%;
	right: -7.5%;
}

.indvtlShape6 {
	z-index: -1;
	position: absolute;
	bottom: -2.5%;
	left: 5%;
}

.indvtlShape7 {
	z-index: -1;
	position: absolute;
	top: 2.5%;
	left: -2.5%;
}

.indvtlShape8 {
	z-index: -1;
	position: absolute;
	bottom: -2.5%;
	right: 5%;
}

.indvtlBlock:hover .indvtlShape {
	-webkit-animation: giggle 2s linear infinite forwards;
	animation: giggle 2s linear infinite forwards;
}

@-webkit-keyframes giggle {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	25% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.8;
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	75% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0.8;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes giggle {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	25% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.8;
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	75% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0.8;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

.indvtlContentBlock {
	position: relative;
	display: -ms-grid;
	display: grid;
	height: 100%;
	-ms-flex-line-pack: center;
	align-content: center;
}

.logo-container {
	position: relative;
	display: -ms-grid;
	display: grid;
	width: 100%;
	height: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack: center;
	    align-content: center;
}

/* =============orcle certificate block======== */
.oracleCert-block {
	position: relative;
	background-image: url('../../static/image/partner-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.focusLight {
	position: absolute;
	z-index: 10;
}

.focusLightLeft {
	top: 0;
	left: 0;
	-webkit-transform: translateX(-200px);
	    -ms-transform: translateX(-200px);
	        transform: translateX(-200px);
	-webkit-animation: LfadeInLeft 0.6s linear 0.1s forwards;
	        animation: LfadeInLeft 0.6s linear 0.1s forwards;
}



@-webkit-keyframes LfadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-200px);
		transform: translateX(-200px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes LfadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-200px);
		-ms-transform: translateX(-200px);
		transform: translateX(-200px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.focusLightRight {
	top: 0;
	right: 0;
	-webkit-transform: translateX(200px);
	    -ms-transform: translateX(200px);
	        transform: translateX(200px);
	-webkit-animation: LfadeInRight 0.6s linear 0.1s forwards;
	        animation: LfadeInRight 0.6s linear 0.1s forwards;

}

@media all and (max-width:992px) {
	.focusLightLeft {
		left: -10%;
	}

	.focusLightRight {
		right: -10%;
	}
}

@media all and (max-width:767px) {
	.focusLightLeft {
		display: none;
	}

	.focusLightRight {
		display: none;
	}
}

@-webkit-keyframes LfadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(200px);
		transform: translateX(200px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes LfadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(200px);
		-ms-transform: translateX(200px);
		transform: translateX(200px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

/* .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
} */


.oracleCert-tb {
	position: relative;
	display: -ms-grid;
	display: grid;
	width: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 100px 0px 0px 0px;

}

.oracleCertCont {
	position: relative;

}

.certificate-container {
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	overflow: hidden;
}

.oracleCertThumb {
	position: relative;
	z-index: 2;
	-webkit-transform: translateY(200px);
	    -ms-transform: translateY(200px);
	        transform: translateY(200px);
	-webkit-animation: certFadeInUp 0.8s linear forwards;
	        animation: certFadeInUp 0.8s linear forwards;
}

@-webkit-keyframes certFadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(200px);
		transform: translateY(200px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes certFadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(200px);
		-ms-transform: translateY(200px);
		transform: translateY(200px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.blackDots {
	position: absolute;
	top: -8%;
	left: -8.5%;
	z-index: 1;
	opacity: 0;
	-webkit-animation: dotsfadeIn 0.4s linear 1s forwards;
	        animation: dotsfadeIn 0.4s linear 1s forwards;
}

.whiteDots {
	position: absolute;
	bottom: 15.2%;
	right: -10.5%;
	z-index: 1;
	opacity: 0;
	-webkit-animation: dotsfadeIn 0.4s linear 1s forwards;
	        animation: dotsfadeIn 0.4s linear 1s forwards;

}

@-webkit-keyframes dotsfadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes dotsfadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.oracleCert-cb {
	padding: 0px 0px 100px 0px;
	margin-top: 40px;
}


/* About us page */
.mv-section {
	position: relative;
	display: block;
	overflow: hidden;
}

.mv-cbc {
	position: relative;
	height: 100%;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
}

.mv-cb {
	position: relative;
	width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

.mcard {
	padding: 23px 28px 23px 0px;
}

.vcard {
	padding: 23px 0px 23px 28px;
}

.mv-cb::before {
	position: absolute;
	content: "";
	width: 500%;
	height: 100%;
	top: 0;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 21px 46px #0000001F;
	        box-shadow: 0px 21px 46px #0000001F;
}

.mv-cb.mcard::before {
	right: 0;
	z-index: -1;
	border-radius: 0px 90px 90px 0px;
}

.mv-cb.vcard::before {
	left: 0;
	z-index: -1;
	border-radius: 90px 0px 0px 90px;
}


/* Meet our team section */
.tm-container {
	position: relative;
	/* width:100%; */
	/* height:100%; */
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 21px 46px #0000001F;
	        box-shadow: 0px 21px 46px #0000001F;
	margin-top: 100px;
}


.tm-container:nth-of-type(2) {
	border-radius: 0px 40px 40px 0px;
}

.tm-container:nth-of-type(3) {
	border-radius: 40px 0px 0px 40px;
}

@media all and (min-width:992px) {
	.tm-container:nth-of-type(2) .col-xl-8.col-lg-8.col-md-12.col-sm-12.col-12 {
		padding-left: 0;
	}

	.tm-container:nth-of-type(2) .col-xl-4.col-lg-4.col-md-12.col-sm-12.col-12 {
		padding-right: 0;
	}

	.tm-container:nth-of-type(3) .col-xl-4.col-lg-4.col-md-12.col-sm-12.col-12 {
		padding-left: 0;
	}

	.tm-container:nth-of-type(3) .col-xl-8.col-lg-8.col-md-12.col-sm-12.col-12 {
		padding-right: 0;
	}
}


.tm-cb {
	position: relative;
	width: 100%;
	height: 100%;

}

.tm-container:nth-of-type(2) .tm-cb {
	padding-left: 100px;
	height: 100%;
	display: -ms-grid;
	display: grid;
	-ms-flex-line-pack: center;
	    align-content: center;
}

.tm-container:nth-of-type(2) .tm-ib {
	position: relative;
	width: 100%;
	height: 100%;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: end;
}

.tm-container:nth-of-type(3) .tm-cb {
	padding-right: 100px;
	height: 100%;
	display: -ms-grid;
	display: grid;
	-ms-flex-line-pack: center;
	    align-content: center;
}

.side-name {
	position: absolute;
	width: 69px;
	height: 100%;
}

.sn1 {
	top: 0;
	left: 0;
	background: transparent -webkit-gradient(linear, left top, left bottom, from(#D3302A), to(#6A1815)) 0% 0% no-repeat padding-box;
	background: transparent -o-linear-gradient(top, #D3302A 0%, #6A1815 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #D3302A 0%, #6A1815 100%) 0% 0% no-repeat padding-box;

}

.sn2 {
	top: 0;
	right: 0;
	background: transparent -webkit-gradient(linear, left top, left bottom, from(#00B8FA), to(#000000)) 0% 0% no-repeat padding-box;
	background: transparent -o-linear-gradient(top, #00B8FA 0%, #000000 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #00B8FA 0%, #000000 100%) 0% 0% no-repeat padding-box;
}

.sname {
	position: absolute;
	top: 45%;
	left: -90px;
	-webkit-transform: matrix(0, -1, 1, 0, 0, 0);
	    -ms-transform: matrix(0, -1, 1, 0, 0, 0);
	        transform: matrix(0, -1, 1, 0, 0, 0);
	text-align: center;
}

.sname2 {
	left: unset;
	right: -60px;
}

@media all and (min-width:992px) and (max-width:1200px) {
	.tm-db p.f16 {
		font-size: 14px;
	}
}

@media all and (max-width:1200px) {

	.side-name,
	.sname {
		display: none;
	}

	.tm-container:nth-of-type(2) .tm-cb {
		padding-left: 5px;
	}

	.tm-container:nth-of-type(3) .tm-cb {
		padding-right: 5px;
	}
}

@media all and (max-width:991px) {
	.tm-container {
		margin-right: 5px;
		margin-left: 5px;
		padding: 0px;
		background: none;
		-webkit-box-shadow: none;
		        box-shadow: none;
		text-align: center;
	}

	.tm-container:nth-of-type(2) .tm-ib {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.tm-ib {
		position: relative;
		margin-bottom: 20px;
	}

	.tm-container:nth-of-type(2) .tm-cb {
		padding-left: 15px;
	}

	.tm-container:nth-of-type(3) .tm-cb {
		padding-right: 15px;
	}

	.tm-cb {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		-webkit-box-shadow: 0px 21px 46px #0000001F;
		        box-shadow: 0px 21px 46px #0000001F;
		border-radius: 25px;
		padding: 15px;

	}

	.tm-img {
		border-radius: 40px;
	}
}

/* Map block */
.map-block {
	position: relative;
}

.map-container iframe {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 21px 46px #0000001F;
	        box-shadow: 0px 21px 46px #0000001F;
	border-radius: 40px 40px 40px 40px;
}

.mapaddress-block {
	position: relative;
	width: 100%;
	height: 100%;
	display: -ms-grid;
	display: grid;
	-ms-flex-line-pack: center;
	    align-content: center;
	padding: 10px 10px 10px 40px;
}

.mapaddress-block::before {
	position: absolute;
	content: "";
	width: 110%;
	height: 98%;
	left: -10%;
	top: 0;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0px 21px 46px #0000001F;
	        box-shadow: 0px 21px 46px #0000001F;
	border-radius: 0px 40px 40px 0px;
	z-index: -1;
}

.ma-list {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	gap: 20px;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	margin-bottom: 20px;
}

.ma-list .address-icon {
	position: relative;
	min-width: 32px;
}

.usa {
	position: absolute;
	right: 0;
	bottom: 10%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	-webkit-text-stroke: 1px #00B4FA;
	font: normal normal 600 58px/21px Poppins;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 0.5;
}

.faq-section {
	display: none;
}
@media all and (max-width:991px){
	.mapaddress-block {
		padding: 10px 10px 10px 15px;
	}
	.map-container iframe {
		border-radius: 25px 25px 25px 25px;
	}
	.mapaddress-block::before {
		border-radius: 0px 25px 25px 0px;
	}
}

@media all and (max-width:767px){
	.map-container iframe {
		-webkit-box-shadow: 0px 6px 12px #0000001F;
		        box-shadow: 0px 6px 12px #0000001F;
	}
	.mapaddress-block{
		padding:20px 20px;
	}
	
	.mapaddress-block::before {
		height:110%;
		top:-10%;
		width: 100%;
		left:0;
		border-radius: 25px 25px 25px 25px;
	}
}

@media all and (min-width:768px) and (max-width:992px){
	.footer-link-list.fab{
		position: relative;
		width: 100%;
		display: -ms-grid;
		display: grid;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}



/* ----Service page sticky navbar---- */

/* Toggle button styles */
.toggle-btn {
    position: sticky;
    top: 150px;
    left: 0px;
	height: 30px;
	width: 30px;
    z-index: 1000;
    background-color: #ffffff;
    border: none;
    cursor: pointer;
    padding:5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.toggle-btn i {
    font-size: 20px;
    line-height: 1;
}



.sticky-sidebar{
	position: sticky;
	top:180px;
	left:0;
	z-index:999;
	width: 200px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	background: #ffffff;
    -webkit-box-shadow: 0px 21px 46px #00000029;
            box-shadow: 0px 21px 46px #00000029;
    overflow: hidden;
    z-index: 999;
}

.sticky-sidebar.ofasb{
	max-height:76px;
}
.sticky-sidebar.ona{
	max-height:115px;
}

.sticky-list{
	background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 4px 8px #00000029;
    box-shadow: 0px 4px px #00000029;
}
.sticky-link{
	font-size: 12px;
	font-weight: 500;
	width: 100%;
	height:100%;
	color:#000000;
    padding: 8px 8px 8px 10px;

}
.sticky-list:hover .sticky-link{
	color:var(--lava_red);
}

@media all and (max-width:767px){
	.toggle-btn,.sticky-sidebar{
		display: none;
	}
}

/*---------------------------------------------------------- for particular size convenience----------------------- */

@media all and (min-width:1400px) {}

/* ---------for extra large-laptop---------- */
@media all and (min-width:1200px) and (max-width:1400px) {}

/* ---------for laptop--------- */
@media all and (min-width:992px) and (max-width:1200px) {
	.wcuc {
		padding: 20px 10px 25px 10px;
	}
}

/* ----------for tablet-------------- */
@media all and (min-width:768px) and (max-width:992px) {}

@media all and (min-width:575px) and (max-width:768px) {}

/* ---------between mobile and laptop----------- */
@media all and (min-width:425px) and (max-width:768px) {}


/* ----------for mobile phones-------------- */
@media(max-width:525px) {}

/* --------------------------------General responsiveness------------------------------------- */


@media(max-width:1200px) {
	.abagc {
		padding: 50px 20px;
	}

	.hposbc {
		padding: 45px 30px;
	}

	.ivc {
		padding: 40px 25px 65px 20px;
	}

	.hpaibc {
		padding: 40px 50px 0px 50px;
	}

	.hpaicb {
		padding: 0px 15px;
	}

	.sposc {
		padding: 40px 25px;
	}

	.cformbc {
		padding: 55px 40px 30px 40px;
	}

	.sposc-thumbb {
		top: -45%;
	}

	.hpaitb {
		position: relative;
		display: -ms-grid;
		display: grid;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.ivnc {
		margin-left: 25px;
		margin-right: 25px;
	}
}



@media(max-width:991px) {
	.abagccb {
		position: relative;
		text-align: center;
		margin-top: 30px;
	}

	.abagcbb {
		position: relative;
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.sposc-thumbb {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		top: -50%;
	}

	.sposc-thumbb1 {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
	}

	.sposc-thumbb2 {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: end;
	}

	.hposcac2 {
		margin-top: -25px;
	}

	.hposcac3 {
		margin-top: -25px;
	}

	.wcuc-first,
	.wcuc-last {
		height: 100%;
		margin-top: 0%;
	}

	.ivcb .mt-20 {
		margin-top: 60px;
	}

	.abpagtb {
		margin-top: 30px;
	}

	.ossb-ttle,
	.ivtb,
	.contform-ttleb {
		margin-bottom: 50px;
	}

	.ivccb {
		margin-top: 40px;
	}

	.cpabcat {
		font-size: 90px;
	}

	.cpabc-animtxt .addtxt {
		font-size: 21px;
		line-height: 27px;
	}

	.cpabcl li p {
		font-size: 17px;
		line-height: 24px;
	}

	.cformbc {
		padding: 55px 30px 30px 30px;
	}

	.clientb {
		margin-top: 70px;
	}

	.hhbl {
		top: 5%;
	}

	.hposcab {
		margin-top: 30px;
	}

	.ivnc {
		margin-left: 10px;
		margin-right: 10px;
	}

	.hpaibc {
		padding: 40px 20px 0px 20px;
	}
}

@media(max-width:767px) {
	.sposc-thumbb {
		top: -30%;
	}

	.hpaicb {
		margin-top: 15px;
		padding: 0px;
	}

	.hpaib-animtxt {
		position: relative;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 30px;
	}

	.banner-section {
		height: 100%;
	}

	.cpabc {
		height: 250px;
	}

	.cpabc-animtxt {
		position: absolute;
		left: 0;
		top: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.cpabc-animtxt.txt2 {
		left: unset;
		z-index: 4;
		right: 0;
	}

	.cformbc {
		padding: 55px 25px 30px 25px;
	}

	.home-banner.banner-section {
		height: 625px;
	}

	.home-banner .hhbl {
		top: 45%;
	}

	.clientb {
		margin-top: 50px;
	}

	.hpaibc {
		padding: 40px 20px 0px 20px;
	}

	.hhbl {
		top: 20%;
	}

	.btxt-block p {
		font-size: 20px;
		line-height: 30px;
		font-weight: 600;
	}

	.abpagcbl {
		padding-left: 40px;
	}

	.abpagcbl li::before {
		left: 10px;
	}

	.hposcmt {
		margin-top: 40px;
	}

	.ser-htb::before {
		width: 105%;
		left: -2.5%;
		border-radius: 125px 35px 35px 35px;
	}

	.ex-btn {
		padding: 10px 25px;
	}

	.hpos-ttleb,
	.cttle-block {
		margin-bottom: 40px;
	}

	.cpabcat {
		font-size: 60px;
	}

	.btxt-block {
		text-align: center;
	}

	.home-banner .btxt-block p,
	.btxt-block p {
		font-size: 18px;
		line-height: 26px;
	}

	.hero-banner .btxt-block,
	.service-banner .btxt-block,
	.solutions-banner .btxt-block,
	.about-banner .btxt-block,
	.contact-banner .btxt-block,
	.blog-banner .btxt-block,
	.disc-banner .btxt-block,
	.pp-banner .btxt-block,
	.careers-banner .btxt-block,
	.events-banner .btxt-block {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 40px;
		padding-right: 40px;

	}

	.sposc {
		padding: 40px 20px 40px 20px;
	}

	.footer-area .widget .footer-links ul li {
		margin-bottom: 15px;
		font-weight: normal;
	}

	.abpagcbl li {
		font-size: 15px;
		line-height: 21px;
	}

	.ogcb {
		margin-top: 40px;
	}

	.ogc-mt {
		margin-top: 50px;
	}

	.otmb {
		margin-top: 60px;
	}

	.indvtlThumbBlock,
	.indvtlContentBlock {
		margin-top: 30px;
	}

	.indvtlContentBlock p {
		margin-top: 10px;
	}

	.indvtlBlock {
		margin-top: 40px;
	}
}

@media(max-width:575px) {
	.cpabcat {
		font-size: 40px;
	}

	.cpabc-animtxt .addtxt {
		font-size: 17px;
		line-height: 23px;
	}

	.wcuct-block {
		gap: 5px;
	}

	.test-block .grid {
		margin-top: 50px;
		margin-bottom: 100px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.hpaibc {
		padding: 40px 10px 0px 10px;
		border-radius: 25px;
	}

	.ivnc {
		margin-left: 0;
		margin-right: 0;
		padding: 40px 15px 30px 15px;
	}

	.os-btn,
	.gs-btn {
		padding: 10px 10px;
	}

	.cpabcl li p {
		padding-left: 10px;
		font-size: 14px;
		line-height: 20px;
		font-weight: 500;
	}

	.cform .input-group input,
	.cform .input-group select,
	.cform .input-group textarea {
		border-radius: 10px !important;
		padding-left: 20px !important;
	}

	.cpabcl li span.cpabclib img {
		max-width: 25px !important;
		max-height: 25px !important;
	}

	.cpabcatb {
		-webkit-text-stroke: 1px #00B4FA;
	}

	.cpabcatr {
		-webkit-text-stroke: 1px #E0231D;
	}

	.home-banner .btxt-block p,
	.btxt-block p {
		font-size: 16px;
		line-height: 22px;
	}

	.hero-banner .btxt-block,
	.service-banner .btxt-block,
	.solutions-banner .btxt-block,
	.about-banner .btxt-block,
	.contact-banner .btxt-block,
	.blog-banner .btxt-block,
	.disc-banner .btxt-block,
	.pp-banner .btxt-block,
	.careers-banner .btxt-block,
	.events-banner .btxt-block {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 10px;
		padding-right: 10px;

	}

	.wcutb {
		margin-bottom: 20px;
	}

	.tc {
		padding: 25px 10px;
	}

	.abpagcbl {
		padding-left: 30px;
	}

	.abpagcbl li {
		font-size: 14px;
		line-height: 20px;
	}

	.header-one,
	.sticky-header.sticky-on {
		border-radius: 5px;
		padding: 0px 10px;
	}

	.header-one .container-fluid {
		padding: 0px 5px;
	}

	.cformbc {
		padding: 30px 25px 30px 25px;
	}
}


.contact-block p {
	position: relative;
	display: -ms-grid;
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.test-block .col-lg-12,
.test-block .col-12 {
	padding-right: 0px;
	padding-left: 0px;


}

h5.fl-header {
	font-size: 17px;
	margin-bottom: 30px;
}

.footer-lamp {
	width: 150px;
	height: 75px;
}


/* ========Answerly banner modification in the website=========== */
.home-page.header-one {
	top: unset;
	margin-top: 0px;
}

.homer-page.sticky-header.sticky-on {
	top: unset;
	margin-top: 0px;
}


/* ======Supplier diversity office certified section====== */
.sdoc-section{
	position: relative;
	display: block;
	overflow:hidden;
}
.sdoc-ib-span{
	position: relative;
	padding:61px 132px;
	margin-top: 60px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
-webkit-box-shadow: 0px 21px 46px #0000001A;
        box-shadow: 0px 21px 46px #0000001A;
border-radius: 40px;
}
.sdoc-ibc{
	position: relative;
}
.sdoc-ibc::before{
	position: absolute;
	content:"";
	width:500%;
	height: 57px;
	top:50%;
	left:-250%;
	background: #FFE6E6 0% 0% no-repeat padding-box;
}


/* nav- recognitino-container */
.nav-recognition-container{
	position: relative;
}
@media all and (max-width:991px){
	.nav-recognition-container{
		padding-left: 30px;
	}
}
@media all and (min-width:1000px){
	.nav-recognition-container{
		padding-left: 30px;
	}
}
@media all and (min-width:1200px){
	.nav-recognition-container{
		padding-left: 50px;
	}
}

.nav-recognition-logo{
	position: relative;
	max-width: 52px;
	max-height:36px;
}

@media all and (min-width:768px){
	.header-navigation .primary-menu li.sm-nav-rc,
	.header-navigation.breakpoint-on .site-nav-menu .primary-menu li.sm-nav-rc{
		display: none;
	}
}
@media all and (max-width:767px){
	.lg-nav-rc{
		display: none;
	}
	.header-navigation.breakpoint-on .site-nav-menu .primary-menu li.sm-nav-rc{
		margin-top: 30px;
	}
	.nav-recognition-container{
		padding-left: 0px;
	}
}

/* ===== ELITE Team Left Floating Icons (Isolated CSS) ===== */

.site-left-icons {
    position: absolute;
    left: 40px;              /* adjust if needed */
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 24px;
    z-index: 5;
}

.site-icon-box {
    width: 69px;
    height: 69px;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-icon-box img {
    width: 54px;
    height: 45px;
    object-fit: contain;
}

.hero-section {
    position: relative;
}