@charset "utf-8";
html { margin: 0; padding: 0; }
body { border: 0 none; margin: 0; padding: 0; font-family: 'Poppins', sans-serif; color: #000; font-size: 16px; line-height: 20px; }
img { border: 0 none; max-width: 100%; height: auto; }
ul, li, ol { list-style-type: none; margin: 0; padding: 0; }
a { text-decoration: none; transition: 0.3s; }
p {
font-size: calc(.44346vw + 11.60976px); line-height: 1.76; margin-bottom: calc(.88692vw + 21.21951px);
color: #000; font-weight: 300; }
/*========================================= Header css start======================================= */

header { position: relative; z-index: 5; transition: top 0.3s, box-shadow 0.3s; }
.header-main { padding: 14px 0; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
.header_logo img { max-height: 55px; }
.menus ul li { display: inline-block; margin-right: 25px; }
.header-main .row { align-items: center; }
.menus ul li a { color: #000; font-size: 15px; position: relative; display: block; padding: 4px 0; text-decoration: none; transition: 0.5s; font-weight: 500; }
.emailicon_box { display: flex; }
.emailimg { position: relative; z-index: 0; display: flex; justify-content: center; }
.email-text { display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
.emailimg a { display: flex; justify-content: center; align-items: center; margin: 0px 0px 0px 0px; width: 42px; height: 42px; line-height: 50px; border-radius: 50%; }
.emailimg i { color: #000; }
.email-text span { font-size: 12px; color: #6C757D; letter-spacing: 0.5px; }
.email-text h6 a { font-size: 14px; color: #000; letter-spacing: 0; }
/*.emailicon_box:hover .emailimg a { background: #128bb5; transition: all 0.5s; }*/

.header_btns ul li { display: inline-block; margin-left: 20px; }
.header_btns ul li a { font-size: 14px; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); background: #dd8027; border: 1px solid #dd8027; padding: 10px 18px; border-radius: 5px; text-transform: uppercase; }
.header_btns ul li a:hover { background: transparent; color: #000; }
.menus ul li a:hover::after { transform: scaleX(1); transform-origin: left; }
.menus1 ul li a::after { position: absolute; content: ""; top: 36px; left: 0; width: 100%; height: 2px; background: #fff; transform: scaleX(0); transform-origin: right; transition: transform 0.5s; }
.menus ul li.active a::after { transform: scaleX(1); transform-origin: left; }
.middle-menu { padding: 10px; background: #128bb5; text-align: center; }
/* Header css End */

/*=========================== Banner Section Css Start ======================================*/

.banner-section { padding-top: 80px; }
.carousel-inner img { width: 100%; }
.carousel-control-prev-icon, .carousel-control-next-icon { background-size: 50% !important; background-repeat: no-repeat !important; background-position: center !important; }
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 10px !important; height: 10px !important; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; background-color: #000; padding: 25px !important; border-radius: 50px; }
.carousel-control-prev { left: auto; position: absolute; right: 87px; top: auto; width: 60px; opacity: 1; bottom: 20px; }
.carousel-control-next { margin-top: -20px; position: absolute; right: 20px; top: auto; width: 60px; opacity: 1; bottom: 20px; }
/* Banner Section Css End */

/*=================================== About Section css start ==================================*/

.avideo { padding: 0; position: relative; }
.avideo iframe { margin-bottom: -5px; height: 100%; }
.atext { padding: 0; background: #128bb5; color: #fff; padding: 50px; position: relative; font-size: 15px; line-height: 24px; }
.atext a { color: #fff; font-weight: 600; }
.aleftarrow::before { content: ""; position: absolute; width: 16px; height: 16px; background-color: #fff; left: -8px; right: auto; top: 50%; bottom: 0; margin: 0 auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.arightarrow::before { content: ""; position: absolute; width: 16px; height: 16px; background-color: #fff; left: auto; right: -8px; top: 50%; bottom: 0; margin: 0 auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.atext h2 { margin-bottom: 14px; font-size: 22px; font-weight: 400; }
.about_section { padding: 80px 0; border-top: 1px solid #f2f2f2; }
.container-fluid.about_section h1 { text-align: center; margin-bottom: 60px; font-size: 40px; font-weight: 600; }
.atext.arightarrow { background: #dd8027; }
/* About section css end */

/*========================================== service section css =======================================*/

.container-fluid.service_section { width: 100%; float: left; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 120px; padding-bottom: 30px; background: #fff; }
.service_main_box { width: 100%; position: relative; text-align: center; }
.service_main_box { width: 100%; text-align: center; padding: 0px 50px; transition: all .5s ease-in-out; border-radius: 10px; border: 1px solid rgba(153, 153, 153, 0.2); margin-bottom: 10px; height: 100%; position: relative; padding-bottom: 50px; display: flex; justify-content: center; }
.service_content h2 { font-size: 16px; font-weight: 600; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.2px; }
.service_content h2 a { color: #000; text-decoration: none; }
.service_content p { font-size: 16px; margin-bottom: 0; color: #000; }
.service_icon { width: 100px; height: 100px; background: #fff; border-radius: 50%; line-height: 100px; display: inline-block; position: absolute; margin: -45px 0 30px; border: 2px solid #dd8027; }
.service_content { padding-top: 85px; color: #000; }
.service_icon img { max-width: 60px; }
.service_box { margin-bottom: 80px; }
.service_main_box:hover { border-color: transparent; -webkit-box-shadow: 0px 54px 115px 0px rgba(52, 60, 66, 0.25); box-shadow: 0px 54px 115px 0px rgba(52, 60, 66, 0.25); }
.service_content p { margin-bottom: 0; }
.service_main_box:hover .service_content h2 a { color: #dd8027; }
/*end*/

/*==================================  Full Bg Title Css start ==========================*/

.full-title h2 { line-height: 40px; text-transform: uppercase; font-size: 26px; color: #fff; position: relative; }
.full-title { max-width: 60%; margin: 0 auto; }
.full-bg-image { padding: 80px 0; text-align: center; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }
.f_overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0 ,0 ,0 ,0.5); }
.full-title h2 a { color: #dd8027; }
/* Full Bg Title Css End*/

#particles-js { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); height: 100%; transform: translate(-50%, -50%); -webkit-transition: 1s opacity; transition: 1s opacity; }
.email-text h6 { margin: 0; }
.topright { display: flex; align-items: center; }
.tophead ul { list-style: none; margin: 0; padding: 0; }
.tophead ul li { display: inline-block; margin-right: 15px; }
.topright li, .topright a { font-size: 13px; }
.tophead a, .tophead li { color: #fff; font-size: 13px; }
.topright i { padding-right: 6px; }
.topright i { padding-right: 6px; }
.menus { float: right; }
.banner_parts { padding: 0; }
.head_btns ul li img { max-width: 70px; border-radius: 5px; }
.topleft { text-align: right; }
.menus ul li a:hover { color: #1188B2; }
.row.custo_rows { background: #ddd; }
.banner-sect { text-align: center; }
/*============================== news section css start ==========================*/

.sec-title { padding-bottom: 50px; position: relative; display: block; text-align: center; float: left; width: 100%; padding-top: 15px; }
.sec-title h1::after { content: ""; width: 80px; display: block; height: 5px; background: #dd8027; margin-left: auto; margin-right: auto; margin-top: 11px; border-radius: 5px; }
.sec-title h1 { letter-spacing: 1px; text-transform: uppercase; color: #030925; font-size: 32px; line-height: 42px; margin-top: 10px; font-weight: 600; position: relative; margin-bottom: 0; }
.author_text h3 { font-size: 16px; font-weight: 800; }
.owl-nav { margin-top: 45px !important; }
.owl-nav .owl-prev, .owl-nav .owl-next { height: 55px !important; width: 55px; background: #dd8027 !important; border-radius: 50% !important; color: #fff !important; font-size: 15px !important; text-align: center; line-height: 55px !important; margin: 0px 3px; -webkit-transition: all 500ms ease !important; transition: all 500ms ease !important; border: 2px solid #dd8027 !important; }
.owl-dots { display: none; }
element { }
.t_b_two .tinner_box .tinfo_box { position: relative; margin-top: -10px; margin-left: 60px; padding-left: 0; min-height: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.t_b_two .tinner_box { position: relative; margin: 1px; }
.t_b_two .tinner_box .text_box { position: relative; display: block; background-color: #ebf6ff; background-position: left top; background-repeat: no-repeat; padding: 55px 60px 80px 60px; margin-bottom: 56px; border-radius: 15px; }
.t_b_two .tinner_box .text_box::before { position: absolute; left: 60px; top: 100%; border-right: 65px solid transparent; border-top: 39px solid #ebf6ff; content: ""; }
.t_b_two .tinner_box .text_box .icon-quote { position: absolute; right: 0; top: 0; height: 72px; width: 72px; font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #2c99fd; background-color: #2c99fd; background-repeat: no-repeat; background-position: center; -webkit-transition: all 100ms ease; transition: all 100ms ease; }
.t_b_two .tinner_box .text_box .author_text { height: 135px; position: relative; font-size: 16px; line-height: 26px; margin-bottom: 0; margin-top: 0; padding-right: 35px; color: #333; }
.t_b_two .tinner_box .tinfo_box .author_img { position: absolute; left: 0; top: 0; height: 94px; width: 94px; border: 2px solid #2c99fd; border-radius: 50%; overflow: hidden; padding: 0; }
.t_b_two .tinner_box .tinfo_box .author_img img { border-radius: 50%; -webkit-transition: all 300ms ease; transition: all 300ms ease; height: 100%; width: 100%; object-fit: cover; object-position: top; }
.t_b_two .tinner_box .tinfo_box .tname { margin-top: 0; margin-bottom: 2px; font-weight: 600; font-size: 18px; }
.tm-sc-testimonials .author_text, .tm-sc-testimonials .tname, .tm-sc-testimonials .t_postion { transition: all 0.3s ease-in-out; }
.t_b_two .tinner_box .tinfo_box .t_postion { position: relative; text-transform: uppercase; display: block; font-size: 13px; color: #808287; font-weight: 500; line-height: 22px; letter-spacing: 0.1em; }
.container-fluid.testimonial_section { padding: 80px 0; width: 100%; float: left; padding-top: 0; }
/*end*/

/*footer css start*/

.container-fluid.footer { width: 100%; float: left; padding-top: 70px; padding-bottom: 70px; background: #0d1824; }
.footer_title h2 { font-size: 18px; margin-bottom: 30px; color: #fff; position: relative; text-transform: uppercase; }
.footer_title h2::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 40px; height: 2px; background: #dd8027; }
.footer_title p { color: rgba(255, 255, 255, 0.6); line-height: 26px; font-size: 16px; margin-bottom: 0; }
.footer_title ul li a { color: rgba(255, 255, 255, 0.7); }
.link_list li a { color: rgba(255, 255, 255, 0.7); padding-left: 15px; }
.footer_title ul li { color: rgba(255, 255, 255, 0.7); }
.link_list li { padding-top: 10px; padding-bottom: 10px; }
.link_list li:first-child { padding-top: 0; }
.link_list li:last-child { padding-bottom: 0; }
.contact_link li i { padding-right: 8px; color: #dd8027; font-size: 16px; }
.contact_link li { list-style: none; text-indent: -13px; margin-left: 24px; padding-bottom: 20px; transition: all 1s; line-height: 26px; }
.contact_link li:last-child { padding-bottom: 0px; }
.footer_title a:hover { color: #dd8027; transition: all 1s; }
.contact_link li .fa.fa-map-marker { font-size: 20px; }
.link_list li::before { content: '\f105'; font-family: FontAwesome; font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; color: #dd8027; margin-right: 0; top: -1px; }
.mob_list li { padding-bottom: 20px; }
.mob_list li:last-child { padding-bottom: 0px; }
.mob_list li img { max-width: 150px; }
.footer_two, .footer_three, .footer_four { padding-left: 70px; }
/*end*/

/*============================= back to top button css start ===================================*/

.top_button #button { display: inline-block; background-color: #128bb5; width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 30px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
.top_button #button::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff; position: relative; bottom: 2px; }
.top_button #button:hover { cursor: pointer; background-color: #dd8027; }
.top_button #button:active { background-color: #dd8027; }
.top_button #button.show { opacity: 1; visibility: visible; }
/*end*/

.main-header-new.fixed-header .menubar-section .container { top: 60px; }
.main-header-new.fixed-header { left: 0; position: fixed; top: 0; width: 100%; background: #fff; z-index: 9999999; }
/*============================================== MEGA MENU CSS START ========================================*/



.content { margin: 50px 100px 0px 100px; }
.menus ul li ul li { width: 100%; }
.mega-menu .row { align-items: flex-start; }
.Blog .row { align-items: flex-start; }
.exo-menu { width: 100%; float: left; list-style: none; position: relative; background: #fff; text-align: left; }
.mega-menu-wrap ul.stander ul, .mega-menu-wrap ul ul { border-left: 0; padding-left: 0; margin-top: 10px; }
.mega-menu-wrap.catalog li a { font-size: 16px; color: #128bb5; }
.mega-menu-wrap.catalog li ul li a { font-size: 14px; line-height: 16px; color: #000; }
.mega-menu-wrap.catalog li ul li a:hover { color: #1188B2; }
.stander li { width: 100%; }
.exo-menu > li { display: inline-block; float: left; }
.exo-menu > li > a { color: #ccc; text-decoration: none; text-transform: uppercase; -webkit-transition: color 0.2s linear, background 0.2s linear; -moz-transition: color 0.2s linear, background 0.2s linear; -o-transition: color 0.2s linear, background 0.2s linear; transition: color 0.2s linear, background 0.2s linear; }
.menus ul li.active a { color: #dd8027; }
.menus ul li { margin-bottom: 0; }
.Blog img { height: 255px; object-fit: cover; }
.menus { width: 100%; }
.exo-menu i { font-size: 18px; margin-right: 6px; line-height: 20px !important; }
li.drop-down, .flyout-right, .flyout-left { position: relative; }
li.drop-down:before { content: "\f103"; color: #fff; font-family: FontAwesome; font-style: normal; display: inline; position: absolute; right: 6px; top: 20px; font-size: 14px; }
li.drop-down>ul { left: 0px; min-width: 230px; }
.drop-down-ul { display: none; }
.flyout-right>ul, .flyout-left>ul { top: 0; min-width: 230px; display: none; border-left: 1px solid #365670; }
li.drop-down>ul>li>a, .flyout-right ul>li>a, .flyout-left ul>li>a { color: #fff; display: block; padding: 20px 22px; text-decoration: none; background-color: #365670; border-bottom: 1px dotted #547787; -webkit-transition: color 0.2s linear, background 0.2s linear; -moz-transition: color 0.2s linear, background 0.2s linear; -o-transition: color 0.2s linear, background 0.2s linear; transition: color 0.2s linear, background 0.2s linear; }
.flyout-right ul>li>a, .flyout-left ul>li>a { border-bottom: 1px dotted #B8C7BC; }
/*Flyout Mega*/

.flyout-mega-wrap { top: 0; right: 0; left: 100%; width: 100%; display: none; height: 100%; padding: 15px; min-width: 742px; }
.flyout-mega ul > li > a { font-size: 90%; line-height: 25px; color: #fff; font-family: inherit; }
.flyout-mega ul > li > a:hover, .flyout-mega ul > li > a:active, .flyout-mega ul > li > a:focus { text-decoration: none; background-color: transparent !important; color: #ccc !important }
/*mega menu*/



.mega-menu { left: 0; right: 0; padding: 30px 25px; display: none; min-height: 100%; z-index: 1; }
h4.row.mega-title { color: #000; margin-top: 0px; font-size: 18px; padding-left: 0; padding-bottom: 5px; text-transform: capitalize; border-bottom: none; padding-top: 0px; background-color: #fff; font-weight: 600; margin-bottom: 0; margin-left: 0px; margin-bottom: 13px; position: relative; display: inherit; }
.mega-title::after { width: 90%; margin-top: 11px; height: 3px; content: ""; background: #128bb5; margin-right: auto; display: block; }
.stander1, .twocol { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
.stander { float: left; width: 50%; }
.stander li span { color: #000; font-weight: 300; font-size: 13px; line-height: 16px; }
.mega-menu ul li a { line-height: 24px; font-size: 90%; display: block; }
ul.stander li a { padding: 0px; }
ul.description li { padding-bottom: 0; line-height: 8px; width: 100%; margin-bottom: 0; }
ul.description li span { color: #ccc; font-size: 85%; }
a.view-more { border-radius: 1px; margin-top: 15px; background-color: #128BB5; padding: 5px 30px !important; line-height: 21px !important; display: inline-block !important; color: #fff !important; }
.mega-menu-wrap ul { border-left: 1px solid #000; padding-left: 15px; }
a.view-more:hover { color: #fff; background: #0DADEF; }
ul.icon-des li a i { color: #fff; width: 35px; height: 35px; border-radius: 50%; text-align: center; background-color: #009FE1; line-height: 35px !important; }
ul.icon-des li { width: 100%; display: table; margin-bottom: 11px; }
/*Blog DropDown*/

.Blog { left: 0; display: none; padding-top: 15px; background: #fff; padding: 25px; z-index: 1; }
.Blog .blog-title { color: #000; font-size: 15px; text-transform: uppercase; font-weight: 600; }
.Blog .blog-des { color: #555; font-size: 90%; margin-top: 15px; }
.Blog a.view-more { margin-top: 0px; }
/*Images*/

.Images { left: 0; width: 100%; display: none; color: #fefefe; padding-top: 15px; background: #547787; padding-bottom: 15px; }
.Images h4 { font-size: 15px; margin-top: 0px; text-transform: uppercase; }
/*common*/

.flyout-right ul>li>a, .flyout-left ul>li>a, .flyout-mega-wrap, .mega-menu { background-color: #fff; }
/*hover*/

 @media (min-width:768px) {
.Blog:hover, .Images:hover, .mega-menu:hover, .drop-down-ul:hover, li.flyout-left>ul:hover, li.flyout-right>ul:hover, .flyout-mega-wrap:hover, li.flyout-left a:hover +ul, li.flyout-right a:hover +ul, .blog-drop-down >a:hover+.Blog, li.drop-down>a:hover +.drop-down-ul, .images-drop-down>a:hover +.Images, .mega-drop-down a:hover+.mega-menu, li.flyout-mega>a:hover +.flyout-mega-wrap { display: block; }
.toggle-menu { display: none; }
.header-main {
	padding: 0;
}
.head_row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.head_row .left {
	flex: 1;
    text-align: left;
}
.head_row .center {
	flex: 5;
	text-align: center;
}
.head_row .right {
	flex: 3;
	text-align: right;
	justify-content: flex-end;
}
.menus ul li a svg {
	vertical-align: top;
	margin-top: 4px;
}
.menus ul li a svg path {
	fill: black;
	transition: 0.5s;
}
.menus ul li a:hover svg path {
	fill: #1188B2;
}
.fixed-header .menus ul li a svg path {
	fill: white;
}
.fixed-header .menus ul li a:hover svg path {
	fill: #1188B2;
}
.nav.exo-menu {
    gap: 15px;
	width: auto;
}
.nav.exo-menu li a {
	text-transform: capitalize;
}
.nav.exo-menu > .button-item {
	flex: 1;
	margin-right: 0;
}
.nav.exo-menu > .button-item:last-child {
	margin-left: 0;
}
.nav.exo-menu > .button-item a {
	background: #FFFFFF;
	border-radius: 50px;
	display: flex;
	align-items: center;
	color: #000000;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	text-transform: capitalize;
	height: 54px;
	width: 154px;
	text-align: center;
	justify-content: center;
	border: 1px solid #000000;
}
.nav.exo-menu > .button-item a:hover {
	color: #FFFFFF;
	background: #DD8027;
	border-color: #DD8027;
}
.nav.exo-menu > .button-item.contact a {
	color: #FFFFFF;
	background: #000000;
	border-color: #000000;
}
.nav.exo-menu > .button-item.contact a:hover {
	color: #FFFFFF;
	background: #DD8027;
	border-color: #DD8027;
}
.head_row .center .menus > ul {
	justify-content: center;
	width: 100%;
}
.head_row .center .menus > ul > li > a {
	padding: 32px 0;
}
.head_row .center .menus > ul > li > a.active::before {
	position: absolute;
	height: 4px;
	left: 0px;
	right: 0px;
	top: 0px;
	background: #1188B2;
	content: "";
}
.fixed-header {
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,.85);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: top 0.3s, box-shadow 0.3s;
	z-index: 99;
}
.fixed-header .nav.exo-menu {
	background: transparent;
}
.fixed-header .menus > ul > li > a {
	color: #FFFFFF;
}
.fixed-header .menus ul li a.active {
	color: #1188B2 !important;
}
.fixed-header .menus ul li a:hover {
	color: #1188B2;
}
.fixed-header .nav.exo-menu > .button-item.contact a {
	color: #000000;
	background: #FFFFFF;
	border-color: #000000;
}
.fixed-header .nav.exo-menu > .button-item.contact a:hover {
	color: #FFFFFF;
	background: #DD8027;
	border-color: #DD8027;
}
.fixed-header .nav.exo-menu > .button-item.support a {
	color: #FFFFFF;
	background: transparent;
	border-color: #FFFFFF;
}
.fixed-header .nav.exo-menu > .button-item.support a:hover {
	color: #FFFFFF;
	background: #DD8027;
	border-color: #DD8027;
}
header .header_logo img.logo_black {
	display: block;
}
header .header_logo img.logo_white {
	display: none;
}
header.fixed-header .header_logo img.logo_black {
	display: none;
}
header.fixed-header .header_logo img.logo_white {
	display: block;
}
}
@media screen and (min-width: 1401px) and (max-width: 1495px) {
	.menus ul li {
		margin-right: 15px;
	}
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
	.menus ul li {
		margin-right: 12px;
	}
	.head_row .left {
		max-width: 100px;
	}
	.head_row .right {
		max-width: 340px;
	}
	.nav.exo-menu {
		gap: 7px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
	.menus ul li {
		margin-right: 0;
	}
	.nav.exo-menu > .button-item a {
		width: 134px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.nav.exo-menu > .button-item a {
		width: 104px;
		padding: 0;
	}
	.menus ul li {
		margin-right: 0;
	}
	.nav.exo-menu {
		gap: 8px;
	}
}

/*responsive*/

 @media (min-width:767px) {
.exo-menu > li > a { display: block; padding: 20px 22px; }
.mega-menu, .flyout-mega-wrap, .Images, .Blog, .flyout-right>ul, .flyout-left>ul, li.drop-down>ul { position: absolute; }
.flyout-right>ul { left: 100%; }
.flyout-left>ul { right: 100%; }
}
@media screen and (max-width: 1200px) {
	.nav.exo-menu > .button-item { margin-left: 0; }
	.nav.exo-menu > .button-item a { font-size: 12px; }
}
 @media (max-width:767px) {
.exo-menu { min-height: 58px; background-color: #f2f2f2; width: 100%; padding: 20px; margin-top: 15px; position: absolute; }
.header_col { padding: 0; }
.blog-drop-down i { display: none; }
.exo-menu li { border-bottom: 1px solid #e3dddd; }
.exo-menu i { float: right; }
.exo-menu li .mega-menu li { border-bottom: 0; }
.header_logo { padding-left: 15px; }
h4.row.mega-title { background-color: transparent; }
.flyout-right ul > li > a, .flyout-left ul > li > a, .flyout-mega-wrap, .mega-menu { background-color: transparent; }
.exo-menu > li > a { width: 100%; display: none; }
.exo-menu > li { width: 100%; }
.display.exo-menu > li > a { display: block; padding: 20px 22px; }
.mega-menu, .Images, .Blog, .flyout-right>ul, .flyout-left>ul, li.drop-down>ul { position: relative; }
.exo-menu { display: none; }
.header_logo img { max-height: 70px; }
.nav.exo-menu > .button-item a {
	font-size: 15px;
}
.menus ul li {
	margin-bottom: 10px;
}
.menus ul li a {
	text-transform: capitalize;
}
header .header_logo img.logo_white {
	display: none;
}
}
a.toggle-menu { position: absolute; right: 15px; padding: 0; font-size: 30px; background-color: #fff; color: #128BB5; top: 36px; transform: rotate(90deg); }
@media only screen and (max-width:576px) {
.stander1, .twocol { columns: 1; -webkit-columns: 1; -moz-columns: 1; }
.stander { float: left; width: 100%; }
.mega-menu { padding: 12px 0; }
.mega-menu-wrap ul { border-left: none; padding-left: 0; }
}
@media only screen and (min-width:576px) and (max-width:767px) {
.exo-menu { display: none; left: 0; right: 0; width: 100%; margin: 0 auto; top: 12px; }
.header_col { position: relative; }
a.toggle-menu { right: 0; top: -40px; }
.header_col { position: relative; }
.mega-menu { padding: 12px 0; }
.mega-menu-wrap ul { border-left: none; padding-left: 0; }
}
/*============================================== MEGA MENU CSS END ========================================*/



/*============================= SOLUTION PAGE TEMPLATE CSS START ===============================*/

.title_rights p { text-align: right; }
.innerpagetitle p { font-size: 14px; color: #333; font-weight: 600; margin: 0; }
.innerpagetitle p a { color: #333; }
.innerpagetitle p span { color: #dd8027; }
.innerpagetitle h2 { color: #fff; text-transform: inherit; font-size: 26px; margin: 0; }
.container-fluid.inner_page_banner { height: 55px; display: flex; flex-direction: column; align-content: center; align-items: center; justify-content: center; background: #128bb5; text-align: center; color: #fff; }
.inner_page_banner.innerpagetitle .row { align-items: center; }
.section_tit h2 { margin: 0px 0 20px; color: #000; text-transform: capitalize; font-size: 30px; position: relative; display: block; }
.middle-content-section { padding: 55px 0; }
/*.content_description p::before { content: '\f054'; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: none; position: absolute; font-size: 10px; color: #555; left: 6px; top: 0px; }*/

.content_description p { transition: all 0.3s ease-in-out; display: block; padding: 0px 25px 0px 0px; position: relative; }
.content_description { margin: 25px 0px 25px 0px; }
.middle-content-section .row { align-items: center; }
.section_tit { text-align: center; float: left; width: 100%; }
.sec-fot-image { margin-left: 5px; }
.about_section p { color: #fff; }
.customer-box { margin-bottom: 30px; }
.middle-content-customers { padding: 75px 0; }
.cimg { height: 300px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.cinner-box { position: relative; margin-bottom: 30px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); height: 100%; }
.ccontent { padding: 40px 20px 20px; background: #fff; }
.ccontent h3 a { font-size: 17px; color: #000; font-weight: 600; text-transform: uppercase; }
.link a { background: #128bb5; padding: 10px 20px; color: #fff; font-size: 14px; font-weight: 600; }
.link { position: absolute; bottom: 38px; margin: 0 auto; text-align: center; }
.ccontent p { font-size: 17px; }
.link a:hover { background: #dd8027; }
.ccontent h3 a:hover { color: #dd8027; }
/* SOLUTION PAGE TEMPLATE CSS END */

/*==================== Contact Section Css Start ==========================*/

.info_box { display: flex; align-items: center; }
.info_icon i { width: 55px; height: 55px; background: #128bb5; color: #fff; font-size: 22px; display: flex; justify-content: center; align-items: center; border-radius: 50%; }
.info_text { padding-left: 20px; }
.info_text h2 { font-size: 18px; font-weight: 600; letter-spacing: 1px; }
.info_text p { letter-spacing: 1px; margin-bottom: 0; }
.info_text p a { color: #4c4d56; transition: all 1s; }
.info_text p a:hover { color: #dd8027; }
.info_detail { padding-top: 20px; }
.info_box { margin-bottom: 40px; }
.contact_content h2 { color: #dd8027; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
.contact_content h3 { font-size: 28px; font-weight: 600; letter-spacing: 1px; margin-bottom: 25px; }
.contact_content p { letter-spacing: 1px; margin-bottom: 15px; color: #000; }
.container-fluid.contact_page { background: #fff; }
.contact_form_box { box-shadow: 0px 0px 139px 0px rgba(0, 0, 0, 0.1); background: #fff; padding: 35px 30px; border-radius: 4px; }
.contact_form_box form input { background: #f5f6f6; outline: 0; border: 0; color: #505050; padding: 16px 15px; line-height: 16px; font-size: 16px; border-radius: 4px; }
.contact_form_box .form-control:focus, .contact_form_box form select:focus { background: #f5f6f6; box-shadow: none; }
.contact_form_box label { font-weight: 600; font-size: 15px; }
.contact_form_box form select { background: #f5f6f6; outline: 0; border: 0; color: #505050; padding: 16px 15px; font-size: 16px; border-radius: 4px; background-image: none !important; }
.contact_form_box .select-wrapper::after { color: black; margin-right: 10px; pointer-events: none; position: absolute; right: 3px; display: flex; align-items: center; height: 100%; top: 0; content: "\f107"; font: normal normal normal 20px/1 FontAwesome; font-size: 20px; text-rendering: auto; font-size: 22px !important; }
.contact_form_box .select-wrapper { position: relative; width: 100%; }
.contact_form_box .btn.btn-primary { border: 1px solid #dd8027; padding: 12px 32px; border-radius: 5px; background: #dd8027; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin-top: 20px; width: 100%; }
.contact_form_box .btn.btn-primary:hover { transition: all 0.5s; background: #128bb5; border-color: #128bb5; }
.contact_content { padding-right: 50px; }
/* Faq Section Start */

.container-fluid.faq_sec { width: 100%; padding-top: 70px; padding-bottom: 70px; }
.container-fluid.faq_sec .accordion-button { background: #f2f2f2; color: #000 !important; font-size: 16px; font-weight: 600; line-height: 26px; letter-spacing: 1px; }
/*.container-fluid.faq_sec .accordion-button::after { color: #000 !important; background-image: none !important; content: "\f106"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 22px !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/

.container-fluid.faq_sec .accordion-button:focus { box-shadow: none !important; }
.container-fluid.faq_sec .accordion-item { margin-bottom: 10px; border: none; }
.container-fluid.faq_sec #accordionExample { max-width: 90%; margin: 0 auto; }
.container-fluid.faq_sec .accordion-button:hover { background: #dd8027; transition: all 0.5s; color: #fff !important; }
.container-fluid.faq_sec .accordion-button:hover::after { color: #fff !important; }
/* Faq Section End */

.ccontent { padding: 25px 20px 35px; background: #fff; }
.row.cntanets_row { align-items: start; }
.content_description .buttons { margin-left: 25px; }
.buttons a { padding: 10px 15px; color: #fff; font-size: 14px;/* background: #128bb5; border: 1px solid #128bb5;*/ background: #000; border: 1px solid #000; border-radius: 5px; }
.buttons { margin-top: 25px; }
.buttons a:hover { background: transparent; color: #128bb5; }
.purchse_recepit_content { padding: 0 0 30px 0; }
.oracle_box_desc p { font-size: 16px; margin: 0; }
.oracle_box_img { text-align: center; }
.oracle-box { border: 1px solid #eee; height: 100%; padding: 30px 30px 5px 30px; transition: all 0.3s ease-in-out; background: #f2f2f2; margin-bottom: 40px; }
.oracle-box .row { align-items: center; }
.three-box-oracle { padding: 40px 0 60px 0; }
.bottom-cols .oracle-box { padding-bottom: 30px; }
.row.first_two_row .oracle_box_desc { text-align: center; margin-top: 12px; }
/*.rsection_titles h2::before { content: "\f047"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: 14px; font-size: 14px; font-size: 14px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #dd8027; font-size: 20px; padding-right: 10px; }*/

.releted_topics { padding: 20px 0 50px 0; }
.rsection_titles h2 { font-size: 25px; line-height: 22px; margin-bottom: 20px; }
.releted-content p { margin-bottom: 8px; }
.releted-content h2 { font-size: 20px; font-weight: 600; margin-bottom: 10px; }
.releted-content { padding-left: 15px; margin-top: 25px; }
.rsection_titles h2::after { width: 100%; margin-right: auto; margin-top: 20px; height: 1px; display: block; content: ""; background: #ddd; margin-left: 0; }
.oracle_box_img img { max-height: 145px !important; }
.oracle-box-col { margin-bottom: 20px; }
.customer_details .row { max-width: 1000px; margin: 0 auto; }
.main_about_rows { margin-bottom: 20px; }
.oracle_logos img { max-width: 150px; }
.stander ul li a { font-size: 14px; line-height: 16px; }
.left_sidebar li a { color: #128bb5; line-height: 22px; }
.container-fluid.tab_content { padding: 50px 0; }
.tab_left { padding: 0; color: #000; }
.left_sidebar { background: #ebf6ff; height: 400px; overflow-y: auto; }
.tab_Right { padding-left: 40px; }
.left_sidebar li { margin-bottom: 20px; }
.left_sidebar h4 { background: #128bb5; color: #fff; font-size: 18px; padding: 10px 15px; }
.left_sidebar ul { padding: 15px 20px; }
.left_sidebar ul li { list-style-type: decimal; margin-left: 15px; }
.left_sidebar li a { font-size: 14px; }
/*.comm h2::before { content: "\f047"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: 14px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #dd8027; font-size: 20px; padding-right: 10px; }*/

.comm h2 { font-size: 24px; margin-bottom: 10px; }
.common_right { line-height: 26px; }
.common_right a:hover { color: #dd8027; }
.common_right a { color: #128bb5; font-weight: 500; }
#GettingStarted ul { margin-bottom: 20px; }
.comm { border-bottom: 1px solid #badae6; padding-bottom: 20px; margin-bottom: 40px; }
.comm img { max-width: 90%; margin-top: 1em; margin-bottom: 3em; border: 2px solid black; }
.youtube_video { margin: 0 !important; max-width: 100% !important; padding-left: 15px; text-align: right; float: right; }
.comm ol li { list-style-type: decimal; margin-left: 20px; }
.comm ol { margin-bottom: 15px; }
.comm table { border: 1px solid #000; }
.comm table tr:nth-child(2n-1) { background: #ebf6ff; }
.comm table tr td { padding: 8px 15px; }
.contact_form_box form textarea { background: #f5f6f6; outline: 0; border: 0; color: #505050; padding: 16px 15px; line-height: 19px; font-size: 14px; border-radius: 4px; width: 100%; }
.contact-buttons { text-align: center; }
 form-control.is-valid, .was-validated .form-control:valid {
 background-image: none !important;
}
 .was-validated .form-select:invalid:not([multiple]):not([size]) {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
 background-position: right .75rem center, center right 2.25rem;
 background-size: 16px;
 background-repeat: no-repeat;
}
.single_page_content { position: sticky; top: 25px; max-width: 85%; margin-bottom: unset; }
.single_page_content h2 { margin-bottom: 60px; font-size: calc(.44346vw + 21.60976px);
font-weight: 800; line-height: 1.3; }
.single_right_content h2 { margin-bottom: 20px; font-size:calc(.44346vw + 21.60976px);
font-weight: 700; line-height: 1.44; }
.customer_single_page { padding: 60px 0; }
.solution_pages_details .row { align-items: center; margin-bottom: 70px; }
.solution_pages_details .content_description h2 { font-size: 25px; font-weight: 700; margin-bottom: 15px; }
.solution_pages_details .row:nth-child(2n) .content_description { margin-left: 25px !important; }
.solution_three_boxs { padding: 0 0 50px 0; }
.solution_pages_details { padding-bottom: 20px; }
.s_box_titles h2 { font-size: 25px; font-weight: 700; margin-bottom: 40px; text-align: center; }
.solutione_box_contents { border: 1px solid #f2f2f2; padding: 35px; height: 100%; text-align: center; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2); }
.solutione_box_contents p { line-height: 26px; }
.card.card-body.cat_sub_menu { border: none; }
.card.card-body.cat_sub_menu .panel-collapse .card.card-body.cat_sub_menu { padding-left: 0; padding-right: 0; }
.card.card-body.cat_sub_menu ul { padding-left: 0; }
.cat_expand_menu p { margin: 0; margin-bottom: 2px; }
.menus_main { margin: 0; }
.menus_main p a { background: #128bb5; width: 100%; color: #fff; text-align: left; padding: 6px 15px; font-size: 16px; font-weight: 500; border-radius: 0; border-bottom: 1px solid #CCCCCC; }
.menus_main p a i { padding-right: 5px; }
.menus_main p a:hover { background: #128bb5; border-color: #CCCCCC; color: #fff; }
.catalog_bottom_menus { padding: 10px 0 50px 0; }
.cat_sub_menu ul { padding-left: 25px; }
.cat_sub_menu ul li a { color: #128bb5; line-height: 28px; font-size: 15px; font-weight: 600; }
 .btn:focus-visible {
 color: #fff !important;
 background-color: #128bb5 !important;
 border-color: #128bb5 !important;
 outline: 0;
}
.btn:focus { color: #fff !important; background-color: #128bb5 !important; border-color: #128bb5 !important; outline: 0; }
.cat_sub_menu p { color: #555; font-size: 15px; line-height: 24px; }
.cat_nav_menu_title h2 { text-align: left; margin-bottom: 25px; font-size: 17px; font-weight: 600; line-height: 28px; color: #fff; text-transform: capitalize; background: #dd8027; border-bottom: 2px solid #000; padding: 10px; }
.cat_nav_menu_title h2 > a { text-align: left; font-size: 17px; font-weight: 600; line-height: 28px; color: #fff; text-transform: capitalize; padding: 10px; }
.container-fluid.faq_sec button { border: none !important; box-shadow: none; }
.faq_sec button::after { content: none !important; }
.faq_sec img { border: 2px solid black; }
.youtube_video { border: none !important; }
.expand-btn { text-align: right; }
.expand-btn a { font-size: 16px; font-weight: 400; text-decoration: none; }
.cat_expand_menu { width: 70%; border: 1px solid #ccc; padding: 0; margin-top: 4px; border-radius: 5px; }
.menus_main .collapsed .fa.fa-minus { display: none; }
.menus_main .collapsed .fa.fa-plus { display: inline-block; }
.menus_main .fa.fa-plus { display: none; }
.row.about_secrow .content_description { margin: 0; }
.single_right_content p { margin-top: 20px; }
.cat_contents .content_description .buttons { margin-left: 0; }
.card.card-body.cat_sub_menu ul li { border-bottom: 1px solid #ddd; margin-bottom: 5px; }
.cat_expand_menu .menus_main:last-child p { margin: 0; }
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
.miidle_mid_content_section { padding-bottom: 95px; }
.customers_names ul li { font-weight: bold; letter-spacing: 1px; font-size: 22px; display: inline-block; margin-right: 60px; margin-bottom: 20px; padding: 15px; margin-left: 60px; }
.customers_names ul { text-align: center; }
.our_customer_sectios { padding: 60px 0 55px 0; text-align: center; }
.our_cistomes_titles h2::after { content: ""; background: #128bb5; height: 4px; margin: 12px auto 0px auto; width: 100px; display: block; }
.our_cistomes_titles { margin-bottom: 30px; }
.customers_names ul li img { width: 165px; object-fit: cover; z-index: 9999; position: relative; }
.customers_names { margin: 25px 0 6px 0; }
.submenus li { list-style-type: disc !important; margin-bottom: 5px; }
.submenus { padding: 12px 20px 0 !important; }
.oracle-box-col.oracle_box_col_new .oracle_box_img img { max-height: 300px !important; }
.oracle-box-col.oracle_box_col_new .oracle_box_desc { text-align: left; margin-top: 0; }
.oracle-box-col.oracle_box_col_new .oracle_box_desc p { margin-bottom: 10px; }
.oracle-box-col.oracle_box_col_new .oracle_box_desc h2 { margin-bottom: 12px; }
b { font-weight: 600; }
.container-fluid.table_content_part { padding: 50px 0; }
.compare-table table { margin-top: 30px; }
.compare-table .table.table-bordered th { background: #128bb5; color: #fff; text-align: center; }
.compare-table tbody tr:nth-of-type(2n+1) { background-color: rgba(0,0,0,.05); }
.compare-table .table.table-bordered td { font-size: 14px; line-height: 20px; padding: 12px 15px; }
.container-fluid.privacy-policy { padding: 50px 0; }
#privacy-plugin h2 { font-size: 22px; line-height: 22px; margin-bottom: 22px; }
#privacy-plugin p { font-size: 15px; margin-bottom: 12px; line-height: 22px; text-align: justify; }
.left_link span { margin-bottom: 20px; display: inline-block; }
/*.customers_names ul li:last-child { margin: 0; }*/
/*.row.custo_rows { background: #000; }*/
/*.customers_names ul li::after { background: #b5b1b1; position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); }*/
.customers_names ul li { position: relative; }
.releas_history_texts p { margin-bottom: 6px; line-height: 30px; }
.iconcontent { float: left; width: 100%; padding: 20px 0 50px 0; }
.service-block-two { position: relative; margin-bottom: 30px; }
.service-block-two .inner-box { position: relative; display: block; padding: 40px 45px 25px; background: #ffffff; border-radius: 7px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); transition: all 500ms ease; height: 100%; }
.service-block-two .inner-box .bottom-curve { position: absolute; right: -70px; bottom: -10px; width: 120px; height: 120px; background: #ffffff; opacity: 0.1; z-index: 0; transform: skewX(0deg) scaleX(0); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.service-block-two .inner-box .icon-box { position: relative; display: block; color: #000; font-size: 64px; line-height: 1em; margin-bottom: 20px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.icon-box img { max-width: 65px; }
.service-block-two .inner-box h5 { font-size: 24px; text-transform: uppercase; color: #000; font-weight: bold; letter-spacing: 1px; line-height: 1.1em; margin: 0; padding: 15px 0 0 0; position: relative; color: #000; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.service-block-two p { position: relative; display: block; font-size: 20px; line-height: 1.7em; font-weight: 400; letter-spacing: 0.1em; color: #000; padding: 20px 0px 0px; z-index: 1; font-size: 16px; line-height: 34px; font-family: var(--thm-b-font); letter-spacing: 0; }
.service-block-two .link-box { position: absolute; right: 3px; bottom: 8px; width: 30px; height: 30px; z-index: 1; }
.service-block-two .link-box a { position: relative; line-height: 30px; font-size: 20px; color: #ffffff; }
.service-block-two .inner-box:hover::before { background: #000; bottom: -10px; }
.service-block-two .inner-box:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; border-radius: 7px; overflow: hidden; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04); transition: all 500ms ease; }
.service-block-two .inner-box:hover h5, .service-block-two .inner-box:hover h5 a { color: #ffffff; }
.service-block-two .inner-box:hover p { color: #fff; }
.link-box span { font-size: 28px; }
/**/
.container-fluid.egreement_page { width: 100%; padding-top: 70px; padding-bottom: 70px; }
.egreement_content h2 { font-size: 22px; font-weight: 600; letter-spacing: 1px; margin-bottom: 25px; background: #f2f2f2; padding: 20px 15px; }
.egreement_content p { line-height: 26px; margin-bottom: 25px; }
.egreement_content h3 { font-size: 18px; font-weight: 600; letter-spacing: 1px; margin-bottom: 25px; background: #f2f2f2; padding: 20px 15px; }
/* .egreement_content h2::before { content: "\f047"; display: inline-block; font: normal normal normal 16px/1 FontAwesome; font-size: 16px; font-size: inherit; text-rendering: auto; padding-right: 10px; } */
/* .egreement_content h3::before { content: "\f047"; display: inline-block; font: normal normal normal 16px/1 FontAwesome; font-size: 16px; font-size: inherit; text-rendering: auto; padding-right: 10px; } */
.egreement_content ul li { color: #555; font-weight: normal; line-height: 26px; margin-bottom: 25px; text-indent: -11px; }
.egreement_content ul li::before { content: "\f054"; display: inline-block; font: normal normal normal 16px/1 FontAwesome; font-size: 10px !important; font-size: inherit; text-rendering: auto; padding-right: 10px; }
.egreement_content ul { margin-left: 23px; }
/**/
/*--------------------------media query start------------------------*/

@media only screen and (max-width: 575px) {
/*home page*/
.footer_two, .footer_three, .footer_four { margin-bottom: 20px; }
/*end*/
}
@media only screen and (max-width: 767px) {
/*home page*/
.banner-section { padding-top: 50px; }
.tab_Right { flex: 0 0 100%; max-width: 100%; }
.carousel-control-next-icon, .carousel-control-prev-icon { padding: 20px !important; }
.about_section { padding: 50px 0; }
.comm h2 { font-size: 20px; margin-bottom: 10px; }
.container-fluid.about_section h1 { margin-bottom: 35px; font-size: 26px; }
.carousel-control-prev { width: 30px; bottom: 15px; right: 70px; }
.carousel-control-next { bottom: 15px; width: 30px; }
.atext { padding: 35px; }
.aleftarrow::before, .arightarrow::before { display: none; }
.full-title { max-width: 80%; }
.full-title h2 { line-height: 36px; font-size: 20px; }
.second_rows_home .avideo { order: 1; }
.second_rows_home .atext.arightarrow { order: 2; }
.container-fluid.service_section { padding-top: 90px; padding-bottom: 0; }
.service_main_box { padding: 0px 20px; padding-bottom: 20px; }
.sec-title { padding-bottom: 35px; padding-top: 0; }
.sec-title h1 { font-size: 26px; line-height: 36px; }
.iconcontent { padding-top: 0px !important; }
.service-block-two .inner-box { padding: 25px 25px 25px !important; }
.service-block-two .inner-box .icon-box { margin-bottom: 0 !important; }
.service-block-two .inner-box h5 { font-size: 20px !important; }
.service-block-two p { font-size: 15px !important; line-height: 26px !important; margin-bottom: 0 !important; }
.t_b_two .tinner_box .text_box .author_text { height: auto; padding-right: 0; }
.t_b_two .tinner_box .text_box { padding: 40px 30px 40px 30px; }
.t_b_two .tinner_box .tinfo_box .tname { font-size: 16px; }
.footer_two, .footer_three { padding-left: 15px; margin-bottom: 20px; }
.footer_four { padding-left: 15px; margin-bottom: 0px; }
.container-fluid.footer { padding-top: 50px; padding-bottom: 50px; }
.footer_title li { font-size: 15px; }
.mob_list li img { max-width: 125px; margin-bottom: 15px; }
.oracle_logos img { max-width: 125px; }
.sec-fot-image img { margin-bottom: 0 !important; }
.avideo iframe { margin-bottom: -5px; height: 300px; }
/*end*/
/*about page*/
.faq_sec .container { padding: 0; }
.comm ol li { list-style-type: decimal; margin-left: 20px; font-size: 15px; }
.tab_left { padding: 0 10px; max-width: 100%; flex: 0 0 100%; }
.tab_Right.releas_history_texts { max-width: 100%; flex: 0 0 100%; }
.comm table tr td { padding: 8px 10px; }
.innerpagetitle h2 { font-size: 14px; }
.middle-content-section { padding: 35px 0; }
.content_description p { padding: 0px 0; font-size: 15px; margin-bottom: 15px; }
.meetleft { order: 2; }
.g-recaptcha { transform: scale(0.77); transform-origin: 0 0; }
.solution_pages_details .content-right-image { margin-bottom: 25px; }
.aboutt .content-description-right { margin-bottom: 25px; }
.aboutt .content_description p { text-align: center; }
.content-description-right { order: 1; }
.meetleft { flex: 0 0 auto; width: 100%; }
.content-description-right { flex: 0 0 auto; width: 100%; }
/*end*/
/*contact page*/
.container-fluid.about_section.contact_page { padding: 35px 0; }
.contact_content { padding-right: 0; }
.contact_content h3 { font-size: 22px; margin-bottom: 15px; }
.info_icon i { width: 45px; height: 45px; font-size: 18px; }
.info_box { margin-bottom: 30px; }
.info_text h2 { font-size: 17px; }
.info_detail { padding-top: 15px; }
.contact_form_box label { font-size: 14px; }
.contact_form_box form input, .contact_form_box form select { padding: 10px 15px; font-size: 14px; }
/*end*/
/*Catalogue page*/
.cat_nav_menu_title h2 { font-size: 14px; padding: 8px; margin-bottom: 20px; }
.cat_left_descriptions p { margin-bottom: 15px !important; }
.row.cntanets_row p { margin-bottom: 0; }
.cat_expand_menu { width: 100%; margin-top: 8px; }
.buttons { display: inline-block; }
.cat_sub_menu ul { padding-left: 0; }
.cat_left_content { flex: 0 0 auto; width: 100%; }
.cat_right_content { flex: 0 0 auto; width: 100%; margin-bottom: 15px; }
.cat_left_contents { flex: 0 0 auto; width: 100%; }
.cat_right_contents { flex: 0 0 auto; width: 100%; margin-bottom: 15px; }
.owl-nav .owl-prev, .owl-nav .owl-next { height: 45px !important; width: 45px; line-height: 45px !important; }
.owl-nav { margin-top: 35px !important; }
.our_customer_sectios { padding: 20px 0 20px 0; }
.customers_names { margin: 10px 0 25px 0; }
.customers_names ul li { margin-right: 40px; margin-left: 40px; display: inline; }
.miidle_mid_content_section { padding-bottom: 20px; }
.rsection_titles h2 { font-size: 20px; line-height: 26px; }
.releted-content { padding-left: 0; }
.releted-content h2 { font-size: 17px; line-height: 26px; }
.releted-content p { word-wrap: break-word; }
.customers_names ul li img { width: 140px; }
/*end*/
/*solutions page*/
.solution_pages_details .row { margin-bottom: 15px; }
.solution_pages_details .content_description h2 { font-size: 22px; margin-bottom: 10px; }
.solution_pages_details .row:nth-child(2n) .content_description { margin-left: 0px !important; }
.s_box_titles h2 { font-size: 20px; margin-bottom: 35px; line-height: 30px; }
.solutione_box_contents { padding: 22px; }
.solutions_boxs { margin-bottom: 20px; }
.solutions_boxs { flex: 0 0 auto; width: 100%; }
.solutione_box_contents p { font-size: 15px; }
/*end*/
/*customer page*/
.customer_single_page { padding: 40px 0; }
.single_page_content { max-width: 100%; }
.single_page_content h2 { margin-bottom: 30px; font-size: calc(.44346vw + 18.61px);
}
.single_right_content h2 { margin-bottom: 18px; font-size: calc(.44346vw + 18.61px);
}
.single_page_left { flex: 0 0 auto; width: 100%; }
.single_page_right { flex: 0 0 auto; width: 100%; }
/*end*/
/*catalogue page oracle_fusion_purchase_receipt_excel*/
.content_description { margin: 0px 0px 10px 0px; }
.purchse_recepit_content { padding: 0 0 10px 0; }
.oracle_box_img img { max-height: 110px !important; }
.oracle-box { padding: 20px 20px 5px 20px; }
.oracle_box_desc p { font-size: 14px; }
.three-box-oracle { padding: 40px 0 15px 0; }
.releted-content iframe { width: 100%; }
/*end*/
/*customer-success-stories/Home*/
.middle-content-customers { padding: 65px 0; }
.ccontent p { font-size: 15px; }
/*end*/
/*privacy_policy page*/
#privacy-plugin h2 { font-size: 20px; line-height: 26px; margin-bottom: 15px; }
/*end*/
/*frequently_asked_questions page*/
.container-fluid.faq_sec { padding-top: 50px; padding-bottom: 50px; }
.container-fluid.faq_sec .accordion-button { font-size: 14px; line-height: 24px; }
.container-fluid.faq_sec .accordion-body p { font-size: 14px; margin-bottom: 0; }
.faq_sec img { margin-top: 20px; }
/*end*/
/*resources/end_user_license*/
.container-fluid.egreement_page { padding-top: 50px; padding-bottom: 50px; }
.egreement_content h2 { font-size: 16px; margin-bottom: 15px; line-height: 24px; }
.egreement_content p { margin-bottom: 15px; font-size: 15px; }
.egreement_content h3 { font-size: 16px; margin-bottom: 15px; }
.egreement_content ul li { font-size: 15px; margin-bottom: 15px; }
/*end*/
.left_sidebar { height: auto; width: 100%; position: inherit !important; }
.tab_Right { padding-left: 15px; padding-top: 50px; }
.comm iframe { width: 100%; }
.comm img { max-width: 100%; }
}
@media only screen and (min-width: 768px) and (max-width:991px) {
/*home page*/
.tab_content .submenus { padding: 12px 0px 0 !important; }
.solution_pages_details .content-right-image { margin-bottom: 25px; }
.avideo { flex: 0 0 100%; max-width: 100%; }
.about_section { padding: 80px 0 80px 0; }
.atext.aleftarrow { max-width: 100%; flex: 0 0 100%; }
.atext.arightarrow { max-width: 100%; flex: 0 0 100%; }
.avideo iframe { margin-bottom: -5px; height: 300px; }
.menus ul li { margin-right: 0; align-items: center; float: none; }
.menus ul li a { font-size: 12px; }
.header_col { padding: 0; }
.header_logo img { max-height: 75px; }
.banner-section { padding-top: 70px; }
.container-fluid.about_section h1 { margin-bottom: 36px; font-size: 30px; }
.sec-title h1 { font-size: 26px; line-height: 36px; }
.sec-title { padding-bottom: 30px; }
.service-block-two .inner-box { padding: 25px 25px 25px !important; }
.service-block-two .inner-box .icon-box { margin-bottom: 0 !important; }
.service-block-two .inner-box h5 { font-size: 20px !important; }
.service-block-two p { font-size: 15px !important; line-height: 26px !important; margin-bottom: 0 !important; }
.t_b_two .tinner_box .text_box .author_text { height: 240px; padding-right: 0; }
.t_b_two .tinner_box .text_box { padding: 40px 45px 40px 45px; }
.t_b_two .tinner_box .tinfo_box .tname { font-size: 16px; }
.footer_two, .footer_three, .footer_four { padding-left: 15px; }
.footer_four, .footer_fours { margin-top: 20px; }
/*end*/
/*about page*/
.innerpagetitle h2 { font-size: 23px; }
.middle-content-section { padding: 50px 0; padding-bottom: 20px; }
.content_description p { padding: 0; text-align: justify; font-size: 15px; margin-bottom: 15px; }
.meetleft { order: 2; }
.content-description-right { order: 1; }
.meetleft { flex: 0 0 auto; width: 100%; }
.content-description-right { flex: 0 0 auto; width: 100%; }
/*end*/
/*contact page*/
.container-fluid.about_section.contact_page { padding: 45px 0; }
.contact_content { padding-right: 0; }
.contact_content h3 { font-size: 25px; margin-bottom: 15px; }
.info_icon i { width: 50px; height: 50px; font-size: 18px; }
.info_box { margin-bottom: 30px; }
.info_text h2 { font-size: 19px; }
.info_detail { padding-top: 15px; }
.contact_form_box label { font-size: 15px; }
.contact_form_box form input, .contact_form_box form select { padding: 12px 15px; font-size: 15px; }
.contact_form_text { flex: 0 0 auto; width: 100%; }
.contact_form { flex: 0 0 auto; width: 100%; }
/*end*/
/*Catalogue page*/
.cat_nav_menu_title h2 { font-size: 14px; line-height: 25px; }
.cat_expand_menu { width: 100%; }
.cat_left_descriptions p { margin-bottom: 15px !important; }
.row.cntanets_row p { margin-bottom: 0; }
.our_customer_sectios { padding: 25px 0 25px 0; }
.miidle_mid_content_section { padding-bottom: 20px; }
.rsection_titles h2 { font-size: 20px; }
.releted-content h2 { font-size: 18px; }
.customers_names ul li img { width: 140px; }
.customers_names ul li { margin-right: 0; margin-left: 0; }
/*end*/
/*solutions page*/
.solution_pages_details .row { margin-bottom: 20px; }
.solution_pages_details .content_description h2 { font-size: 22px; margin-bottom: 10px; }
.solution_pages_details .row:nth-child(2n) .content_description { margin-left: 0px !important; }
.s_box_titles h2 { font-size: 22px; margin-bottom: 35px; line-height: 30px; }
.solutione_box_contents { padding: 22px; }
.solutions_boxs { margin-bottom: 30px; }
.solutions_boxs { flex: 0 0 auto; width: 50%; }
.container-fluid.solution_three_boxs .row { justify-content: center; }
.solutione_box_contents p { font-size: 15px; }
/*end*/
/*customer page*/
.customer_single_page { padding: 40px 0; }
.single_page_content { max-width: 90%; }
.single_page_content h2 { margin-bottom: 30px; font-size: calc(.44346vw + 20.61px);
}
.single_right_content h2 { margin-bottom: 18px; font-size: calc(.44346vw + 20.61px);
}
/*end*/
/*catalogue page oracle_fusion_purchase_receipt_excel*/
.content_description { margin: 0px 0px 10px 0px; }
.purchse_recepit_content { padding: 25px 0 10px 0; }
.oracle_box_img img { max-height: 110px !important; }
.oracle-box { padding: 20px 20px 5px 20px; }
.oracle_box_desc p { font-size: 14px; }
.three-box-oracle { padding: 40px 0 15px 0; }
.row.first_two_row { justify-content: center; }
/*end*/
/*customer-success-stories/Home*/
.middle-content-customers { padding: 65px 0; }
.ccontent p { font-size: 15px; }
.container-fluid.middle-content-customers .row { justify-content: center; }
/*end*/
/*privacy_policy page*/
#privacy-plugin h2 { font-size: 20px; line-height: 26px; margin-bottom: 15px; }
/*end*/
/*frequently_asked_questions page*/
.container-fluid.faq_sec { padding-top: 50px; padding-bottom: 50px; }
.container-fluid.faq_sec .accordion-button { font-size: 14px; line-height: 24px; }
.container-fluid.faq_sec .accordion-body p { font-size: 14px; margin-bottom: 0; }
.faq_sec img { margin-top: 20px; }
/*end*/
/*resources/end_user_license*/
.container-fluid.egreement_page { padding-top: 50px; padding-bottom: 50px; }
.egreement_content h2 { font-size: 16px; margin-bottom: 15px; line-height: 24px; }
.egreement_content p { margin-bottom: 15px; font-size: 15px; }
.egreement_content h3 { font-size: 16px; margin-bottom: 15px; }
.egreement_content ul li { font-size: 15px; margin-bottom: 15px; }
/*end*/
.left_sidebar h4 { font-size: 15px; padding: 10px 13px; }
.comm iframe { width: 100%; margin-top: 15px; }
.comm img { max-width: 100%; }
.comm h2 { font-size: 20px; margin-bottom: 5px; }
.comm p { margin-bottom: 10px; }
.comm { padding-bottom: 0; margin-bottom: 25px; }
.left_sidebar { height: 300px; width: 200px; }
.comm h4 { font-size: 18px; }
}
@media only screen and (min-width: 992px) and (max-width:1024px) {
/*home page*/
.tab_content .submenus { padding: 12px 0px 0 !important; }
/* .menus ul li { margin-right: 21px; } */
.container-fluid.about_section h1 { margin-bottom: 50px; font-size: 32px; }
.full-title h2 { font-size: 20px; }
.sec-title h1 { font-size: 28px; line-height: 36px; }
.service-block-two .inner-box { padding: 35px 35px 35px !important; }
.service-block-two .inner-box .icon-box { margin-bottom: 0 !important; }
.service-block-two .inner-box h5 { font-size: 20px !important; }
.service-block-two p { font-size: 15px !important; line-height: 26px !important; margin-bottom: 0 !important; }
.t_b_two .tinner_box .text_box .author_text { height: 200px; padding-right: 0; }
.t_b_two .tinner_box .text_box { padding: 40px 45px 40px 45px; }
.t_b_two .tinner_box .tinfo_box .tname { font-size: 16px; }
.footer_two, .footer_three, .footer_four { padding-left: 15px; }
.oracle_logos img { max-width: 100%; }
.mob_list li img { max-width: 130px; }
.footer_title ul li a { font-size: 13px; }
.footer_title ul li { font-size: 13px; }
/*end*/
/*about page*/
.innerpagetitle h2 { font-size: 23px; }
.middle-content-section { padding: 40px 0; }
.content_description p { text-align: justify; font-size: 15px; margin-bottom: 15px; }
/*end*/
/*contact page*/
.container-fluid.about_section.contact_page { padding: 45px 0; }
.contact_content { padding-right: 0; }
.contact_content h3 { font-size: 25px; margin-bottom: 15px; }
.contact_content p { font-size: 15px; }
.info_icon i { width: 50px; height: 50px; font-size: 18px; }
.info_box { margin-bottom: 30px; }
.info_text h2 { font-size: 19px; }
.info_detail { padding-top: 15px; }
.contact_form_box label { font-size: 15px; }
.contact_form_box form input, .contact_form_box form select { padding: 12px 15px; font-size: 15px; }
/*end*/
/*Catalogue page*/
.cat_nav_menu_title h2 { font-size: 14px; line-height: 25px; }
.cat_expand_menu { width: 100%; }
.cat_left_descriptions p { margin-bottom: 15px !important; }
.row.cntanets_row p { margin-bottom: 0; }
.our_customer_sectios { padding: 25px 0 25px 0; }
.miidle_mid_content_section { padding-bottom: 20px; }
.rsection_titles h2 { font-size: 20px; }
.releted-content h2 { font-size: 18px; }
.customers_names ul li img { width: 140px; }
.customers_names ul li { margin-right: 20px; margin-left: 20px; }
/*end*/
/*solutions page*/
.solution_pages_details .row { margin-bottom: 40px; }
.solution_pages_details .content_description h2 { font-size: 22px; margin-bottom: 10px; }
.s_box_titles h2 { font-size: 22px; margin-bottom: 35px; line-height: 30px; }
.solutione_box_contents { padding: 22px; }
.solutione_box_contents p { font-size: 15px; }
/*end*/
/*customer page*/
.customer_single_page { padding: 50px 0; }
.single_page_content h2 { margin-bottom: 30px; font-size: calc(.44346vw + 20.61px);
}
.single_right_content h2 { margin-bottom: 18px; font-size: calc(.44346vw + 20.61px);
}
/*end*/
/*catalogue page oracle_fusion_purchase_receipt_excel*/
.content_description { margin: 0px 0px 10px 0px; }
.purchse_recepit_content { padding: 10px 0 10px 0; }
.oracle_box_img img { max-height: 110px !important; }
.oracle-box { padding: 20px 20px 5px 20px; }
.oracle_box_desc p { font-size: 14px; }
.three-box-oracle { padding: 40px 0 15px 0; }
.row.first_two_row { justify-content: center; }
/*end*/
/*customer-success-stories/Home*/
.middle-content-customers { padding: 65px 0; }
.ccontent p { font-size: 15px; }
.container-fluid.middle-content-customers .row { justify-content: center; }
/*end*/
/*frequently_asked_questions page*/
.container-fluid.faq_sec { padding-top: 50px; padding-bottom: 50px; }
.container-fluid.faq_sec .accordion-button { font-size: 14px; line-height: 24px; }
.container-fluid.faq_sec .accordion-body p { font-size: 14px; margin-bottom: 0; }
.faq_sec img { margin-top: 20px; }
/*end*/
/*resources/end_user_license*/
.container-fluid.egreement_page { padding-top: 50px; padding-bottom: 50px; }
.egreement_content h2 { font-size: 18px; margin-bottom: 15px; line-height: 24px; }
.egreement_content p { margin-bottom: 15px; font-size: 15px; }
.egreement_content h3 { font-size: 16px; margin-bottom: 15px; }
.egreement_content ul li { font-size: 15px; margin-bottom: 15px; }
/*end*/
.left_sidebar h4 { font-size: 15px; padding: 10px 13px; }
.comm iframe { width: 100%; margin-top: 15px; }
.comm img { max-width: 100%; }
.comm h2 { font-size: 20px; margin-bottom: 5px; }
.comm p { margin-bottom: 10px; }
.comm { padding-bottom: 0; margin-bottom: 25px; }
.left_sidebar { height: 300px; width: 239px; }
.comm h4 { font-size: 18px; }
}
@media only screen and (min-width: 1025px) and (max-width:1199px) {
/*home page*/
.tab_content .submenus { padding: 12px 0px 0 !important; }
/* .menus ul li { margin-right: 21px; } */
.container-fluid.about_section h1 { margin-bottom: 50px; font-size: 32px; }
.full-title { max-width: 58%; }
.sec-title h1 { font-size: 28px; line-height: 36px; }
.service-block-two .inner-box { padding: 35px 35px 35px !important; }
.service-block-two .inner-box .icon-box { margin-bottom: 0 !important; }
.service-block-two .inner-box h5 { font-size: 20px !important; }
.service-block-two p { font-size: 15px !important; line-height: 26px !important; margin-bottom: 0 !important; }
.t_b_two .tinner_box .text_box .author_text { height: 200px; padding-right: 0; }
.t_b_two .tinner_box .text_box { padding: 40px 45px 40px 45px; }
.t_b_two .tinner_box .tinfo_box .tname { font-size: 16px; }
.footer_two, .footer_three, .footer_four { padding-left: 15px; }
.oracle_logos img { max-width: 100%; }
.mob_list li img { max-width: 130px; }
.footer_title ul li a { font-size: 14px; }
.footer_title ul li { font-size: 14px; }
/*end*/
/*about page*/
.innerpagetitle h2 { font-size: 23px; }
.middle-content-section { padding: 40px 0; padding-top: 55px; }
.content_description p { text-align: justify; font-size: 15px; margin-bottom: 15px; }
/*end*/
/*contact page*/
.container-fluid.about_section.contact_page { padding: 45px 0; }
.contact_content { padding-right: 0; }
.contact_content h3 { font-size: 25px; margin-bottom: 15px; }
.contact_content p { font-size: 15px; }
.info_icon i { width: 50px; height: 50px; font-size: 18px; }
.info_box { margin-bottom: 30px; }
.info_text h2 { font-size: 19px; }
.info_detail { padding-top: 15px; }
.contact_form_box label { font-size: 15px; }
.contact_form_box form input, .contact_form_box form select { padding: 12px 15px; font-size: 15px; }
/*end*/
/*Catalogue page*/
.cat_nav_menu_title h2 { font-size: 14px; line-height: 25px; }
.cat_expand_menu { width: 100%; }
.cat_left_descriptions p { margin-bottom: 15px !important; }
.row.cntanets_row p { margin-bottom: 0; }
.our_customer_sectios { padding: 25px 0 25px 0; }
.miidle_mid_content_section { padding-bottom: 20px; }
.rsection_titles h2 { font-size: 20px; }
.releted-content h2 { font-size: 18px; }
.customers_names ul li { margin-right: 17px; margin-left: 17px; }
/*end*/
/*solutions page*/
.solution_pages_details .row { margin-bottom: 40px; }
.solution_pages_details .content_description h2 { font-size: 22px; margin-bottom: 10px; }
.s_box_titles h2 { font-size: 22px; margin-bottom: 35px; line-height: 30px; }
.solutione_box_contents { padding: 22px; }
.solutione_box_contents p { font-size: 15px; }
/*end*/
/*customer page*/
.customer_single_page { padding: 50px 0; }
.single_page_content h2 { margin-bottom: 30px; font-size: calc(.44346vw + 20.61px);
}
.single_right_content h2 { margin-bottom: 18px; font-size: calc(.44346vw + 20.61px);
}
/*end*/
/*catalogue page oracle_fusion_purchase_receipt_excel*/
.content_description { margin: 0px 0px 10px 0px; }
.purchse_recepit_content { padding: 10px 0 10px 0; }
.oracle_box_img img { max-height: 110px !important; }
.oracle-box { padding: 20px 20px 5px 20px; }
.oracle_box_desc p { font-size: 14px; }
.three-box-oracle { padding: 40px 0 15px 0; }
.row.first_two_row { justify-content: center; }
/*end*/
/*customer-success-stories/Home*/
.middle-content-customers { padding: 65px 0; }
.ccontent p { font-size: 15px; }
.container-fluid.middle-content-customers .row { justify-content: center; }
/*end*/
/*frequently_asked_questions page*/
.container-fluid.faq_sec { padding-top: 50px; padding-bottom: 50px; }
.container-fluid.faq_sec .accordion-button { font-size: 14px; line-height: 24px; }
.container-fluid.faq_sec .accordion-body p { font-size: 14px; margin-bottom: 0; }
.faq_sec img { margin-top: 20px; }
/*end*/
/*resources/end_user_license*/
.container-fluid.egreement_page { padding-top: 50px; padding-bottom: 50px; }
.egreement_content h2 { font-size: 18px; margin-bottom: 15px; line-height: 24px; }
.egreement_content p { margin-bottom: 15px; font-size: 15px; }
.egreement_content h3 { font-size: 16px; margin-bottom: 15px; }
.egreement_content ul li { font-size: 15px; margin-bottom: 15px; }
/*end*/
.left_sidebar h4 { font-size: 15px; padding: 10px 13px; }
.comm iframe { width: 100%; }
.comm img { max-width: 100%; }
.comm h2 { font-size: 20px; margin-bottom: 5px; }
.comm p { margin-bottom: 10px; }
.comm { padding-bottom: 0; margin-bottom: 25px; }
.left_sidebar { height: 300px; width: 239px; }
.comm h4 { font-size: 18px; }
}
 @media only screen and (min-width: 1200px) and (max-width:1399px) {
/*home page*/
.container-fluid.about_section h1 { margin-bottom: 50px; font-size: 32px; }
.full-title { max-width: 58%; }
.sec-title h1 { font-size: 28px; line-height: 36px; }
.service-block-two .inner-box { padding: 35px 35px 35px !important; }
.service-block-two .inner-box .icon-box { margin-bottom: 0 !important; }
.service-block-two .inner-box h5 { font-size: 20px !important; }
.service-block-two p { font-size: 15px !important; line-height: 26px !important; margin-bottom: 0 !important; }
.t_b_two .tinner_box .text_box .author_text { height: 160px; padding-right: 0; }
.t_b_two .tinner_box .text_box { padding: 40px 45px 40px 45px; }
.t_b_two .tinner_box .tinfo_box .tname { font-size: 16px; }
.footer_two, .footer_three, .footer_four { padding-left: 15px; }
.oracle_logos img { max-width: 100%; }
.mob_list li img { max-width: 130px; }
.footer_title ul li a { font-size: 15px; }
.footer_title ul li { font-size: 15px; }
/*end*/
/*about page*/
.innerpagetitle h2 { font-size: 23px; }
.middle-content-section { padding: 40px 0; padding-top: 55px; }
.content_description p { text-align: justify; font-size: 16px; margin-bottom: 15px; }
/*end*/
/*contact page*/
.container-fluid.about_section.contact_page { padding: 45px 0; }
.contact_content { padding-right: 0; }
.contact_content h3 { font-size: 25px; margin-bottom: 15px; }
.contact_content p { font-size: 15px; }
.info_icon i { width: 50px; height: 50px; font-size: 18px; }
.info_box { margin-bottom: 30px; }
.info_text h2 { font-size: 19px; }
.info_detail { padding-top: 15px; }
.contact_form_box label { font-size: 15px; }
.contact_form_box form input, .contact_form_box form select { padding: 12px 15px; font-size: 15px; }
/*end*/
/*Catalogue page*/
.cat_nav_menu_title h2 { font-size: 14px; line-height: 25px; }
.cat_expand_menu { width: 100%; }
.cat_left_descriptions p { margin-bottom: 15px !important; }
.row.cntanets_row p { margin-bottom: 0; }
.our_customer_sectios { padding: 25px 0 25px 0; }
.miidle_mid_content_section { padding-bottom: 20px; }
.rsection_titles h2 { font-size: 20px; }
.releted-content h2 { font-size: 18px; }
.customers_names ul li { margin-right: 30px; margin-left: 30px; }
/*end*/
/*solutions page*/
.solution_pages_details .row { margin-bottom: 40px; }
.solution_pages_details .content_description h2 { font-size: 22px; margin-bottom: 10px; }
.s_box_titles h2 { margin-bottom: 35px; line-height: 30px; }
.solutione_box_contents { padding: 22px; }
.solutione_box_contents p { font-size: 15px; }
/*end*/
/*customer page*/
.customer_single_page { padding: 50px 0; }
.single_page_content h2 { margin-bottom: 30px; font-size: calc(.44346vw + 20.61px);
}
.single_right_content h2 { margin-bottom: 18px; font-size: calc(.44346vw + 20.61px);
}
/*end*/
/*catalogue page oracle_fusion_purchase_receipt_excel*/
.content_description { margin: 0px 0px 10px 0px; }
.purchse_recepit_content { padding: 10px 0 10px 0; }
.oracle_box_img img { max-height: 110px !important; }
.oracle-box { padding: 20px 20px 5px 20px; }
.oracle_box_desc p { font-size: 14px; }
.three-box-oracle { padding: 40px 0 15px 0; }
.row.first_two_row { justify-content: center; }
/*end*/
/*customer-success-stories/Home*/
.middle-content-customers { padding: 65px 0; }
.ccontent p { font-size: 15px; }
.container-fluid.middle-content-customers .row { justify-content: center; }
/*end*/
/*frequently_asked_questions page*/
.container-fluid.faq_sec { padding-top: 60px; padding-bottom: 60px; }
.container-fluid.faq_sec .accordion-button { font-size: 14px; line-height: 24px; }
.container-fluid.faq_sec .accordion-body p { font-size: 14px; margin-bottom: 0; }
.faq_sec img { margin-top: 20px; }
/*end*/
/*resources/end_user_license*/
.container-fluid.egreement_page { padding-top: 50px; padding-bottom: 50px; }
.egreement_content h2 { font-size: 18px; margin-bottom: 15px; line-height: 24px; }
.egreement_content p { margin-bottom: 15px; font-size: 15px; }
.egreement_content h3 { font-size: 16px; margin-bottom: 15px; }
.egreement_content ul li { font-size: 15px; margin-bottom: 15px; }
/*end*/
.left_sidebar h4 { font-size: 15px; padding: 10px 13px; }
.comm img { max-width: 100%; }
.comm h2 { font-size: 22px; margin-bottom: 10px; }
.comm p { margin-bottom: 10px; }
.comm { padding-bottom: 0; margin-bottom: 25px; }
.left_sidebar { height: 350px; width: 239px; }
.comm h4 { font-size: 20px; }
}
@media only screen and (min-width: 1400px) and (max-width:1599px) {
/*about page*/
.innerpagetitle h2 { font-size: 23px; }
.middle-content-section { padding: 40px 0; }
.content_description p { text-align: justify; font-size: 16px; margin-bottom: 15px; }
/*end*/
/*contact page*/
.container-fluid.about_section.contact_page { padding: 45px 0; }
.contact_content { padding-right: 0; }
.contact_content h3 { font-size: 25px; margin-bottom: 15px; }
.contact_content p { font-size: 15px; }
.info_icon i { width: 50px; height: 50px; font-size: 18px; }
.info_box { margin-bottom: 30px; }
.info_text h2 { font-size: 19px; }
.info_detail { padding-top: 15px; }
.contact_form_box label { font-size: 15px; }
.contact_form_box form input, .contact_form_box form select { padding: 12px 15px; font-size: 15px; }
/*end*/
/*Catalogue page*/
.cat_nav_menu_title h2 { font-size: 16px; line-height: 25px; }
.cat_expand_menu { width: 100%; }
.cat_left_descriptions p { margin-bottom: 15px !important; margin-top: 0px !important; }
.row.cntanets_row p { margin-bottom: 0; margin-top: 15px; }
.our_customer_sectios { padding: 25px 0 25px 0; }
.miidle_mid_content_section { padding-bottom: 20px; }
.rsection_titles h2 { font-size: 22px; }
.releted-content h2 { font-size: 20px; }
.customers_names ul li { margin-right: 10px; margin-left: 10px; }
/*end*/
/*solutions page*/
.solution_pages_details .row { margin-bottom: 40px; }
.solution_pages_details .content_description h2 { font-size: 22px; margin-bottom: 10px; }
.s_box_titles h2 { margin-bottom: 35px; line-height: 30px; }
.solutione_box_contents { padding: 22px; }
.solutione_box_contents p { font-size: 15px; }
/*end*/
/*customer page*/
.customer_single_page { padding: 50px 0; }
.single_page_content h2 { margin-bottom: 30px; font-size: calc(.44346vw + 20.61px);
}
.single_right_content h2 { margin-bottom: 18px; font-size: calc(.44346vw + 20.61px);
}
/*end*/
/*catalogue page oracle_fusion_purchase_receipt_excel*/
.content_description { margin: 0px 0px 10px 0px; }
.purchse_recepit_content { padding: 10px 0 10px 0; }
.oracle_box_img img { max-height: 110px !important; }
.oracle-box { padding: 20px 20px 5px 20px; }
.oracle_box_desc p { font-size: 14px; }
.three-box-oracle { padding: 40px 0 15px 0; }
.row.first_two_row { justify-content: center; }
/*end*/
/*customer-success-stories/Home*/
.middle-content-customers { padding: 65px 0; }
.ccontent p { font-size: 15px; }
.container-fluid.middle-content-customers .row { justify-content: center; }
/*end*/
/*frequently_asked_questions page*/
.container-fluid.faq_sec { padding-top: 60px; padding-bottom: 60px; }
.container-fluid.faq_sec .accordion-button { font-size: 14px; line-height: 24px; }
.container-fluid.faq_sec .accordion-body p { font-size: 14px; margin-bottom: 0; }
.faq_sec img { margin-top: 20px; }
/*end*/
/*resources/end_user_license*/
.container-fluid.egreement_page { padding-top: 50px; padding-bottom: 50px; }
.egreement_content h2 { font-size: 18px; margin-bottom: 15px; line-height: 24px; }
.egreement_content p { margin-bottom: 15px; font-size: 15px; }
.egreement_content h3 { font-size: 16px; margin-bottom: 15px; }
.egreement_content ul li { font-size: 15px; margin-bottom: 15px; }
/*end*/
.left_sidebar h4 { font-size: 15px; padding: 10px 13px; }
.comm h2 { font-size: 22px; }
.left_sidebar { height: 350px; width: 290px; }
.comm h4 { font-size: 20px; }
.comm img { max-width: 90%; margin-bottom: 20px; }
}
/*--------------------------Media query end-----------------------*/
#cookieNotice.display-right { right: 30px; bottom: 30px; max-width: 395px; }
#cookieNotice.light { background-color: #fff; color: #000; }
#cookieNotice { box-sizing: border-box; position: fixed; padding: 30px 20px; border-radius: 10px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.24); font-family: inherit; z-index: 999997; }
#cookieNotice * { margin: 0; padding: 0; text-decoration: none; list-style: none; box-sizing: border-box; }
#cookieNotice .title-wrap { align-items: center; margin-bottom: 10px; padding-left: 0; }
#cookieNotice .title-wrap svg { margin-right: 10px; }
#cookieNotice h4 { font-family: inherit; font-weight: 700; font-size: 18px; text-align: center; }
#cookieNotice.light p, #cookieNotice.light ul { color: #393d4d; color: #000; }
#cookieNotice p, #cookieNotice ul { font-size: 14px; margin-bottom: 20px; }
#cookieNotice .btn-wrap { display: flex; flex-direction: row; font-weight: 700; justify-content: center; margin: 0 -5px 0 -5px; flex-wrap: wrap; }
#cookieNotice .btn-wrap button { flex-grow: 1; padding: 5px 7px; margin: 0 5px 10px 5px; border-radius: 3px; cursor: pointer; white-space: nowrap; min-width: 130px; line-height: 36px; border: none; font-family: inherit; font-size: 16px; transition: box-shadow .3s; background: #128bb5 !important; color: #ffffff; border: 1px solid #128bb5; }
#cookieNotice button { outline: 0; border: none; appearance: none; -webkit-appearance: none; appearance: none; }
.cat_expand_menu .menus_main p { margin: 0 !important; }
.mega-drop-down.subclass a { color: #dd8027; }
.mega-drop-down.subclass .mega-menu li a { color: #000; }
.menus ul li a.active { color: #1188B2 !important; }
.mega-menu-wrap.catalog li ul li a.active { color: #dd8027; }
/* Simplified Services Menu Grid View */
.grid-container ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr); 
	gap: 10px;
}
.grid-container.services ul {
	grid-template-columns: repeat(2, 1fr); 
}
.grid-container li {
	position: relative;
}
.grid-container img {
	width: 100%;
	height: auto;
	border-radius: 5px; 
}
.text-overlay {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 16px;
	color: white;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 5px;
	border-radius: 3px;
	display: none;
}  
.sp-overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
	background: rgba(0,0,0,.5);
}
@media screen and (max-width: 767px) {
	.grid-container ul {
		grid-template-columns: repeat(2, 1fr); 
	}
}
@media screen and (max-width: 576px) {
	.grid-container.services {
		width: 100% !important;
	}
}

/*=================================== about_section css ==================================*/
.about_section {
	position: relative;
	overflow: hidden;
}
.main_about_rows {
	display: flex;
	align-items: center;
}
.avideo {
	position: relative;
	padding-bottom: 32%;
	overflow: hidden;
}
.avideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*=================================== Empower Simplified Loader css ==================================*/
.about-empower h1 {
	position: relative;
	padding-left: 35px;
}
.about-empower h1 span {
	font-size: 120px;
	font-family: Arial, sans-serif;
	position: absolute;
	top: -35px;
	left: -25px;
}

/*=================================== White Papers css ==================================*/
.iconcontent h1.my-3 {
	font-size: 74px;
	font-weight: 700;
	color: #000000;
}

/*=================================== customer_one css start ==================================*/
.about-customer h3 {
    font-size: 18px;
    font-weight: 600;
    color: #2d2d2d;
}
/* .about-customer h1 {
    font-size: 74px;
    font-weight: 700;
    color: #000000;
} */
.about-customer h5 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 24px;
    color: #2d2d2d;
}
.about-customer p {
	color: #727272;
	font-size: 17px;
	font-weight: 300;
}
.about-customer .gif-img-block {
	position: relative;
    padding-bottom: 32%;
    overflow: hidden;
}
.about-customer .gif-img-block img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gif-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*=================================== ems section css start ==================================*/
.ems-section h1 {
	color: #000;
	font-size: 42px;
	line-height: 1.3;
	letter-spacing: normal;
	font-weight: 800;
}
.ems-card-seperator {
	border-top: 2px solid;
	margin-bottom: 16px;
	color: #000000;
}
.ems-card__title {
	color: #000000;
	font-size: 32px;
	line-height: 1.5;
	letter-spacing: normal;
	font-weight: 700;
    margin-bottom: 24px;
}
.ems-cards {
    margin-left: -24px;
    margin-right: -24px;
}
.ems-card-layout {
	padding-left: 24px;
	padding-right: 24px;
}
@media screen and (min-width: 768px) {
	.ems-left-separator {
		border-left: 1px solid #000000;
	}
}

/*=================================== ems section two css start ==================================*/
.ems-section-two {
    background: rgb(235,246,255);
    color: #FFFFFF;
    padding: 96px 0;
}
.ems-section-two .ems-text-component-title h2 {
	color: #000000;
	font-size: 56px;
	line-height: 1.3;
	font-weight: 800;
    margin-bottom: 0;
	letter-spacing: normal;
}
.ems-text-component-desc {
	max-width: 970px;
	margin: 0 auto;
}
.ems-section-two .ems-card__title {
    color: #000000;
}
.ems-section-two .ems-text-component-desc p {
	color: #000000;
	font-size: 18px;
	line-height: 1.76;
	font-weight: 400;
    margin-bottom: 0;
	letter-spacing: normal;
}
.ems-card__desc p {
    color: #000000;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.76;
    margin-bottom: 0;
    letter-spacing: normal;
}

/*=================================== Category page purchase_requisition_excel_left css ==================================*/
@media screen and (min-width: 1024px) {
	.cat_left_contents {
		width: 80%;
	}
	.cat_right_contents {
		width: 20%;
	}
}

/* Custom expand*/
.expnd_custom {
	border: none;
	width: 100%;
}
.expnd_custom .menus_main {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 12px;
}
.expnd_custom .menus_main p a {
	background: #eee;
	border: 1px solid #ddd;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 6px 15px;
	color: #333333;
	text-align: left;
	font-size: 16px;
	font-weight: 500;
}
.expnd_custom .menus_main p a.btn:focus {
	background-color: #eee !important;
	border-color: #ddd !important;
	color: #333333 !important;
} 
.expnd_custom .card.card-body.cat_sub_menu {
	background: #f9f9f9;
	padding-top: 5px;
	padding-bottom: 5px;
}
.expnd_custom .card.card-body.cat_sub_menu.level-2-no-children p {
	margin-left: 20px !important;
	font-style: italic;
}

/* EMS section Compliment Oracle Fusion with Simplified Loader CSS */
.ems-section-two.catalogue_page {
	padding: 46px 0;
}
.ems-section-two.catalogue_page .ems-text-component-title h2 {
	font-size: 40px;
}
.ems-section-two.catalogue_page .ems-text-component-desc p {
	font-size: 15px;
}
.ems-section-two.catalogue_page .ems-card__title {
	font-size: 24px;
}
.ems-section-two.catalogue_page .ems-card__desc p {
	font-size: 14px;
}

/* EMS section About Empower CSS */
.about-empower.catalogue_page h1 {
	font-size: 32px;
}

/* Operations hub section CSS in catalogue page */
.operation-hub {
	display: block;
}
.operation-hub .section {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 20px 0;
}
.operation-hub .section .col {
	flex: 1;
	padding: 26px 20px;
	text-align: center;
	color: #333333;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	min-height: 100%;
	background-color: rgb(235,246,255);
}
.operation-hub h4 {
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 0.25px;
	font-weight: 700;
	margin-bottom: auto;
}
@media (max-width: 767px) {
	.operation-hub .section .col {
		flex: 100%;
	}
}
@media (min-width: 768px) {
	.operation-hub .section .col {
		border-right: 1px solid #ddd;
	}
	.operation-hub .section .col:last-child {
		border-right: none;
	}
}

/* purchase_requisition_template_v1 CSS */
.purchase_requisition_template_v1 {
	padding-right: calc(var(--bs-gutter-x) * 1.25);
	padding-left: calc(var(--bs-gutter-x) * 1.25);
}

.cat_nav_menu_btn a {
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
	color: #fff;
	text-transform: capitalize;
	background: #dd8027;
	border-bottom: 2px solid #000;
	padding: 10px;
	margin-bottom: 25px;
}

.cat_nav_menu_title .demo-button {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	/* border-bottom: 2px solid #000;
	border-radius: 0; */
}
  
.demo-button {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	color: #000000;
	font-size: 14px;
	background: rgb(235,246,255);
	border: 1px solid rgb(235,246,255);
	border-radius: 50px;
}

.demo-button:hover {
	background: #dd8027;
	color: #FFFFFF;
}
  
.demo-button i {
	margin-right: 10px;
}

/* Service section on catalogue page */
.cat_right_contents .service_section .service_box {
	margin-bottom: 20px;
}
.cat_right_contents .service_section .service_box:last-child {
	margin-bottom: 0;
}
.cat_right_contents .service_section .service_main_box {
	padding: 15px;
	flex-direction: column;
	align-items: center;
}
.cat_right_contents .service_section .service_main_box .service_icon {
	width: 55px;
	height: 55px;
	line-height: 55px;
	margin: 0 0 15px;
	position: relative;
}
.cat_right_contents .service_section .service_main_box .service_content {
	padding-top: 0;
}
.cat_right_contents .service_section .service_main_box .service_content h2 {
	margin-bottom: 0;
	text-transform: capitalize;
}
.cat_right_contents .service_section .service_main_box .service_icon i {
	font-size: 18px;
	color: #128bb5;
}
.our_customer_sectios .customers_names ul li {
	margin-right: 0;
	margin-left: 0;	
}
.our_customer_sectios .customers_names ul {
	font-size: 0;
}
.our_customer_sectios .customers_names ul li {
	width: 25%;
	font-size: 14px;
}

/* Catalogue inner page v13 CSS */
.ems-section.v13 .ems-card__title {
	font-size: 24px;
	margin-bottom: 0;
}

/* Catalogue inner page v14 CSS */
.avideo .popup-youtube {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.expnd_custom .card.card-body.cat_sub_menu.level-2-no-children ul li {
	border: none;
	margin-bottom: 0;
}
.expnd_custom .card.card-body.cat_sub_menu.level-2-no-children ul li a {
	color: #555;
	font-size: 15px;
	line-height: 24px;
	font-weight: 300;
	font-style: italic;
}
.image-with-shadow {
	-webkit-box-shadow: 0px 34px 55px 0px rgba(52, 60, 66, 0.25);
	box-shadow: 0px 34px 55px 0 rgba(52, 60, 66, 0.25);
}
.avideo-v15 {
	padding-bottom: 37%;
}
.avideo-v16 {
	padding-bottom: 40%;
}

/* Resources > Release History v1 CSS */
.releas_history_texts .comm h2 {
	display: block;
	font-size: 30px;
	line-height: 1.1;
	font-weight: 500;
	letter-spacing: 0.75px;
}
.releas_history_texts .comm p {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: normal;
	margin-bottom: 10px;
}

/*Social Media Presence CSS & Floating Social Media Icons CSS*/
@media screen and (min-width: 1600px) {
	.social_media_presence {
		width: 300px;
	}
}

/* Lightbox Image Gallary View CSS*/
.demo-gallery {
	border-bottom: 1px solid #badae6;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.demo-gallery > ul > li a {
	border: 3px solid #FFF;
	border-radius: 3px;
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
}
.demo-gallery > ul > li a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
}
.demo-gallery > ul > li a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
	opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
	opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	opacity: 0.8;
	width: 48px;
}
.demo-gallery.dark > ul > li a {
	border: 3px solid #04070a;
}
.home .demo-gallery {
	padding-bottom: 80px;
}

/* Iframe & Social media*/
/* Container for the entire post */
.iframe-comm {
    border: none;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.iframe-container {
    position: relative;
    padding-bottom: 118%;
    height: 0;
    overflow: hidden;
    margin-top: 20px; 
    border-radius: 10px; 
}
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px; 
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.sticky.social_media_presence {
	position: sticky !important;
	top: 0 !important;
}

/*Career Page CSS Start*/
.career-info .item-wrapper .item {
	border: 1px solid rgb(218,220,224);
	border-radius: 12px;
	margin: 1.5rem 0;
	border-width: 0;
	box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
	background-color: rgb(248,249,250);
}
.career-info .item-wrapper .item .job-title {
	margin: 0 -.75rem;
	padding: .75rem;
}
.career-info .item-wrapper .item .job-title h3 {
	color: rgb(32,33,36);
	line-height: 2rem;
	font-size: 1.5rem;
	letter-spacing: 0;
	font-weight: 500;
	margin-bottom: 0;
}
.career-info .item-wrapper .item .job-location {
	display: block;
}
.career-info .item-wrapper .item .job-location .inner-element {
	color: rgb(95,99,104);
	display: -moz-box;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	padding: .5rem 0;
	font-family: Roboto,Arial,sans-serif;
	line-height: 1.25rem;
	font-size: .875rem;
	letter-spacing: .0142857143em;
	font-weight: 400;
}
.career-info .item-wrapper .item .job-location .inner-element .wrap {
	-moz-box-align: center;
	align-items: center;
	display: -moz-inline-box;
	display: inline-flex;
}
.career-info .item-wrapper .item .job-location .inner-element i {
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale;
	margin-right: 4px;
}
.career-info .item-wrapper .item .job-description {
	border-top: 1px solid rgb(218,220,224);
	padding: 1rem 2rem;
	margin: 1rem -2rem 0;
	display: block;
	font-family: Roboto,Arial,sans-serif;
	line-height: 1.5rem;
	font-size: 1rem;
	letter-spacing: .00625em;
	font-weight: 400;
	color: rgb(60,64,67);
}
.career-info .item-wrapper .item .job-description h4 {
	margin: 0 0 .5rem;
	font-family: "Google Sans",Roboto,Arial,sans-serif;
	line-height: 1.5rem;
	font-size: 1rem;
	letter-spacing: .00625em;
	font-weight: 500;
	color: rgb(32,33,36);
}
.career-info .item-wrapper .item .job-description ul {
	padding-left: 40px;
}
.career-info .item-wrapper .item .job-description ul li {
	list-style-type: disc;
	margin: 4px 0;
	font-family: Roboto,Arial,sans-serif;
	line-height: 1.5rem;
	font-size: 1rem;
	letter-spacing: .00625em;
	font-weight: 400;
}
.career-info .item-wrapper .item .job-learn_more .btn {
	padding: 0 23px 0 23px;
	border: 1px solid rgb(218,220,224);
	height: 36px;
	border-radius: 4px;
	margin-top: 6px;
	margin-bottom: 6px;
	position: relative;
	display: -moz-inline-box;
	display: inline-flex;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: center;
	justify-content: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 64px;
	outline: none;
	line-height: inherit;
	-moz-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	overflow: visible;
	vertical-align: middle;
	background: transparent;
	color: rgb(26,115,232);
}
.career-info .item-wrapper .item .job-learn_more .btn:hover {
	color: rgb(23,78,166);
	background-color: #f5f8fe;
	transition: opacity .15s linear;
}
.comm.cust-text p {
	margin-bottom: 8px;
}
/*Lightbox CSS*/
.container .gallery a img {
	-webkit-transition: -webkit-transform .15s ease;
	-moz-transition: -moz-transform .15s ease;
	-o-transition: -o-transform .15s ease;
	-ms-transition: -ms-transform .15s ease;
	transition: transform .15s ease;
	position: relative;
}
.clear {
	clear: both;
}
.sl-wrapper .sl-counter {
	display: none !important;
}
.content-page-title .text-left h2 {
	font-size: 24px;
}
.mobile_app .comm ol li {
	list-style-type: none;
}

/* Container & spacing CSS */
@media screen and (min-width: 1400px) {
	.container {
		max-width: 1620px;
	}
}
.padd-top {
    padding-top: 90px;
}
.padd-bott {
    padding-bottom: 90px;
}
.marg-top {
    margin-top: 90px;
}
.marg-bott {
    margin-bottom: 90px;
}
@media(max-width: 1199px) {
    .padd-top {
        padding-top: 70px;
    }
    .padd-bott {
        padding-bottom: 70px;
    }
    .marg-top {
        margin-top: 70px;
    }
    .marg-bott {
        margin-bottom: 70px;
    }
}
@media(max-width: 991px) {
    .padd-top {
        padding-top: 50px;
    }
    .padd-bott {
        padding-bottom: 50px;
    }
    .marg-top {
        margin-top: 50px;
    }
    .marg-bott {
        margin-bottom: 50px;
    }
}
@media(max-width: 767px) {
    .padd-top {
        padding-top: 25px;
    }
    .padd-bott {
        padding-bottom: 25px;
    }
    .marg-top {
        margin-top: 25px;
    }
    .marg-bott {
        margin-bottom: 25px;
    }
}
@media(max-width: 479px) {
    .padd-top {
        padding-top: 12px;
    }
    .padd-bott {
        padding-bottom: 12px;
    }
    .marg-top {
        margin-top: 12px;
    }
    .marg-bott {
        margin-bottom: 12px;
    }
}

/* Apply general table styles */
.custom-table {
	border-collapse: collapse;
	width: 100%;
}
.custom-table, .header-cell, .key-cell, .meaning-cell, .mandatory-cell {
	border: 1px solid black;
}
.header-cell {
	background-color: #f2f2f2;
	padding: 8px 12px;
}
.last-row {
	color: #888;
	opacity: 0.6;
}
.key-cell, 
.mandatory-cell {
	max-width: 150px;
    word-wrap: break-word;
    white-space: normal;
}
.header-cell,
.meaning-cell {
    max-width: 500px;
    word-wrap: break-word;
    white-space: normal;
}


/* Responsive Media CSS */
@media screen and (min-width: 768px) {
	.ps-30 {
		padding-left: 30px;
	}
}
@media(min-width: 575px) and (max-width: 767px) {
	.pad-zero {
		padding: 0 !important;
	}	
}
@media screen and (max-width: 1399px) {
	.ems-section-two.ess_jobs_excel .ems-text-component-title h2 {
		font-size: 48px;
		margin-bottom: 0;
		display: block;
	}
}
@media screen and (max-width: 1199px) {
	.table-container {
		overflow-x: auto;
		max-width: 100%;
	}
	.custom-table {
		width: 100%;
	}
	.ems-section-two.ess_jobs_excel .ems-text-component-title h2 {
		font-size: 42px;
	}
	.ems-section-two.ess_jobs_excel .ems-card__title {
		font-size: 24px;
		margin-bottom: 0;
	}
	.catalouge-blocks {
		min-height: 40vh !important;
	}
}
@media screen and (max-width: 991px) {
	.ems-section h1 {
		font-size: 30px;
	}
	.ems-card__title {
		font-size: 24px;
	}
	.ems-section-two .ems-text-component-title h2 {
		font-size: 42px;
	}
	.ems-section-two .ems-text-component-desc p {
		font-size: 16px;
	}
	.ems-cards {
		margin-left: -12px;
		margin-right: -12px;
	}
	.ems-card-layout {
		padding-left: 12px;
  		padding-right: 12px;
	}
	.ems-section-two .ems-card__title {
		font-size: 24px;
	}
	.ems-card__desc p {
		font-size: 14px;
	}
	.avideo-v16 {
		flex: unset;
	}
	.about-empower {
		min-height: 40vh !important;
	}
	.about-empower h1 {
		font-size: 32px;
	}
	.wecovered-main {
		min-height: 40vh !important;
	}
	.agility-main {
		min-height: 40vh !important;
	}
	.sso-main {
		min-height: 40vh !important;
	}
	.security-main {
		min-height: 40vh !important;
	}
	.support-main {
		min-height: 40vh !important;
	}
	.content-bg {
		min-height: 40vh !important;
	}
	.content-page-title .text-left {
		font-size: 28px;
	}
	.content-page-title .text-left h2 {
		font-size: 20px;
	}
	.avideo {
		padding-bottom: 62%;
	}
	.releted_topics {
		padding: 20px 0 20px 0;
	}
	.try-simplified-loader {
		min-height: 60vh !important;
	}
}
@media screen and (max-width: 767px) {
	.ps-30 {
		padding-left: 0;
	}
	.ems-section-two {
		padding: 56px 0;
	}
	.ems-section-two .ems-text-component-title h2 {
		font-size: 30px;
	}
	.ems-section-two .ems-text-component-desc p {
		font-size: 14px;
	}
	.ems-section-two .ems-card__title {
		font-size: 20px;
		margin-bottom: 12px;
	}
	.why-oracle .text-block {
		margin-top: -30px;
	}
	.avideo-v16 {
		padding-bottom: 60%;
	}
	.about-empower {
		min-height: 30vh !important;
	}
	.about-empower h1 {
		font-size: 24px;
		padding-left: 50px;
	}
	.about-empower h1 span {
		left: -10px;
	}
	.wecovered-main {
		padding-bottom: 30px;
	}
	.wecovered-main h1 {
		font-size: 26px;
	}
	.ems-section h1 {
		font-size: 24px;
	}
	.ems-card__title {
		font-size: 20px;
		margin-bottom: 0;
	}
	.about-customer p {
		margin-bottom: 0 !important;
	}
	.security-main {
		min-height: 30vh !important;
	}
	.support-main {
		min-height: 30vh !important;
	}
	.catalouge-blocks {
		min-height: 50vh !important;
	}
	.ems-section.v13 .ems-card__title {
		font-size: 20px;
	}
	.operation-hub .section .col {
		min-height: unset !important;
	}
	.we-covered-you {
		min-height: 40vh !important;
	}
	.cat-flexibility {
		align-items: center;
  		display: flex;
		min-height: 20vh !important;
	}
	.cat-simp-loader {
		min-height: 50vh !important;
	}
	.ems-section-two.ess_jobs_excel .ems-text-component-title h2 {
		font-size: 30px;
	}
}
@media screen and (max-width: 575px) {
	.service_box:last-child {
		margin-bottom: 40px;
	}
	.contact_form_box {
		padding: 18px 15px;
	}
	.catalouge-blocks {
		min-height: 35vh !important;
	}
}

/* Layout page extra section CSS */
.ems-tabs__title--highlight::before {
	content: "";
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	display: block;
	width: 2px;
	height: 100%;
	background-color: #000;
}

.ems-tabs__title--highlight {
	position: relative;
	padding-left: 15px;
}

.ems-tabs__item__header.active .ems-tabs__item__title {
	color: #0029ff;
	font-weight: 700;
}

.ems-tabs__item__header.active .ems-tabs__icon-wrapper svg {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.ems-tabs__item__header.active .ems-tabs__icon-wrapper svg path {
	stroke: #0029ff;
}

.ems-tabs__item__header .ems-tabs__item__title {
	font-size: 16px;
	color: #000;
	margin-bottom: 0;
	margin-top: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 700;
}

.ems-tabs__item__header {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	border-radius: 4px;
	-webkit-transition: color .1s linear;
	transition: color .1s linear;
	padding-top: 16px;
	padding-bottom: 16px;
}

.ems-tabs__item__header .ems-tabs__icon-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: auto;
}

.ems-tabs__item__header .ems-tabs__icon-wrapper .ems-tabs__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.ems-tabs__item--border-top:not(:first-child) {
	border-top: 1px solid #696a6a;
}

.ems-tabs__item--border-top:last-child {
	border-bottom: 1px solid #696a6a;
}

.ems-i-list-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 8px;
}

.ems-i-list-item__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-right: 16px;
	padding-top: 0;
}

.ems-i-list-item__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}  
 
.ems-i-list-item__title {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: calc(.41645vw + 8px);
}

.ems-kpi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%;
	color: #000;
	padding: 40px 8px;
	border-bottom: 1px solid;
	margin-bottom: 0;
}

.ems-kpi__main {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
}

.ems-kpi__value {
	display: inline-block;
	font-weight: 800;
	line-height: 1.3;
	color: #0029ff;
	word-break: break-word;
	font-size: 56px;
	width: 100%;
	margin-bottom: 8px;
}

.ems-kpi__title {
	max-width: 100%;
	line-height: 1.3;
	min-width: 256px;
	font-size: 22px;
	font-weight: 800;
	margin: 0 0 8px;
}

.ems-kpi__image {
	width: auto;
	max-width: 100%;
	margin-bottom: 8px;
	height: 64px;
}

.ems-kpi:hover {
	color: #000000;
}

.secondary_title {
	line-height: 1.3;
	font-weight: 700;
	font-size: 24px;
	text-transform: none;
}

@media (min-width: 1441px) {
	.ems-tabs__title--highlight {
	  padding-left: 40px;
	}

	.ems-tabs-layout__aside, .ems-tabs-layout__main {
		padding-right: 24px;
		padding-left: 24px;
	}

	.ems-tabs__item__header .ems-tabs__item__title {
		font-size: 18px;
	}

	.ems-tabs__item__header {
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.ems-stai__title {
		font-size: 40px;
	}

	.ems-tabs-layout__main {
		margin-top: -15px;
	}

	.ems-kpi {
		padding: 32px;
	}

	.ems-kpi__value {
		margin-bottom: 8px;
		font-size: 62px;
	}

	.ems-kpi__title {
		margin-bottom: 24px;
	}

	.ems-kpi__title {
		font-size: 30px;
	}

	.ems-kpi__image {
		height: 96px;
		margin-bottom: 32px;
	}

	.ems-kpi-section__body {
		padding: 0;
	}

	.ems-kpis.row {
		margin-left: -32px;
		margin-right: -32px;
	}

	.ems-kpis.row .col-md-4 {
		padding: 0;
	}

	.secondary_title {
		font-size: 42px;
    	margin-top: 40px;
	}
}

@media (min-width: 640px) {
	.ems-i-list-item {
	  margin-bottom: calc(.62451vw + 12.00312px);
	}

	.ems-i-list-item:last-child {
		margin-bottom: 0;
	}

	.ems-kpi__value {
		font-size: calc(-.57143vw + 59.65714px);
	}
}

@media (min-width: 990px) {
	.ems-i-list-item__content {
	  -ms-flex-wrap: nowrap;
	  flex-wrap: nowrap;
	}

	.ems-kpi {
		border-right: 0;
		border-bottom: none;
	}

	.ems-section .col-md-4:nth-child(3n+2) .ems-kpi {
		border-right: 1px solid;
		border-left: 1px solid;
	}
}

/* Processes page CSS */
.ems-banner {
	display: block;
	position: relative;
	margin: 0;
}

.ems-banner img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.ems-banner__content {
	position: relative;
	overflow: hidden;
}

.ems-banner__content .banner-content {
	position: absolute;
	left: 7.5%;
	bottom: 20%;
	text-align: left;
}

.ems-pp-btn {
	display: inline-block;
	padding: 15px 35px;
	background-color: #fff;
	text-decoration: none;
	transition: background-color 0.3s, color 0.3s;
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	text-align: left;
	border: 1px solid;
}

.ems-pp-btn.btn-orange {
	border-color: #DD8027;
	color: #DD8027;
}

.ems-pp-btn.btn-orange:hover {
    background-color: #DD8027;
    color: #fff;
}

.ems-pp-btn.btn-blue {
	border-color: #1188B2;
	color: #1188B2;
}

.ems-pp-btn.btn-blue:hover {
    background-color: #1188B2;
    color: #fff;
}

.ems-pp-btn.ar-blue {
	border-color: #1188B2;
	color: #FFFFFF;
	background-color: #1188B2;
}

.ems-pp-btn.ar-blue:hover {
    background-color: #FFFFFF;
    color: #1188B2;
}

.ems-pp-btn span {
    margin-left: 5px;
}

.gradient_title {
	background: linear-gradient(90deg, #FED43D 0%, #D74F8E 21.29%, #9F228F 40.96%, #6E3F83 60%, #098AD5 79.04%, #08B2CB 100%);
}

.gradient_title.title2 {
	background: linear-gradient(90deg, #6D597A 20.41%, #38A3A5 43.33%, #E05A47 66.13%, #EAAC8B 100%);
}

.gradient_title h2 {
	font-size: 35px;
	font-weight: 500;
	line-height: 52.5px;
	text-align: center;
	margin-bottom: 0;
	color: #FFFFFF;
}

.supplier_frame .frame_div {
	position: relative;
}

.supplier_frame .frame_div .text-content {
	position: absolute;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 11rem;
}

.supplier_frame .frame_div .text-content strong {
	font-size: 35px;
	font-weight: 600;
	line-height: 52.5px;
	text-align: center;
	margin-bottom: 0;
	color: #FFFFFF;
}

.supplier_frame .frame_div .text-content .desc {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 0;
	color: #5c5c5c;
	line-height: normal;
	text-transform: uppercase;
}

.supplier_frame .frame_div .text-content.text-1 {
	top: 20%;
  	left: 135px;
}

.supplier_frame .frame_div .text-content.text-2 {
	top: 50%;
	left: 395px;
	gap: 8.2rem;
}

.supplier_frame .frame_div .text-content.text-3 {
	top: 20%;
	left: 695px;
	gap: 9rem;
}

.supplier_frame .frame_div .text-content.text-4 {
	top: 50%;
	left: auto;
	right: 495px;
	gap: 9.5rem;
}

.supplier_frame .frame_div .text-content.text-5 {
	top: 20%;
	left: auto;
	right: 185px;
	gap: 9.7rem;
}

.supplier_frame .item-wrapper {
	z-index: 1;
	position: relative;
}

.ems-requisitioning_section .supplier_frame {
	position: relative;
	overflow: hidden;
}

.ems-requisitioning_section .supplier_frame .req-icon-sideway {
	position: relative;
}

.supplier_frame .frame_div .req_text-content {
	position: absolute;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 5px;
	left: 50%;
	top: 50%;
	transform: translate(-55%, -50%);
	width: 100%;
	margin-top: 20px;
	max-width: 265px;
}

.supplier_frame .item-wrapper::after {
	position: absolute;
	right: -160px;
	top: 50%;
	transform: translate(0,-50%);
	text-align: right;
	content: "";
	background-image: url('../Images//Processes/Source2Pay/requisitioning_frame_after.png');
	background-size: cover;
	background-position: center;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.supplier_frame .frame_div .req_text-content strong {
	font-size: 15px;
	font-weight: 600;
	line-height: 100%;
	text-align: center;
	margin-top: 6px;
	text-transform: uppercase;
}

.supplier_frame .frame_div .req_text-content .desc {
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 0;
	color: #cecece;
	line-height: normal;
	display: block;
}

.supplier_frame .req_title_main {
	position: relative;
	text-align: center;
	overflow: hidden;
}

.supplier_frame .req_title_main h2 {
	font-size: 30px;
	font-weight: 400;
	line-height: 45px;
	text-align: center;
	margin-bottom: 0;
	padding: 0 30px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.supplier_frame .req_title_main h2::after, .supplier_frame .req_title_main h2::before {
	content: "";
	width: 100%;
	height: 5px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

.supplier_frame .req_title_main h2::after {
	background: linear-gradient(270deg, #000000 20.41%, #DD8027 100%);
	left: auto;
	right: 100%;
}

.supplier_frame .req_title_main h2::before {
	background: linear-gradient(270deg, #000000 20.41%, #DD8027 100%);
	right: auto;
	left: 100%;
}

.supplier_frame .req_content-bg {
	background-image: url('../Images/Processes/Source2Pay/req_content-bg.png');
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	padding: 20px 0;
}

.supplier_frame .req_content-bg p {
	margin-bottom: 0;
	color: #FFF;
	font-size: 15px;
	font-weight: 300;
	line-height: 150%;
	text-align: center;
}

.ems-purchase_order_section {
	background-image: url('../Images/Processes/Source2Pay/purchase_order_bg.png');
	background-size: cover;
	background-repeat: repeat;
	background-position: top center;
	background-color: rgba(255, 255, 255, 1);
}

.purchase_bg {
	background-image: url('../Images/Processes/Source2Pay/purchase_order-bg.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 100vh;
}

.purchase_content {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-content: center;
	min-height: 100vh;
	gap: 255px;
}

.purchase_content .po_title_main {
	position: relative;
	text-align: center;
	max-width: 100%;
}

.purchase_content .po_title_main h2 {
	font-size: 22px;
	font-weight: 400;
	position: relative;
	color: #FFFFFF;
	line-height: 150%;
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
}

.purchase_content .po_title_main h2::before {
	content: "\2022";
  	margin-right: 5px;
}

.purchase_content .po_title_main.blue_bg {
	background-color: #1188B2;
	width: 60%;
}

.purchase_content .po_title_main.orange_bg {
	background-color: #DD8027;
	width: 70%;
}

.purchase_content .right_content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	position: relative;
	gap: 15px;
	width: 50%;
}

.purchase_content .left_content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	gap: 15px;
	width: 50%;
}

.purchase_content .left_content .po_desc {
	padding-left: 125px;
}

.purchase_content .right_content .po_desc {
	padding-right: 125px;
}

.purchase_content .po_desc p {
	padding: 0;
}

.po_content-bg {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
	gap: 12px;
	border-radius: 19px;
	padding: 15px;
}

.po_content-bg.sundownBg {
	background: #FFB8B8;
}

.po_content-bg.pastelPinkBg {
	background: #FFCBE1;
}

.po_content-bg.lavenderRoseBg {
	background: #FFB0F5;
}

.po_content-bg.mauveBg {
	background: #F0BDFF;
}

.po_content-bg.frenchPassBg {
	background: #C8EAFE;
}

.po_content-bg strong {
	font-size: 30px;
	font-weight: 700;
	line-height: 45px;
	text-align: left;
}

.po_content-bg p {
	font-size: 15px;
	font-weight: 300;
	line-height: 24px;
	text-align: left;
	margin-bottom: 0;
}

.po_top {
	margin-top: -120px;
}

.ems-goods_inspection_section .supplier_frame .frame_div img:nth-child(2) {
	margin-top: -28%;
}

.ems-goods_inspection_section .supplier_frame .req_title_main h2::after {
	background: rgba(17, 136, 178, 1);
}

.ems-goods_inspection_section .supplier_frame .req_title_main h2::before {
	background: rgba(221, 128, 39, 1);
}

.gi_req_content-bg {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	gap: 20px;
}

.gi_req_content-bg strong {
	font-size: 100px;
	font-weight: 700;
	line-height: 130%;
	text-align: left;
}

.gi_req_content-bg p {
	font-size: 21px;
	font-weight: 400;
	line-height: 150%;
	text-align: left;
	margin-bottom: 0;
}

.gi_req_content-bg img {
	max-width: 265px;
}

.ems-goods_inspection_section .supplier_frame .item-wrapper {
	cursor: pointer;
	text-align: center;
	position: relative;
}

.ems-goods_inspection_section .supplier_frame .item-wrapper::after {
	content: "";
	height: 4px;
	width: 200px;
	position: absolute;
	left: auto;
	top: 40px;
	background: #13329b;
	right: -110px;
	margin: 0 auto;
	transform: unset;
}

.supplier_frame .item-wrapper .gi_req_text-content {
	text-align: center;
}

.supplier_frame .item-wrapper .gi_req_text-content strong {
	font-size: 30px;
	font-weight: 600;
	line-height: 150%;
	text-align: center;
	color: #1188B2;
}

.supplier_frame .item-wrapper .gi_req_text-content strong em {
	font-style: normal;
	color: #12319b;
}

.supplier_frame .item-wrapper .gi_req_text-content .desc {
    max-height: 85px; 
    overflow: hidden;
    transition: all 1s ease;
}

.supplier_frame .item-wrapper:hover .gi_req_text-content .desc {
    max-height: none; 
	overflow: visible;
}

.ems-goods_inspection_section .supplier_frame .item-wrapper img {
	margin-bottom: 50px;
}

.gi_req_text-content p.desc {
	font-weight: 300;
	margin-bottom: 0;
	color: #1188B2;
	line-height: normal;
	display: block;
	margin-top: 8px;
}

.ip_req_content-bg {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.ip_req_content-bg strong {
	font-size: 105px;
	font-weight: 400;
	line-height: 76px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.ip_req_content-bg p {
	width: 100%;
	background: rgba(217, 217, 217, 1);
	font-size: 21px;
	font-weight: 400;
	margin-bottom: 0;
	line-height: 76px;
	margin-left: -10px;
	max-width: 370px;
	padding-left: 30px;
}

.ems-invoice_paayments_section .supplier_frame .item-wrapper {
	cursor: pointer;
	text-align: center;
	position: relative;
}

.supplier_frame .item-wrapper .ip_req_text-content strong {
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	text-align: center;
	color: #000000;
	margin-bottom: 20px;
}

.supplier_frame .item-wrapper .ip_req_text-content .desc {
    max-height: 95px; 
    overflow: hidden;
    transition: all 1s ease;
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 0;
	color: #a0a3a4;
	line-height: normal;
}

.supplier_frame .item-wrapper:hover .ip_req_text-content .desc {
	overflow: visible;
    max-height: none; 
}

.ems-invoice_paayments_section .supplier_frame .item-wrapper::after {
	display: none;
}

.supplier_frame .item-wrapper .ip_req_text-content {
	text-align: center;
}

.ip_title {
	position: relative;
}

.ip_title h2 {
	font-size: 24px;
	font-weight: 300;
	line-height: 150%;
	margin-bottom: 0;
	padding-bottom: 30px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.ip_title h2::after {
	border: 5px solid rgba(17, 136, 178, 1);
	content: "";
	width: 345px;
	height: 0px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.ip_content_section .row {
	flex-direction: row;
	align-items: flex-start;
	position: relative;
	justify-content: space-evenly;
}

.ip_content_section .row .item:first-child {
	width: 55%;
}

.ip_content_section .row .item {
	width: 45%;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	z-index: 1;
}

.ip_content_section .row .item .item-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: space-between;
	align-items: flex-start;
	gap: 8rem;
}

.ip_content_section .row .item:first-child .item-wrapper .ip_desc {
	display: block;
	max-width: 290px;
}

.ip_content_section .row .item .item-wrapper .ip_desc p {
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 0;
	color: #000000;
	line-height: normal;
}

.ip_content_section .row .item:nth-child(2) {
	position: absolute;
	left: -10px;
	right: 0;
	margin: 0;
	text-align: center;
	width: auto;
	padding: 0;
}

.ip_content_section .row .item:nth-child(2) .img-fluid {
	max-width: 630px;
}

.ip_content_section .row .item:last-child .item-wrapper {
	gap: 3rem;
}

.ip_content_section .row .item:last-child .item-wrapper .right_title {
	padding-left: 150px;
}

.ip_content_section .row .item:last-child .item-wrapper .right_title .right-desc {
	margin-left: 0;
	padding-left: 0;
	max-width: 290px;
}

.ip_content_section .row .item .item-wrapper .right-desc {
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 0;
	color: #000000;
	line-height: normal;
	display: block;
	max-width: 100%;
	padding-left: 210px;
}

/*Footer New*/
.footer {
	padding: 80px 0;
    background: linear-gradient(90deg, #3E3E3E 0%, #A4A4A4 100%);
}

.footer h5 {
	margin-bottom: 0.5rem;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	text-align: justify;
	color: #EBF6FF;
}

.footer-line {
    width: 102px;
  	height: 7px;
    background-color: #DD8027;
}

.footer p, .footer a {
    margin: 0;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
}

.footer .list-unstyled a {
	display: block;
	margin-bottom: 0.5rem;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
}

.footer .list-unstyled a:hover {
    color: #ff7f00;
}

.pipe-black {
    color: black;
    margin-right: 0.2rem;
}

.social-icons {
    display: flex;
    gap: 10px;
    align-items: center;
}

.social-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
}

.social-icon:hover {
    background-color: #ff7f00;
    color: #fff;
}

.x-icon {
    fill: #fff;
    width: 20px;
    height: 20px;
}

@media (max-width: 767px) {
	.footer {
		padding: 40px 0;
		background: linear-gradient(90deg, #3E3E3E 0%, #A4A4A4 100%);
	}

    .footer h5 {
        text-align: center;
    }

    .footer .footer-line {
        margin: 0 auto 1rem auto;
    }

    .footer p, .footer a {
        text-align: center;
    }

    .footer .social-icons {
        justify-content: center;
    }

    .footer .list-unstyled {
        text-align: center;
    }
}

@media screen and (max-width: 1649px) {
	.supplier_frame .frame_div .text-content.text-1 {
		left: 125px;
		gap: 10rem;
	}

	.supplier_frame .frame_div .text-content.text-2 {
		left: 365px;
	}

	.supplier_frame .frame_div .text-content.text-3 {
		left: 650px;
	}

	.supplier_frame .frame_div .text-content.text-4 {
		right: 465px;
	}

	.supplier_frame .frame_div .text-content.text-5 {
		right: 170px;
	}
}

@media screen and (max-width: 1479px) {
	.supplier_frame .frame_div .text-content.text-1 {
		left: 115px;
		gap: 9rem;
	}

	.supplier_frame .frame_div .text-content.text-2 {
		left: 335px;
		gap: 7rem;
	}

	.supplier_frame .frame_div .text-content.text-3 {
		left: 595px;
		gap: 8rem;
	}

	.supplier_frame .frame_div .text-content.text-4 {
		right: 420px;
		gap: 8.5rem;
	}

	.supplier_frame .frame_div .text-content.text-5 {
		right: 150px;
		gap: 8rem;
	}
}

@media screen and (max-width: 1399px) {
	.supplier_frame .frame_div .text-content.text-1 {
		left: 90px;
		gap: 6.2rem;
	}

	.supplier_frame .frame_div .text-content.text-2 {
		left: 260px;
		gap: 4.2rem;
	}

	.supplier_frame .frame_div .text-content.text-3 {
		left: 470px;
		gap: 4.8rem;
	}

	.supplier_frame .frame_div .text-content.text-4 {
		right: 335px;
		gap: 5.5rem;
	}

	.supplier_frame .frame_div .text-content.text-5 {
		right: 115px;
		gap: 5.5rem;
	}

	.supplier_frame .frame_div .req_text-content .desc {
		font-size: 13px;
	}

	.supplier_frame .frame_div .req_text-content strong {
		font-size: 13px;
	}

	.supplier_frame .frame_div .req_text-content {
		max-width: 224px;
	}

	.po_top {
		margin-top: -60px;
	}

	.purchase_content .left_content .po_desc {
		padding-left: 25px;
	}

	.purchase_content .right_content .po_desc {
		padding-right: 25px;
	}

	.purchase_content {
		gap: 145px;
	}

	.ip_content_section {
		position: relative;
		overflow: hidden;
	}

	.ip_content_section .row .item .item-wrapper .ip_title h2 {
		font-size: 21px;
	}
}

@media screen and (max-width: 1199px) {
	.supplier_frame .frame_div .text-content .desc {
		font-size: 12px;
	}

	.supplier_frame .frame_div .text-content.text-1 {
		left: 80px;
		gap: 4.5rem;
	}

	.supplier_frame .frame_div .text-content.text-2 {
		left: 220px;
		gap: 3.5rem;
	}

	.supplier_frame .frame_div .text-content.text-3 {
		left: 400px;
		gap: 3.8rem;
	}

	.supplier_frame .frame_div .text-content.text-4 {
		right: 285px;
		gap: 4.5rem;
	}

	.supplier_frame .frame_div .text-content.text-5 {
		right: 100px;
		gap: 4rem;
	}

	.po_top {
		margin-top: 0;
	}

	.ems-goods_inspection_section .supplier_frame .item-wrapper img {
		max-width: 150px;
		margin-bottom: 20px;
	}

	.supplier_frame .item-wrapper .gi_req_text-content strong {
		font-size: 22px;
	}

	.ems-goods_inspection_section .supplier_frame .frame_div:first-child .item-wrapper::after {
		display: none;
	}

	.ems-goods_inspection_section .supplier_frame .item-wrapper::after {
		width: 160px;
		top: 24px;
		right: 90px;
	}

	.supplier_frame .req_title_main h2 {
		padding: 0 15px;
		font-size: 24px;
	}

	.gi_req_content-bg strong {
		font-size: 70px;
	}

	.gi_req_content-bg p {
		font-size: 16px;
	}

	.ip_req_content-bg p {
		font-size: 18px;
		padding-left: 16px;
	}
}

@media screen and (max-width: 991px) {
	.supplier_frame .frame_div .text-content .desc {
		font-size: 10px;
	}

	.supplier_frame .frame_div .text-content strong {
		font-size: 24px;
		line-height: 100%;
	}

	.supplier_frame .frame_div .text-content.text-1 {
		left: 60px;
		gap: 4.2rem;
	}

	.supplier_frame .frame_div .text-content.text-2 {
		left: 165px;
		gap: 2.6rem;
	}

	.supplier_frame .frame_div .text-content.text-3 {
		left: 295px;
		gap: 3.3rem;
	}

	.supplier_frame .frame_div .text-content.text-4 {
		right: 210px;
		gap: 3.6rem;
	}

	.supplier_frame .frame_div .text-content.text-5 {
		right: 75px;
		gap: 3.7rem;
	}

	.gradient_title h2 {
		font-size: 24px;
		line-height: 52.5px;
	}

	.ems-section h1.processes_page_title {
		font-size: 48px;
		line-height: 120%;
	}

	.purchase_bg {
		background-image: none;
		min-height: unset;
		margin-bottom: 30px;
	}

	.purchase_content {
		gap: 30px;
		min-height: unset;
	}
	
	.purchase_content .po_title_main.blue_bg, .purchase_content .po_title_main.orange_bg {
		width: 100%;
	}

	.gi_req_content-bg {
		align-items: center;
	}

	.ip_content_section .row .item:first-child {
		width: 100%;
	}

	.ip_content_section .row .item:nth-child(2) {
		position: relative;
		left: 0;
		right: 0;
		margin: 20px auto;
		text-align: center;
		padding: 0 15px;
		width: 100%;
	}

	.ip_content_section .row .item {
		width: 100%;
	}

	.ip_content_section .row .item:last-child .item-wrapper {
		gap: 2rem;
	}

	.ip_content_section .row .item:last-child .item-wrapper .right_title {
		padding-left: 0;
	}

	.ip_content_section .row .item:last-child .item-wrapper .right_title .right-desc {
		max-width: 100%;
	}

	.ip_content_section .row .item .item-wrapper .right-desc {
		max-width: 100%;
		padding-left: 0;
	}

	.ip_content_section .row .item .item-wrapper {
		gap: 2rem;
	}

	.ip_content_section .row .item:first-child .item-wrapper .ip_desc {
		max-width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.ems-pp-btn {
		padding: 9px 25px;
		font-size: 18px;
		line-height: 150%;
	}

	.supplier_frame .frame_div .text-content.text-1 {
		left: 40px;
		gap: 2.8rem;
	}

	.supplier_frame .frame_div .text-content.text-2 {
		left: 115px;
		gap: 2rem;
		top: 46%;
	}

	.supplier_frame .frame_div .text-content.text-2 .desc {
		font-size: 9px;
	}

	.supplier_frame .frame_div .text-content.text-3 {
		left: 215px;
		gap: 1.8rem;
	}

	.supplier_frame .frame_div .text-content.text-3 .desc {
		font-size: 9px;
	}

	.supplier_frame .frame_div .text-content.text-4 {
		right: 151px;
		gap: 2.5rem;
		top: 48.5%;
	}

	.supplier_frame .frame_div .text-content.text-5 {
		right: 46px;
		gap: 2.2rem;
	}

	.supplier_frame .mobile-view .text-content strong {
		font-size: 35px;
		font-weight: 600;
		line-height: 52.5px;
		text-align: center;
		margin-bottom: 0;
		color: #FFFFFF;
	}

	.supplier_frame .mobile-view .text-content p {
		font-size: 15px;
		font-weight: 600;
		margin-bottom: 0;
		color: #5c5c5c;
		line-height: normal;
		text-transform: uppercase;
	}

	.supplier_frame .mobile-view .img-block {
		position: relative;
	}

	.supplier_frame .mobile-view .img-block .text-content {
		position: absolute;
		text-align: center;
		display: flex;
		flex-direction: column;
		gap: 6rem;
	}

	.supplier_frame .mobile-view .col:nth-child(2n+1) .img-block {
		margin-top: 30px;
	}

	.supplier_frame .mobile-view .col:nth-child(2n) .img-block .text-content {
		flex-direction: column-reverse;
	}

	.supplier_frame .mobile-view .col:nth-child(1) .img-block .text-content {
		top: 40px;
		left: 55px;
	}

	.supplier_frame .mobile-view .col:nth-child(2) .img-block .text-content {
		top: 85px;
		left: 18px;
		gap: 5rem;
	}

	.supplier_frame .mobile-view .col:nth-child(3) .img-block .text-content {
		top: 40px;
		left: 40px;
		gap: 4.5rem;
	}

	.supplier_frame .mobile-view .col:nth-child(4) .img-block .text-content {
		top: 105px;
		left: 38px;
		gap: 5rem;
	}

	.supplier_frame .mobile-view .col:nth-child(5) .img-block .text-content {
		top: 40px;
		left: 40px;
		gap: 4.5rem;
	}

	.ems-goods_inspection_section .supplier_frame .item-wrapper::after {
		width: 230px;
		top: 24px;
		right: 140px;
	}

	.ems-goods_inspection_section .supplier_frame .frame_div:nth-child(3) .item-wrapper::after,
	.ems-goods_inspection_section .supplier_frame .frame_div:nth-child(5) .item-wrapper::after {
		display: none;
	}

	.ip_req_content-bg strong {
		font-size: 65px;
		line-height: 56px;
	}

	.ip_req_content-bg p {
		line-height: 45px;
	}

	.ip_req_content-bg p {
		max-width: 100%;
	}

	.ip_content_section .row .item:nth-child(2) .img-fluid {
		max-width: 100%;
	}
}

@media screen and (max-width: 575px) {
	.supplier_frame .item-wrapper {
		text-align: center;
	}

	.supplier_frame .item-wrapper::after {
		display: none;
	}

	.supplier_frame .frame_div .req_text-content strong {
		font-size: 14px;
	}

	.supplier_frame .frame_div .req_text-content .desc {
		font-size: 14px;
	}

	.supplier_frame .req_content-bg {
		background-size: 245px;
		background-repeat: no-repeat;
		margin-bottom: 20px;
	}

	.supplier_frame .col:last-child .req_content-bg {
		margin-bottom: 0;
	}

	.ems-banner__content .banner-content .ems-pp-btn {
		font-size: 13px;
		padding: 9px;
	}

	.ems-banner__content .banner-content .ems-pp-btn span {
		margin-left: 2px;
	}

	.ems-banner__content .banner-content {
		bottom: 15%;
	}

	.ems-section h1.processes_page_title {
		font-size: 34px;
		line-height: 100%;
	}

	.gradient_title h2 {
		font-size: 18px;
		line-height: 180%;
	}

	.supplier_frame .mobile-view .col:nth-child(2n) .img-block {
		margin-top: -60px;
	}

	.supplier_frame .mobile-view .img-block {
		width: 324px;
		margin: 0 auto;
	}

	.supplier_frame .mobile-view .col:nth-child(1) .img-block .text-content {
		gap: 9.7rem;
		top: 40px;
		left: 34%;
		transform: translate(-34%,0%);
	}

	.supplier_frame .mobile-view .col:nth-child(2) .img-block .text-content {
		top: 120px;
		left: 26%;
		transform: translate(-26%,0%);
		gap: 8rem;
	}

	.supplier_frame .mobile-view .col:nth-child(3) .img-block .text-content {
		gap: 8rem;
		top: 45px;
		left: 42%;
		transform: translate(-42%,0%);
	}

	.supplier_frame .mobile-view .col:nth-child(4) .img-block .text-content {
		gap: 8rem;
		top: 140px;
		left: 30%;
		transform: translate(-30%,0%);
	}

	.supplier_frame .mobile-view .col:nth-child(5) .img-block .text-content {
		gap: 9.5rem;
		top: 32px;
		left: 35%;
		transform: translate(-35%,0%);
	}

	.purchase_content {
		flex-direction: column;
	}

	.purchase_content .left_content, .purchase_content .right_content {
		width: 100%;
	}

	.purchase_content .right_content .po_desc, .purchase_content .left_content .po_desc {
		padding: 0 15px;
	}
}

@media (min-width: 1400px) {
    .ems-invoice_paayments_section .supplier_frame .row-cols-7 .col.frame_div {
        flex-basis: calc(100% / 7);
        max-width: calc(100% / 7);
    }
}

@media screen and (min-width: 1200px) {
	.supplier_frame .frame_div:last-child .item-wrapper::after {
		display: none;
	}

	.ems-requisitioning_section .supplier_frame .req-icon-sideway::after {
		left: auto;
		right: -170px;
	}
	
	.ems-requisitioning_section .supplier_frame .req-icon-sideway::before {
		left: -170px;
		right: auto;
	}
	
	.ems-requisitioning_section .supplier_frame .req-icon-sideway::after,
	.ems-requisitioning_section .supplier_frame .req-icon-sideway::before {
		position: absolute;
		top: 50%;
		transform: translate(0,-50%);
		text-align: right;
		content: "";
		background-image: url('../Images/Processes/Source2Pay/requisitioning_frame_before.png');
		background-size: cover;
		background-position: center;
		height: 345px;
		width: 345px;
	}
}

@media screen and (min-width: 992px) {
	.ip_top {
		margin-top: -30px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .purchase_content {
		gap: 125px;
	}

	.purchase_content .po_desc p {
		font-size: 14px;
	}

	.po_top {
		margin-top: -90px;
	}

	.ip_content_section .row .item:nth-child(2) .img-fluid {
		max-width: 450px;
	}

	.ip_content_section .row .item .item-wrapper .ip_title h2 {
		font-size: 17px;
	}

	.ip_content_section .row .item:first-child .item-wrapper .ip_desc {
		max-width: 260px;
	}

	.ip_content_section .row .item .item-wrapper .ip_desc p {
		font-size: 13px;
	}

	.ip_content_section .row .item:last-child .item-wrapper .right_title {
		padding-left: 90px;
	}

	.ip_content_section .row .item:last-child .item-wrapper .right_title h2 {
		font-size: 17px;
	}

	.ip_content_section .row .item:last-child .item-wrapper .right_title .right-desc {
		max-width: 330px;
	}

	.ip_content_section .row .item .item-wrapper .right-desc {
		font-size: 13px;
		padding-left: 140px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.ems-goods_inspection_section .supplier_frame .item-wrapper::after {
		width: 195px;
		top: 24px;
		right: 130px;
	}

	.ems-goods_inspection_section .supplier_frame .frame_div:nth-child(4) .item-wrapper::after {
		display: none;
	}

	.ems-invoice_paayments_section .row .col:first-child p {
		max-width: 395px;
	}
}

/*About us page section*/
.ems-banner .item {
	background: url('../Images/About/about-bg-3.png') no-repeat center/cover; 
	padding: 70px 0;
}

.ems-banner .item .slider-content {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 15px;
	text-align: left;
	transform: translate(0,-50%);
}

.ems-banner .item .slider-content h2 {
	color: #FFFFFF;
	font-size: 101px;
	font-weight: 700;
	line-height: 151.5px;
	text-align: left;
	margin-bottom: 0;
}

.ems-banner .item .slider-content h4 {
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 300;
	line-height: 56px;
	letter-spacing: -0.01em;
	text-align: left;
	margin-bottom: 0;
}

.ems-banner .item .slider-content .breadcrumb {
	font-size: 30px;
	font-weight: 400;
	line-height: 60px;
	text-align: left;
	margin-bottom: 0;
	color: #FFFFFF;
	gap: 10px;
}

.ems-banner .item .slider-content .breadcrumb a {
	color: #FFFFFF;
    text-decoration: none;
}

.ems__about_content .content_description h5 {
	font-style: normal;
	font-weight: 600;
	font-size: 29px;
	line-height: 44px;
	text-align: center;
	letter-spacing: 0.1em;
	color: rgb(17, 136, 178);
	margin: 40px 0;
}

.ems__about_content .content_description .contact-us {
	color: rgb(17, 136, 178);
	font-weight: 300;
	font-size: 17px;
	display: block;
	background: rgb(235, 246, 255);
	border: 1px solid rgb(17, 136, 178);
	border-radius: 100px;
	width: 157px;
	height: 44px;
	text-align: center;
	line-height: 42px;
}

.ems__about_content .content_description .contact-us:hover {
	color: rgb(255, 255, 255);
	background-color: rgb(221, 128, 39);
	border-color: rgb(221, 128, 39);
}

.ems-banner .item .slider-content .content_item {
	padding-top: 30px;
  	padding-bottom: 150px;
}

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

.ems__about_content .content_description h2 {
	font-size: 64px;
	font-weight: 500;
	line-height: 150%;
	text-align: left;
	color: #000000;
	margin-bottom: 0;
}

.ems__about_content .content_description .section-title h2::after {
	background: #000000;
}

.ems__about_content .content_description p {
	color: #000000;
	margin-bottom: 0;
	padding-right: 0;
	text-align: justify;
}

.introduction-section .intro-right {
	padding-left: 40px;
	padding-right: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.introduction-section .intro-left .ems-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  	position: relative;
}

.introduction-section .intro-left .ems-section::after {
	content: "";
	position: absolute;
	right: 70px;
	top: 100%;
	background: #FFF;
	height: 110px;
	width: 70px;
	border-radius: 35px 35px 0 0;
}

.introduction-section .intro-left .content_description {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 0;
}

.history-section {
	background-image: url('../Images/About/history_bg.jpg');
	background-repeat: no-repeat;
	background-size: contain;
  	background-position: 100% 0;
}

.history-section .intro-left .content_description {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-bottom: 200px;
	margin-top: 0;
}

.history-section .intro-left .ems-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

.mission-section {
	background-image: url('../Images/About/mission_bg.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
	background-color: #2A0B62;
}

.mission-section .intro-left .ems-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}

.mission-section .intro-left .content_description {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-top: 0;
}

.mission-section .intro-left .content_description h2 {
	font-style: normal;
	font-weight: 600;
	font-size: 150px;
	line-height: 150%;
	display: flex;
	align-items: center;
	color: #FFFFFF;
	position: relative;
	margin-bottom: 0;
	top: -42px;
}

.mission-section .intro-left .content_description p {
	color: #FFFFFF;
	margin-bottom: 0;
}

.mission-section .row-full-height .intro-right .ems-section {
	display: block;
	padding-top: 150px;
	position: relative;
}

.mission-section .row-full-height .intro-right .ems-section .ems__item_wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 50px;
}

.mission-section .row-full-height .intro-right .ems-section .ems__item_wrapper .item {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 30px;
}

.mission-section .row-full-height .intro-right .ems-section .ems__item_wrapper .item h2 {
	font-style: normal;
	font-weight: 500;
	font-size: 80px;
	line-height: 120px;
	display: flex;
	align-items: center;
	color: #E707D0;
	margin-bottom: 0;
}

.mission-section .row-full-height .intro-right .ems-section .ems__item_wrapper .item p {
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	display: flex;
	align-items: center;
	color: #FFFFFF;
	margin-bottom: 0;
}

.mission-section .row-full-height .intro-right .ems-section::before {
	content: "";
	position: absolute;
	width: 288px;
	height: 16px;
	left: 0;
	top: 20%;
	background: #FFFFFF;
}

.ems__about_content .intro-right .ems__item_wrapper .item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 70px;
}

.ems__about_content .intro-right .ems__item_wrapper .item h2 {
    font-size: 80px;
    font-weight: 500;
    line-height: 196px;
    text-align: center;
    margin-bottom: 0;
    width: 196.1px;
    height: 196.1px;
    border-radius: 50%;
    background: rgba(217, 217, 217, 1);
}

.ems__about_content .intro-right .ems__item_wrapper .item p {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    margin-bottom: 0;
	flex: 1 0 0;
}

.ems__about_content .intro-right .ems-section {
	position: relative;
	width: 100%;
	height: 100%;
}

.ems__about_content .intro-right .ems-section .partial-bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 80%;
	height: 100%;
	background: rgba(17, 136, 178, 1);
	z-index: 1;
	border-radius: 50px;
}

.ems__about_content .intro-right .ems-section .ems__item_wrapper {
	position: relative;
	z-index: 2; 
	padding: 70px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 45px;
}

.mission-section.ems__about_content .content_description p {
	font-size: 24px;
}

.vision-section .intro-left .ems-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	position: relative;
}

.vision-section .intro-left .content_description {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-top: 0;
}

.vision-section .section-title h2::after {
	background: #1188B2;
}

.vision-section .ems__item_wrapper p {
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #212222;
	margin-bottom: 0;
	padding: 15px 30px 0;
}

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

.offering-section .cta-block {
	position: absolute;
	width: 1181px;
	height: 117px;
	left: 0px;
	bottom: 80px;
	background: #545454;
	border-radius: 0px 100px 100px 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

.offering-section .cta-block .item-inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	width: 1130px;
}

.offering-section .cta-block .item-inner h4 {
	font-style: normal;
	font-weight: 600;
	font-size: 29px;
	line-height: 44px;
	letter-spacing: 0.1em;
	color: #FAF6F2;
	margin-bottom: 0;
}

.offering-section .cta-block .item-inner .contact-us {
	font-style: normal;
	font-weight: 300;
	font-size: 17px;
	line-height: 26px;
	color: #545454;
	background: #FAF6F2;
	border: 1px solid #545454;
	border-radius: 100px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 32px;
	gap: 8px;
}

.offering-section .cta-block .item-inner .contact-us:hover {
	color: rgb(255, 255, 255);
	background-color: rgb(221, 128, 39);
	border-color: rgb(221, 128, 39);
}

.offering-section .section-title h2::after {
	background: #000000;
}

.offering-section .ems-section .content_description p {
	width: 677px;
	text-align: justify;
	color: #545454;
	margin-bottom: 0;
}

.offering-section .offerings-content {
	position: relative;
}

.offering-section .offerings-content .offerings-item {
	max-width: 386px;
	text-align: center;
	z-index: 2;
}

.offering-section .offerings-content .offerings-item.left {
	position: absolute;
	left: 10%;
	top: 45%;
	transform: translate(0,-50%);
}

.offering-section .offerings-content .offerings-item.center-item {
	max-width: 100%;
	position: relative;
	top: -120px;
	right: -140px;
	z-index: 1;
}

.offering-section .offerings-content .offerings-item.top-right {
	position: absolute;
	right: 0;
	bottom: 94%;
	margin: 0 auto;
}

.offering-section .offerings-content .offerings-item.bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}

.commit-excel {
	background-color: #FFFFFF;
	background-image: url('../Images/About/commit_excell.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
}

.commit-excel .section-title h2::after {
	background-color: #000000;
}

.commit-excel .item-inner .text-content.left p {
	position: relative;
	display: block;
	padding-left: 20px;
	border-left: 20px solid;
}

.commit-excel .item-inner .text-content.left p.ochre {
	border-color: #DD8027;
}

.commit-excel .item-inner .text-content.left p.yellow-orange {
	border-color: #FABA3C;
}

.commit-excel .item-inner .text-content.right p {
	position: relative;
	display: block;
	padding-right: 20px;
	border-right: 20px solid;
	text-align: right;
	max-width: 393px;
}

.commit-excel .item-inner .text-content.right p.charlotte {
	border-color: #C8EEFB;
}

.commit-excel .item-inner .text-content.right p.blue-chill {
	border-color: #1188B2;
}

.commit-excel .item-inner .text-content .item {
	border-radius: 10px;
	display: block;
	height: 55px;
}

.commit-excel .item-inner .text-content .item p {
	font-weight: 500;
	line-height: 55px;
	text-align: center;
	color: #EBF6FF;
	margin-bottom: 0;
	border: none;
	padding: 0;
}

.customer_impact-section {
	background-color: #FFFFFF;
	background-image: url('../Images/About/customer_imp_bg.png');
	background-repeat: no-repeat;
	background-position: center bottom;
  	background-size: cover;
}

.customer_impact-section .section-title h2::after {
	background-color: #000000;
}

.customer_impact-section .ems-section p {
	line-height: 45px;
	text-align: justify;
	color: #000000;
}

.customer_impact-section .ems-section .divider {
	display: block;
	width: 262px;
	height: 27px;
	background: #000000;
	transform: matrix(-1, 0, 0, 1, 0, 0);
}

.take_action-section {
	background-color: #FFFFFF;
	background-image: url('../Images/About/take_action.png');
	background-repeat: no-repeat;
	background-position: center bottom;
  	background-size: cover;
}

.take_action-section .ems-section p {
	font-style: normal;
	font-weight: 400;
	display: flex;
	align-items: center;
	color: #000000;
	line-height: 45px;
}

.take_action-section .ems-section .cta-block .item-inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 44px;
}

.take_action-section .ems-section .cta-block h4 {
	font-style: normal;
	font-weight: 600;
	font-size: 29px;
	line-height: 44px;
	letter-spacing: 0.1em;
	color: #000000;
	margin-bottom: 0;
}

.take_action-section .ems-section .cta-block .contact-us.black-bg {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 16px;
	gap: 8px;
	position: relative;
	width: 157px;
	height: 44px;
	background: #000000;
	border: 1px solid #FFFFFF;
	border-radius: 100px;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 150%;
	color: #FFFFFF;
}

.take_action-section .ems-section .cta-block .contact-us.black-bg:hover {
	color: rgb(255, 255, 255);
  	background-color: rgb(221, 128, 39);
  	border-color: rgb(221, 128, 39);
}

@media screen and (max-width: 1649px) {
	.mission-section .intro-left .content_description h2 {
		font-size: 100px;
	}

	.mission-section .row-full-height .intro-right .ems-section {
		padding-top: 100px;
	}

	.mission-section .row-full-height .intro-right .ems-section::before {
		top: 23%;
	}

	.mission-section .row-full-height .intro-right .ems-section .ems__item_wrapper .item p {
		font-size: 16px;
	}

	.offering-section .offerings-content .offerings-item.left {
		left: 0;
	}

	.offering-section .offerings-content .offerings-item.center-item {
		right: 0;
	}

	.offering-section .offerings-content .offerings-item.bottom {
		right: 8%;
	}

	.offering-section .cta-block {
		width: 951px;
	}

	.offering-section .cta-block .item-inner {
		width: 870px;
	}
}

@media screen and (max-width: 1479px) {
	.mission-section .row-full-height .intro-right .ems-section::before {
		top: 18%;
	}

	.offering-section .offerings-content .offerings-item.center-item .center-image {
		max-width: 1000px;
	}

	.offering-section .offerings-content .offerings-item.center-item {
		top: -80px;
	}

	.offering-section .cta-block {
		width: 800px;
	}

	.offering-section .cta-block .item-inner {
		width: 750px;
	}

	.offering-section .cta-block .item-inner h4 {
		font-size: 24px;
		line-height: 150%;
	}
}

@media screen and (max-width: 1449px) {
	.mission-section .row-full-height .intro-right .ems-section::before {
		top: 10%;
	}
}

@media screen and (min-width: 1350px) and (max-width: 1400px) {
	.mission-section {
		background-position: 0 20%;
	}
}

@media screen and (max-width: 1399px) {
	.ems-banner .item .slider-content .breadcrumb {
		font-size: 28px;
		line-height: 150%;
	}

	.ems-banner .item .slider-content .content_item {
		padding-top: 30px;
		padding-bottom: 90px;
	}

	.ems-banner .item .slider-content h2 {
		font-size: 70px;
		line-height: 200%;
	}

	.ems-banner .item .slider-content h4 {
		font-size: 26px;
		line-height: 150%;
	}

	.offering-section .offerings-content .offerings-item.left {
		left: -30px;
		top: 45%;
	}

	.offering-section .offerings-content .offerings-item.center-item {
		top: -50px;
		right: -20px;
	}

	.offering-section .offerings-content .offerings-item.center-item .center-image {
		max-width: 700px;
	}

	.offering-section .offerings-content .offerings-item.top-right {
		bottom: 90%;
	}

	.offering-section .offerings-content .offerings-item.bottom {
		right: 0;
		bottom: -20px;
	}

	.offering-section .cta-block {
		width: 700px;
		bottom: 40px;
	}

	.offering-section .cta-block .item-inner {
		width: 690px;
	}

	.commit-excel .item-inner .text-content.right p {
		max-width: 100%;
	}
}

@media screen and (max-width: 1349px) {
	.mission-section {
		background-image: url('../Images/About/mission_bg_1.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 0 0;
		background-color: #2A0B62;
	}

	.mission-section .intro-left .content_description h2 {
		font-size: 80px;
		top: -32px;
	}

	.mission-section .row-full-height .intro-right .ems-section {
		padding-top: 60px;
	}

	.mission-section .row-full-height .intro-right .ems-section::before {
		display: none;
	}
}

@media screen and (max-width: 1199px) {
	.ems-banner .item .slider-content .breadcrumb {
		font-size: 24px;
	}

	.ems-banner .item .slider-content .content_item {
		padding-top: 30px;
		padding-bottom: 60px;
	}

	.ems-banner .item .slider-content h2 {
		font-size: 54px;
	}

	.ems-banner .item .slider-content h4 {
		font-size: 20px;
	}

	.ems__about_content .content_description h5 {
		font-size: 25px;
		line-height: 150%;
		margin: 40px 0 20px;
	}

	.ems__about_content .content_description h2 {
		font-size: 48px;
	}

	.introduction-section .intro-left .ems-section::after {
		top: 92%;
	}

	.history-section .intro-left .content_description {
		padding-bottom: 170px;
	}

	.history-section {
		background-position: 100% 30px;
	}

	.mission-section .intro-left .content_description {
		gap: 25px;
		max-width: 100%;
	}

	.mission-section {
		background-position: 20% 0;
	}

	.mission-section .intro-left .content_description h2 {
		font-size: 60px;
		top: 0;
	}

	.mission-section .row-full-height .intro-right .ems-section .ems__item_wrapper {
		gap: 20px;
	}

	.mission-section .row-full-height .intro-right .ems-section .ems__item_wrapper .item {
		gap: 15px;
	}

	.vision-section .ems__item_wrapper p {
		font-size: 15px;
		padding: 15px 10px 0;
	}

	.offering-section .offerings-content {
		padding-bottom: 3rem;
	}

	.offering-section .offerings-content .offerings-item.center-item .center-image {
		max-width: 540px;
	}

	.offering-section .offerings-content .offerings-item.left {
		left: 0;
		top: 52%;
	}

	.offering-section .offerings-content .offerings-item h2 {
		font-size: 20px;
	}

	.offering-section .offerings-content .offerings-item p {
		font-size: 14px;
	}

	.offering-section .offerings-content .offerings-item.center-item {
		top: 0;
		right: 0;
	}

	.offering-section .offerings-content .offerings-item.top-right {
		bottom: 75%;
	}

	.offering-section .offerings-content .offerings-item {
		max-width: 280px;
	}

	.offering-section .offerings-content .offerings-item.bottom {
		right: 70px;
		bottom: -20px;
	}

	.offering-section .cta-block {
		width: 570px;
		bottom: 30px;
	}

	.offering-section .cta-block .item-inner {
		width: 560px;
	}

	.offering-section .cta-block .item-inner h4 {
		font-size: 18px;
	}

	.ems__about_content .intro-right .ems__item_wrapper .item {
		gap: 20px;
	}

	.ems__about_content .intro-right .ems__item_wrapper .item h2 {
		font-size: 60px;
		line-height: 145px;
		width: 140.1px;
		height: 140.1px;
	}

	.ems__about_content .intro-right .ems__item_wrapper .item p {
		font-size: 15px;
	}

	.offering-section .ems-section .content_description h2 {
		font-size: 48px;
  		line-height: 120%;
	}

	.offering-section .ems-section .content_description p {
		font-size: 18px;
		max-width: 100%;
	}

	.statstics-block .text-content .text-desc {
		font-size: 80px;
		line-height: 100%;
	}

	.descriptive-block .desc-text p {
		font-size: 18px;
		max-width: 120%;
	}
}

@media screen and (min-width: 992px) and (max-width: 1100px) {
	.history-section {
		background-position: 100% 130px;
	}
}

@media screen and (max-width: 991px) {
	.ems-banner .item .slider-content .breadcrumb {
		font-size: 20px;
	}

	.ems-banner .item .slider-content .content_item {
		padding-top: 30px;
		padding-bottom: 60px;
	}

	.ems-banner .item .slider-content h2 {
		font-size: 40px;
	}

	.ems-banner .item .slider-content h4 {
		font-size: 15px;
	}

	.history-section {
		background-position: 100% 100%;
	}

	.history-section .intro-left .content_description {
		padding-bottom: 130px;
	}

	.mission-section {
		background-position: 45% 30px;
	}

	.mission-section .row-full-height .intro-right .ems-section {
		padding-top: 30px;
	}

	.mission-section .row-full-height .intro-right .ems-section .ems__item_wrapper .item h2 {
		font-size: 50px;
	}

	.mission-section .row-full-height .intro-right .ems-section .ems__item_wrapper .item p {
		font-size: 12px;
	}

	.offering-section .offerings-content {
		padding-bottom: 0;
	}

	.offering-section .offerings-content .offerings-item.left {
		position: relative;
		left: 0;
		top: 0;
		margin: 0 auto;
		transform: unset;
	}

	.offering-section .offerings-content .offerings-item.center-item {
		top: 0;
		right: 0;
		position: relative;
		padding-bottom: 25px
	}

	.offering-section .offerings-content .offerings-item.top-right {
		position: relative;
		right: 0;
		bottom: 0;
		margin: 25px auto;
	}

	.offering-section .offerings-content .offerings-item.bottom {
		position: relative;
		right: 0;
		bottom: 0;
		margin: 0 auto;
	}

	.offering-section .offerings-content .offerings-item p {
		margin-bottom: 0;
	}

	.offering-section .cta-block {
		bottom: 0;
		position: relative;
		left: -15px;
		margin-top: 30px;
	}
}

@media screen and (max-width: 767px) {
	.ems-banner .item .slider-content .content_item {
		padding-top: 10px;
		padding-bottom: 40px;
	}

	.ems-banner .item .slider-content .content_item {
		padding-top: 10px;
		padding-bottom: 40px;
	}

	.ems-banner .item .slider-content .breadcrumb {
		font-size: 15px;
	}

	.ems-banner .item .slider-content h2 {
		font-size: 30px;
	}

	.ems-banner .item .slider-content h4 {
		font-size: 15px;
		max-width: 200px;
	}

	.ems__about_content .content_description h2 {
		font-size: 34px;
	}

	.ems__about_content .content_description h5 {
		font-size: 20px;
		margin: 20px 0;
	}

	.history-section .intro-left .ems-section {
		align-items: flex-start;
	}

	.history-section .intro-left .content_description p {
		max-width: 410px;
	}

	.mission-section {
		background-position: 45% -40px;
	}

	.mission-section .row-full-height .intro-right .ems-section .ems__item_wrapper {
		gap: 0;
		flex-wrap: wrap;
	}

	.mission-section .row-full-height .intro-right .ems-section .ems__item_wrapper .item:first-child {
		gap: 30px;
	}

	.mission-section .row-full-height .intro-right .ems-section .ems__item_wrapper .item {
		gap: 15px;
		flex: 1 0 100%;
		width: 100%;
	}

	.mission-section .row-full-height .intro-right .ems-section {
		padding-top: 0;
	}

	.introduction-section .intro-left .ems-section::after {
		right: 0;
	}

	.mission-section .intro-left .ems-section {
		padding-bottom: 40px;
	}

	.offering-section .offerings-content .offerings-item.center-item .center-image {
		max-width: 100%;
	}

	.offering-section .cta-block {
		width: 100%;
	}

	.offering-section .cta-block .item-inner {
		width: 100%;
	}

	.offering-section .cta-block .item-inner .contact-us {
		font-size: 14px;
		padding: 8px 16px;
	}

	.statstics-block .text-content .text-desc {
		font-size: 44px;
	}

	.descriptive-block .col .desc-text {
		border-bottom: 1px solid #7e7e7e;
		padding-bottom: 15px;
	}

	.descriptive-block .col:last-child .desc-text {
		border-bottom: none;
		padding-bottom: 0;
	}
}

@media screen and (max-width: 575px) {
	.ems-banner .item .slider-content .ems-pp-btn.btn-blue {
		padding: 9px;
		font-size: 15px;
	}
}

@media screen and (max-width: 479px) {
	.offering-section .ems-section .content_description h2 {
		font-size: 34px;
		margin-bottom: 15px;
	}

	.offering-section .ems-section .content_description p {
		font-size: 15px;
		line-height: 30px;
	}

	.offering-section .cta-block .item-inner h4 {
		font-size: 14px;
	}

	.offering-section .cta-block .item-inner {
		flex-direction: column;
		gap: 8px;
	}
}

/*New Contact us section*/
.cnt_new-section {
	min-height: 100vh;
	background: url('../Images/Contact/new_contact_us_bg.png') center center no-repeat; 
	background-size: cover;
	padding-top: 90px;
  	padding-bottom: 90px;
}

.cnt_new-section .title_section h1 {
	color: #FFFFFF;
	font-size: 80px;
	font-weight: 700;
	line-height: 150%;
	text-align: center;
	margin-bottom: 0;
}

.cnt_new-section .title_section p {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 300;
	line-height: 42px;
	text-align: center;
	margin-bottom: 0;
}

.cnt_new-section .form_content_section form .form-control, 
.cnt_new-section .form_content_section form .form-select {
	background: rgba(245, 248, 253, 1);
	font-size: 25px;
	font-weight: 300;
	line-height: 35px;
	letter-spacing: -0.01em;
	text-align: left;
	color: rgba(164, 164, 164, 1);
}

.cnt_new-section .form_content_section form .big {
	height: 60px;
}

.cnt_new-section .form_content_section form .form-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: rgba(245, 248, 253, 1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 0.75rem center;
}

.cnt_new-section .form_content_section {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-content: center;
	gap: 90px;
	overflow: hidden;
	align-items: center;
}

.cnt_new-section .form_content_section .cnt_new_fo0 {
	background: #FFF;
	padding: 52px 96px;
	width: 65%;
}

.cnt_new-section .form_content_section form .row {
	flex: 1;
	width: 100%;
}

.cnt_new-section .form_content_section form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	gap: 42px;
}

.cnt_new-section .form_content_section form .input-group {
	position: relative;
}

.cnt_new-section .form_content_section form .input-group .fa-calendar-alt {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: #aaa;
}

.cnt_new-section .form_content_section .cnt_new_fo0 .btn.btn-cnfn {
	width: 100%;
	height: 72px;
	font-size: 22px;
	font-weight: 600;
	line-height: 33px;
	text-align: center;
}

.cnt_new-section .form_content_section .cnt_new_fo0 .btn.btn-cnfn.reset {
	color: rgba(17, 136, 178, 1);
	border: 1px solid rgba(17, 136, 178, 1);
	background: rgba(255, 255, 255, 1);
}

.cnt_new-section .form_content_section .cnt_new_fo0 .btn.btn-cnfn.reset:hover {
	color: rgba(255, 255, 255, 1);
	background: rgba(17, 136, 178, 1);
}

.cnt_new-section .form_content_section .cnt_new_fo0 .btn.btn-cnfn.submit {
	color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(17, 136, 178, 1);
	background: rgba(17, 136, 178, 1);
}

.cnt_new-section .form_content_section .cnt_new_fo0 .btn.btn-cnfn.submit:hover {
	color: rgba(17, 136, 178, 1);
	background: rgba(255, 255, 255, 1);
}

.cnt_new-section .form_content_section .bullet_points {
	width: 35%;
	padding-right: 142px;
}

.cnt_new-section .form_content_section .bullet_points p {
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 300;
	line-height: 42px;
	letter-spacing: -0.01em;
	text-align: justify;
	margin-bottom: 0;
}

.cnt_new-section .form_content_section .bullet_points .points {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 33px;
	margin: 33px 0;
}

.cnt_new-section .form_content_section .bullet_points .points li {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.cnt_new-section .form_content_section .bullet_points .points li svg {
	max-width: 25px;
	max-height: 25px;
}

.cnt_new-section .form_content_section .bullet_points .points li span {
	color: #FFF;
	font-size: 25px;
	font-weight: 300;
	line-height: 35px;
	letter-spacing: -0.01em;
	text-align: left;
}

.cnt_new-section .cntc_info_content p {
	color: #FFFFFF;
	font-size: 26px;
	font-weight: 300;
	line-height: 42px;
	text-align: left;
	margin-bottom: 0;
}

.cnt_new-section .cntc_info_content p.bottom_desc {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
	margin-bottom: 0;
}

.cntc_info_content .contact_info {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 0;
}

.cntc_info_content .contact_info .item {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	gap: 54px;
}

.cntc_info_content .contact_info .item .icon {
	display: block;
	width: 80px;
	height: 80px;
	background: linear-gradient(139.3deg, #E8E8E8 6.46%, #FFFFFF 100%);
	border-radius: 50%;
	line-height: 80px;
	text-align: center;
}

.cntc_info_content .contact_info .item .text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
}

.cntc_info_content .contact_info .item .text strong {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.cntc_info_content .contact_info .item .text p {
	margin-bottom: 0;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

@media screen and (max-width: 1399px) {
	.cnt_new-section .form_content_section {
		gap: 45px;
	}

	.cnt_new-section .form_content_section .cnt_new_fo0 {
		padding: 52px 48px;
	}

	.cnt_new-section .form_content_section .bullet_points {
		padding-right: 70px;
	}
}

@media screen and (max-width: 1199px) {
	.cnt_new-section .form_content_section {
		gap: 25px;
	}

	.cnt_new-section .form_content_section .cnt_new_fo0 {
		padding: 25px;
	}

	.cnt_new-section .form_content_section .bullet_points {
		padding-right: 25px;
	}
}

@media screen and (max-width: 991px) {
	.cnt_new-section {
		padding-top: 40px;
	}

	.cnt_new-section .title_section h1 {
		font-size: 60px;
	}

	.cnt_new-section .title_section p {
		font-size: 22px;
		line-height: 150%;
	}

	.cnt_new-section .form_content_section {
		flex-direction: column;
	}

	.cnt_new-section .form_content_section .cnt_new_fo0 {
		width: 100%;
	}

	.cnt_new-section .form_content_section .bullet_points {
		width: 100%;
		padding: 0 35px;
	}

	.cnt_new-section .form_content_section form {
		align-items: center;
	}

	.cntc_info_content .contact_info .item {
		gap: 22px;
	}
}

@media screen and (max-width: 767px) {
	.cnt_new-section .title_section h1 {
		font-size: 48px;
	}

	.cnt_new-section .form_content_section form {
		gap: 0;
	}

	.cnt_new-section .form_content_section .bullet_points {
		padding: 0 15px;
	}

	.cnt_new-section .cntc_info_content p {
		font-size: 20px;
		line-height: 150%;
	}

	.cnt_new-section .form_content_section .bullet_points p {
		font-size: 20px;
		line-height: 150%;
	}

	.cnt_new-section .form_content_section .bullet_points .points {
		gap: 20px;
	}

	.cnt_new-section .form_content_section .bullet_points .points li {
		gap: 15px;
	}

	.cnt_new-section .form_content_section .bullet_points .points li span {
		font-size: 20px;
		line-height: 150%;
	}

	.cnt_new-section .title_section p {
		font-size: 20px;
	}

	.cnt_new-section .form_content_section .cnt_new_fo0 {
		padding: 25px 5px;
	}

	.cnt_new-section .form_content_section form .form-select {
		background-size: 26px;
	}
}

@media screen and (max-width: 639px) {
	.cntc_info_content .contact_info {
		align-items: first baseline;
		flex-direction: column;
		gap: 20px;
	}
	
	.cntc_info_content .contact_info .item .text p {
		word-wrap: anywhere;
	}
}

/* Project TO Result Page CSS*/
.project_result-banner {
	display: block;
	position: relative;
}

.project_result-banner .item { 	
	position: relative; 	
	overflow: hidden; 
}

.project_result-banner .item .slider-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	display: block;
	box-sizing: border-box;
}

.project_result-banner .item .slider-content .banner-item {
	position: absolute;
	top: 50%;
	transform: translate(15px, -50%);
	font-size: 28px;
	font-weight: normal;
	color: #051829;
	display: block;
	margin-bottom: 20px;
	z-index: 1;
	left: 0;
}

.project_result-banner .item .slider-content .breadcrumb {
	font-size: 26px;
	font-weight: 400;
	line-height: 60px;
	text-align: left;
	margin-bottom: 0;
	color: #FFFFFF;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.project_result-banner .item .slider-content .breadcrumb a {
	color: #FFFFFF;
	text-decoration: none;
}

.project_result-banner .item .slider-content .content_item {
	display: block;
	margin: 90px 0;
}

.project_result-banner .item .slider-content .content_item h2 {
	font-size: 70px;
	font-weight: 700;
	line-height: 130%;
	text-align: left;
	margin-bottom: 25px;
	color: #FFFFFF;
}

.project_result-banner .item .slider-content .content_item p {
	font-size: 30px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.01em;
	text-align: left;
	margin-bottom: 0;
	color: #FFFFFF;
}

.project_result-ManageProject {
	background-color: rgba(235, 246, 255, 1);
	background-image: linear-gradient(270deg, #1188B2 0%, #EBF6FF 100%);
	background-position: right center;
	background-size: 60% 100%;
	background-repeat: no-repeat;
}

.project_result-ManageProject .ems-section h4 {
	color: #FFFFFF;
	font-size: 26px;
	font-weight: 500;
	line-height: 48px;
	text-align: right;
	margin-bottom: 15px;
}

.project_result-ManageProject .ems-section p {
	color: #000000;
	font-size: 25px;
	font-weight: 300;
	line-height: 37.5px;
	text-align: justify;
}

.project_result-ManageProject .ems-section .item-wrapper {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.project_result-ManageProject .ems-section .item-wrapper .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #ccc;
	border-radius: 20px;
	height: 80px;
	background-color: #FFFFFF;
}

.project_result-ManageProject .ems-section .item-wrapper .item .icon {
	margin-right: 30px;
	min-width: 130px;
	height: 80px;
	line-height: 80px;
	border-radius: 12px;
	text-align: center;
}

.project_result-ManageProject .ems-section .item-wrapper .item .text-content {
	color: #000000;
	font-size: 22px;
	font-weight: 400;
	line-height: 130%;
	flex-grow: 1;
	text-align: left;
	margin-right: 10px;
	overflow-wrap: break-word;
}

.project_result-ManageProject .ems-section .item-wrapper .item .numbers {
	text-align: right;
	font-size: 40px;
	font-weight: 700;
	line-height: 52.5px;
	text-align: center;
	margin-right: 20px;
}

.iconBg-riptide {
	background-color: #86E3CE;
}

.iconBg-caper {
	background-color: #CEE6A4;
}

.iconBg-goldenrod {
	background-color: #FFD16B;
}

.iconBg-geraldine {
	background-color: #FA897B;
}

.iconBg-lightWisteria {
	background-color: #CBA9D8;
}

.project_result-DataMigration .ems-section .content_description p {
	text-align: justify;
}

.project_result-DataMigration .ems-section .item-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: center;
}

.project_result-DataMigration .ems-section .item-wrapper .item {
	flex: 1 1 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	flex-direction: column;
}

.project_result-DataMigration .ems-section .item-wrapper .item img {
    max-width: 100%;
    height: auto;
    display: block;
}

.project_result-DataMigration .ems-section .item-wrapper .item .text-content {
	position: absolute;
	left: 50%;
	bottom: 40%;
	transform: translateX(-50%);
	display: flex;
    justify-content: unset;
    align-items: center;
    text-align: center;
    flex-direction: column;
	gap: 10px;
    padding: 0 18px;
    width: 100%;
	height: 240px;
}

.project_result-DataMigration .ems-section .item-wrapper .item .text-content .numbers {
	color: #FFFFFF;
	font-size: 54px;
	font-weight: 700;
	line-height: 52.5px;
}

.project_result-DataMigration .ems-section .item-wrapper .item .text-content .text {
	font-size: 20px;
	font-weight: 500;
	line-height: 130%;
	color: #FFFFFF;
	overflow-wrap: break-word;
}

.project_result-DataMigration .ems-section h4 {
	margin-bottom: 0;
	background: #4EB2A5;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
	color: #FFFFFF;
}

.project_result-DataMigration .row .cat-bottom-content p {
	color: #000000;
	font-size: 30px;
	font-weight: 400;
	line-height: 45px;
	text-align: left;
	margin-bottom: 10px;
}

.project_result-DataMigration .row .cat-bottom-content .req_title_main {
	position: relative;
	overflow: hidden;
	text-align: left;
}

.project_result-DataMigration .row .cat-bottom-content .req_title_main::after {
	content: "";
	width: 100%;
	height: 5px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	right: 0;
	background: linear-gradient(270deg, #000000 20.41%, #DD8027 100%);
}

.project_result-DataMigration .row .cat-bottom-content .req_title_main h2 {
	z-index: 1;
	color: #000000;
	font-size: 30px;
	font-weight: 600;
	line-height: 45px;
	text-align: center;
	margin-bottom: 0;
	padding-right: 30px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background: #FFF;
}

.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item {
	position: relative;
	overflow: hidden;
	text-align: center;
}

.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 150px;
	gap: 10px;
}

.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item .numbers {
	font-size: 40px;
	font-weight: 700;
	line-height: 52.5px;
	text-align: center;
	border-bottom: 3px solid #000;
}

.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item .text {
	font-size: 16px;
	font-weight: 300;
	line-height: 130%;
	color: #000000;
	overflow-wrap: break-word;
}

.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-1 {
	left: 120px;
  	bottom: 70px;
}

.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-2 {
	left: 425px;
  	top: 70px;
}

.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-3 {
	left: 45.3%;
  	bottom: 75px;
}

.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-4 {
	left: auto;
	top: 70px;
	right: 425px;
}

.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-5 {
	left: auto;
	right: 125px;
	bottom: 70px;
}

.project_result-ManageBudget .ems-section p {
	text-align: justify;
}

.project_result-ManageBudget .mb_section_title {
	margin-bottom: 38px;
}

.project_result-ManageBudget .mb_section_title h2 {
	color: #000000;
	font-size: 25px;
	font-weight: 600;
	line-height: 37.5px;
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 24px;
	position: relative;
}

.project_result-ManageBudget .mb_section_title h2::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #000000;
	width: 492px;
	height: 4px;
	bottom: 0;
}

.project_result-ManageBudget .item-inner p {
	font-size: 17px;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 0;
}

.project_result-ManageBudget .item-inner h4 {
	font-size: 25px;
	font-weight: 600;
	line-height: 37.5px;
	margin-bottom: 0;
	padding-bottom: 14px;
	position: relative;
}

.project_result-MonthEnd .ems-section p {
	text-align: justify;	
}

.project_result-MonthEnd .MonthBG-fixed-w {
	display: block;
	max-width: 1920px;
}

.project_result-MonthEnd .MonthEnd-BGIMG .content_description .items {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.project_result-MonthEnd .MonthEnd-BGIMG .content_description .items .item {
	flex: 1;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}

.project_result-MonthEnd .MonthEnd-BGIMG .content_description .items .item h3 {
	color: #000000;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 37.5px;
	text-align: center;
}

/*item above*/
.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above {
	display: block;
	position: relative;
	padding-top: 140px;
}

.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item {
	position: absolute;
	text-align: center;
}

.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(1) {
	left: 220px;
  	top: 20px;
}

.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(2) {
	left: 33%;
  	top: 80px;
}

.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(3) {
	left: 54.5%;
  	top: 30px;
}

.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(4) {
	left: auto;
	right: 185px;
	top: 60px;
}

/*item below*/
.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below {
	display: block;
	position: relative;
	padding-bottom: 140px;
}

.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item {
	position: absolute;
	text-align: center;
}

.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(1) {
	left: 50px;
  	bottom: 50px;
}

.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(2) {
	left: 380px;
  	bottom: -50px;
}

.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(3) {
	left: 46%;
  	bottom: 50px;
}

.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(4) {
	right: 22%;
	left: auto;
	bottom: 0;
}

.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(5) {
	right: 10px;
	left: auto;
	bottom: 50px;
}

.MonthEnd-BGIMG .row .item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 30px;
	gap: 15px;
}

.MonthEnd-BGIMG .row .item h3 {
	color: #000000;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 37.5px;
	text-align: center;
}

.MonthEnd-BGIMG .row .item .img-block {
	position: relative;
	text-align: center;
}

.project_result-BAU .ems-section p {
	text-align: justify;	
}

.project_result-BAU .mb_section_title h2 {
	color: #000000;
	font-size: 40px;
	font-weight: 500;
	line-height: 60px;
	text-align: center;
}

.project_result-BAU .item-wrapper {
	position: relative;
	padding-bottom: 40px;
}

.project_result-BAU .item-wrapper .item {
	position: absolute;
	text-align: center;
}

.project_result-BAU .item-wrapper .item strong {
	color: #000000;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 37.5px;
	text-align: center;
}

.project_result-BAU .item-wrapper .item.item-1 {
	left: 100px;
	top: 140px;
}

.project_result-BAU .item-wrapper .item.item-2 {
	right: 70px;
	top: 140px;
}

.project_result-BAU .item-wrapper .item.item-3 {
	left: 40px;
	top: 59%;
}

.project_result-BAU .item-wrapper .item.item-4 {
	right: 100px;
	top: 59%;
}

.project_result-BAU .item-wrapper .item.item-5 {
	left: -30px;
	right: 0;
	bottom: 50px;
}

.project_result-BAU .item-wrapper .mob-item {
	position: relative;
	text-align: center;
}

.MonthEnd-BGIMG .row .item:nth-child(2n) .img-block {
	order: 1;
}

.MonthEnd-BGIMG .row .item:nth-child(2n) h3 {
	order: 0;
}

.project_result-BAU .item-wrapper .mob-item strong {
	color: #000000;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 37.5px;
	text-align: center;
	position: absolute;
}

.project_result-BAU .item-wrapper .mob-item:nth-child(1) strong {
	left: 50px;
	top: 200px;
}

.project_result-BAU .item-wrapper .mob-item:nth-child(2) strong {
	top: 155px;
	right: 90px;
}

.project_result-BAU .item-wrapper .mob-item:nth-child(3) {
	padding-bottom: 70px;
}

.project_result-BAU .item-wrapper .mob-item:nth-child(4) {
	padding-bottom: 40px;
}

.project_result-BAU .item-wrapper .mob-item:nth-child(3) strong {
	bottom: 0;
	right: 75px;
}

.project_result-BAU .item-wrapper .mob-item:nth-child(4) strong {
	left: 35%;
  	bottom: 20px;
}

.project_result-BAU .item-wrapper .mob-item:nth-child(5) strong {
	left: 90px;
}

@media screen and (max-width: 1579px) {
	.project_result-banner .item .slider-content .content_item h2 {
		font-size: 48px;
	}

	.project_result-banner .item .slider-content .content_item p {
		font-size: 20px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-1 {
		left: 105px;
		bottom: 60px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-2 {
		left: 390px;
		top: 60px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-3 {
		left: 45%;
		bottom: 60px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-4 {
		left: auto;
		top: 60px;
		right: 385px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-5 {
		left: auto;
		right: 110px;
		bottom: 60px;
	}
	
	/*wrapper above*/
	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(1) {
		left: 280px;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(2) {
		left: 37%;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(3) {
		left: 57%;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(4) {
		left: auto;
		right: 150px;
	}

	/*wrapper below*/
	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(1) {
		left: 120px;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(2) {
		left: 28%;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(3) {
		left: 48%;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(4) {
		right: 20%;
		left: auto;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(5) {
		right: 10px;
	}
}

@media screen and (max-width: 1439px) {
	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-1 {
		left: 95px;
		bottom: 50px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-2 {
		left: 360px;
		top: 60px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-4 {
		left: auto;
		top: 60px;
		right: 355px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-5 {
		left: auto;
		right: 100px;
		bottom: 60px;
	}
}

@media screen and (max-width: 1399px) {
	.project_result-Headtext h2 {
		font-size: 54px;
		line-height: 100%;
	}

	.project_result-ManageProject .ems-section p {
		font-size: 22px;
	}

	.project_result-ManageProject .ems-section h4 {
		font-size: 22px;
		line-height: 150%;
	}

	.project_result-ManageProject .ems-section .item-wrapper .item .text-content {
		font-size: 19px;
	}

	.project_result-DataMigration .ems-section h4 {
		font-size: 18px;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content {
		bottom: 30%;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content .numbers {
		font-size: 44px;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content .text {
		font-size: 17px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-1 {
		left: 62px;
		bottom: 35px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item .numbers {
		font-size: 32px;
		line-height: 120%;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-2 {
		left: 275px;
		top: 45px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-3 {
		left: 43.5%;
		bottom: 45px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-4 {
		top: 45px;
  		right: 275px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-5 {
		right: 65px;
		bottom: 45px;
	}

	.project_result-ManageBudget .item-inner h4 {
		font-size: 22px;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .content_description .items .item h3 {
		font-size: 24px;
	}

	/*wrapper above*/
	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(1) {
		left: 145px;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(2) {
		left: 34%;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(3) {
		left: 58%;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(4) {
		right: 10px;
	}

	/*wrapper below*/
	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(1) {
		left: -10px;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(2) {
		left: 24%;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(3) {
		left: 47%;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(4) {
		right: 13%;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(5) {
		right: -120px;
	}

	.project_result-BAU .mb_section_title h2 {
		font-size: 34px;
	}

	.project_result-BAU .item-wrapper .item strong {
		font-size: 24px;
	}

	.project_result-BAU .item-wrapper .item.item-2 {
		right: 60px;
		top: 120px;
	}

	.project_result-BAU .item-wrapper .item.item-1 {
		left: 85px;
		top: 120px;
	}
}

@media screen and (max-width: 1349px) {
	/*wrapper above*/
	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(1) {
		left: 155px;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(2) {
		left: 35%;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(3) {
		left: 58%;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-above .item:nth-child(4) {
		right: 40px;
	}

	/*wrapper below*/
	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(1) {
		left: 20px;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(2) {
		left: 24%;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(3) {
		left: 48%;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(4) {
		right: 15%;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(5) {
		right: -40px;
	}
}

@media screen and (max-width: 1199px) {
	.project_result-banner .item .slider-content .content_item {
		margin: 40px 0;
	}

	.project_result-banner .item .slider-content .content_item h2 {
		font-size: 40px;
	}

	.project_result-banner .item .slider-content .content_item p {
		font-size: 18px;
	}

	.project_result-banner .item .slider-content .breadcrumb {
		font-size: 20px;
		line-height: 150%;
	}

	.project_result-Headtext h2 {
		font-size: 44px;
		margin-bottom: 24px;
	}

	.project_result-ManageProject .ems-section p {
		font-size: 20px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item {
		width: 130px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-1 {
		left: 54px;
		bottom: 30px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-2 {
		left: 231px;
		top: 38px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-3 {
		left: 43.4%;
		bottom: 40px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-4 {
		top: 38px;
		right: 226px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-5 {
		right: 52px;
		bottom: 40px;
	}

	.project_result-ManageBudget .item-inner h4 {
		font-size: 19px;
	}

	.project_result-ManageBudget .item-inner p {
		font-size: 15px;
	}

	/*wrapper below*/
	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(4) {
		right: 155px;
	}

	.project_result-MonthEnd .MonthEnd-BGIMG .item-wrapper-below .item:nth-child(5) {
		right: 0;
	}

	.project_result-BAU .mb_section_title h2 {
		font-size: 24px;
		line-height: 150%;
	}

	.project_result-BAU .item-wrapper .item strong {
		font-size: 20px;
		line-height: 150%;
	}

	.project_result-BAU .item-wrapper .item.item-1 {
		left: 70px;
		top: 100px;
	}

	.project_result-BAU .item-wrapper .item.item-2 {
		right: 50px;
		top: 100px;
	}

	.project_result-BAU .item-wrapper .item.item-3 {
		left: 30px;
	}

	.project_result-BAU .item-wrapper .item.item-4 {
		right: 80px;
	}

	.project_result-BAU .item-wrapper .item.item-5 {
		bottom: 40px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.project_result-ManageProject .ems-section h4 {
		font-size: 18px;
	}

	.project_result-ManageProject .ems-section .item-wrapper .item .text-content {
		font-size: 16px;
	}

	.project_result-DataMigration .ems-section h4 {
		font-size: 15px;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content .numbers {
		font-size: 34px;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content {
		bottom: 25%;
		gap: 0;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content .text {
		font-size: 15px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item .numbers {
		font-size: 22px;
	}
}

@media screen and (max-width: 991px) {
	.project_result-banner .item .slider-content .breadcrumb {
		font-size: 14px;
	}

	.project_result-banner .item .slider-content .content_item {
		margin: 30px 0;
	}

	.project_result-banner .item .slider-content .content_item h2 {
		font-size: 30px;
	}

	.project_result-banner .item .slider-content .content_item p {
		font-size: 14px;
	}

	.project_result-DataMigration .row .cat-bottom-content .req_title_main h2 {
		font-size: 24px;
		padding: 0 20px;
	}

	.project_result-DataMigration .row .cat-bottom-content p {
		font-size: 24px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 20px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item {
		position: relative;
		width: 100%;
		flex: 1 0 33.33%;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-1 {
		left: 0;
		bottom: 0;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-2 {
		left: 0;
		top: 0;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-3 {
		left: 0;
		bottom: 0;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-4 {
		top: 0;
		right: 0;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item.item-5 {
		right: 0;
		bottom: 0;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item .text-block {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 50%;
		transform: translate(0,-50%);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 10px;
		width: 150px;
	}

	.project_result-BAU .mb_section_title h2 {
		font-size: 22px;
		margin-bottom: 0;
	}

	.project_result-BAU .item-wrapper {
		padding-bottom: 140px;
	}
}

@media screen and (max-width: 767px) {
	.project_result-banner .item .slider-content .breadcrumb {
		font-size: 13px;
		max-width: 230px;
	}

	.project_result-banner .item .slider-content .content_item h2 {
		font-size: 22px;
	}

	.project_result-banner .item .slider-content .content_item p {
		font-size: 14px;
		max-width: 230px;
	}

	.project_result-banner .item img {
		min-height: 50vh;
	}

	.project_result-ManageProject .ems-section h4 {
		color: #000000;
		font-size: 20px;
	}

	.project_result-DataMigration .ems-section h4 {
		font-size: 15px;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content {
		bottom: 40%;
		gap: 0;
		height: 180px;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content .text {
		font-size: 13px;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content .numbers {
		font-size: 34px;
	}

	.project_result-DataMigration .row .cat-bottom-content p {
		font-size: 22px;
	}

	.MonthEnd-BGIMG .row .item h3 {
		font-size: 24px;
	}

	.project_result-BAU .item-wrapper .mob-item strong {
		font-size: 24px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(1) strong {
		left: 25px;
		top: 140px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(2) strong {
		top: 110px;
		right: 35px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(3) strong {
		bottom: -30px;
		right: 45px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(4) strong {
		left: 34%;
		bottom: 30px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(5) strong {
		left: 50px;
	}
}

@media screen and (max-width: 575px) {
	.project_result-banner .item .slider-content .breadcrumb {
		font-size: 12px;
	}

	.project_result-banner .item .slider-content .content_item {
		margin: 20px 0;
	}

	.project_result-banner .item .slider-content .content_item h2 {
		font-size: 24px;
	}

	.project_result-banner .item .slider-content .content_item p {
		font-size: 12px;
		max-width: 200px;
	}

	.project_result-Headtext h2 {
		font-size: 30px;
		margin-bottom: 16px;
	}

	.project_result-ManageProject .ems-section p {
		font-size: 16px;
	}

	.project_result-ManageProject .ems-section .item-wrapper .item .text-content {
		font-size: 15px;
	}

	.project_result-ManageProject .ems-section .item-wrapper .item .icon {
		margin-right: 12px;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item {
		flex: 1 1 33.33%;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content {
		bottom: 50%;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content .numbers {
		font-size: 54px;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content .text {
		font-size: 18px;
	}

	.project_result-BAU .item-wrapper .mob-item strong {
		font-size: 18px;
		line-height: 150%;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(1) strong {
		left: 45px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(2) strong {
		right: 85px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(3) strong {
		bottom: 20px;
		right: 65px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(4) strong {
		left: 42.5%;
		bottom: 40px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(5) strong {
		left: 85px;
	}
}

@media screen and (max-width: 540px) {
	.project_result-BAU .item-wrapper .mob-item:nth-child(2) strong {
		right: 55px;
	}

	.project_result-ManageProject .ems-section h4 {
		font-size: 18px;
	}

	.MonthEnd-BGIMG .row .item h3 {
		font-size: 20px;
		line-height: 150%;
	}

	.project_result-ManageBudget .mb_section_title h2::after {
		width: 100%;
	}
}

@media screen and (max-width: 490px) {
	.project_result-banner .item .slider-content .content_item h2 {
		font-size: 18px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(2) strong {
		right: 25px;
		top: 95px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(1) strong {
		left: 30px;
		top: 120px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(5) strong {
		left: 55px;
	}
}

@media screen and (max-width: 439px) {
	.project_result-BAU .item-wrapper .mob-item strong {
		font-size: 16px;
	}
}

@media screen and (max-width: 420px) {
	.project_result-BAU .item-wrapper .mob-item:nth-child(1) strong {
		left: 20px;
		top: 105px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(2) strong {
		top: 80px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(3) strong {
		right: 35px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(4) strong {
		left: 40%;
		bottom: 35px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(5) strong {
		left: 45px;
	}

	.project_result-DataMigration .row .cat-bottom-content .item-wrapper .item .text-item {
		flex: 1 0 50%;
	}

	.project_result-ManageProject .ems-section .item-wrapper .item .icon {
		min-width: 80px;
	}

	.project_result-DataMigration .ems-section h4 {
		padding: 0 5px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(4) .img-block img {
		max-width: 200px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(4) strong {
		left: 35%;
		bottom: 20px;
	}
}

@media screen and (max-width: 390px) {
	.project_result-ManageProject .ems-section .item-wrapper .item .text-content {
		font-size: 12px;
		margin-right: 2px;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content {
		bottom: 45%;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content .numbers {
		font-size: 34px;
	}

	.project_result-DataMigration .ems-section .item-wrapper .item .text-content .text {
		font-size: 15px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(2) strong {
		right: 0;
		top: 55px;
	}

	.project_result-BAU .item-wrapper .mob-item:nth-child(1) strong {
		top: 90px;
	}
}

/* Hire to Retire Page CSS*/
.hire_retire_banner {
	display: block;
	position: relative;
}

.hire_retire_banner .item { 	
	position: relative; 	
	overflow: hidden; 
}

.hire_retire_banner .item .slider-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	display: block;
	box-sizing: border-box;
}

.hire_retire_banner .item .slider-content .banner-item {
	position: absolute;
	top: 50%;
	transform: translate(15px, -50%);
	font-size: 28px;
	font-weight: normal;
	color: #051829;
	display: block;
	margin-bottom: 20px;
	z-index: 1;
	left: 0;
}

.hire_retire_banner .item .slider-content .breadcrumb {
	font-size: 26px;
	font-weight: 400;
	line-height: 60px;
	text-align: left;
	margin-bottom: 0;
	color: #FFFFFF;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.hire_retire_banner .item .slider-content .breadcrumb a {
	color: #FFFFFF;
	text-decoration: none;
}

.hire_retire_banner .item .slider-content .content_item {
	display: block;
	margin: 90px 0;
}

.hire_retire_banner .item .slider-content .content_item h2 {
	font-size: 70px;
	font-weight: 700;
	line-height: 130%;
	text-align: left;
	margin-bottom: 25px;
	color: #FFFFFF;
}

.hire_retire_banner .item .slider-content .content_item p {
	font-size: 30px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.01em;
	text-align: left;
	margin-bottom: 0;
	color: #FFFFFF;
}

.hire_retire_headtext h2 {
	font-size: 64px;
	font-weight: 500;
	line-height: 150%;
	text-align: left;
	color: #000000;
	margin-bottom: 42px;
}

.hire_retire_headtext p {
	text-align: justify;
}

.hire_retire_workmanage .ems-section .content_description p {
	text-align: justify;
}

.hire_retire_workmanage .template_functionality .item-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.hire_retire_workmanage .template_functionality .item-wrapper .item-inner {
	position: relative;
}

.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item strong {
	font-size: 40px;
	font-weight: 700;
	line-height: 110%;
}

.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item p {
	color: #000000;
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.3px;
}

.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item {
	position: absolute;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item.item-1 {
	left: -140px;
	top: 0;
	text-align: right;
	align-items: flex-end;
}

.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item.item-2 {
	right: -190px;
	top: 0;
}

.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item.item-3 {
	left: -290px;
	top: 37%;
	text-align: right;
	align-items: flex-end;
}

.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item.item-4 {
	right: -310px;
	top: 33%;
}

.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item.item-5 {
	left: -230px;
	bottom: 0;
	text-align: right;
	align-items: flex-end;
}

.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item.item-6 {
	right: -299px;
	bottom: 0;
}

.hire_retire_datamigrate .item-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-start;
	position: relative;
}

.hire_retire_datamigrate .item-wrapper .text-block p {
	text-align: justify;
	padding-right: 0;
}

.hire_retire_datamigrate .item-wrapper .img-block {
	width: 533px;
	height: 551px;
	display: block;
	flex: 1 0 auto;
}

.hire_retire_datamigrate .item-wrapper .text-block .row {
	width: 90%;
	float: right;
}

.hire_retire_datamigrate .item-wrapper .text-block .row .step-description {
	text-align: left;
}

.hire_retire_payrollelem .ems-section .content_description h2 {
	color: #FFFFFF;
}

.hire_retire_payrollelem .ems-section .content_description p {
	color: #FFFFFF;
	text-align: justify;
}

.hire_retire_payrollelem.rp .ems-section-wrapper .ems_item .item p {
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
	text-align: left;
	color: #FFFFFF;
	margin: 10px 0;
}

.hire_retire_payrollelem .ems-section-wrapper .ems_item .item h3 {
	font-size: 36px;
	font-weight: 700;
	line-height: 130%;
	text-align: left;
	color: #FFFFFF;
	margin-bottom: 0;
}

.hire_retire_payrollelem .ems-section-wrapper .ems_item .item ul {
	padding-left: 2rem;
}

.hire_retire_payrollelem .ems-section-wrapper .ems_item .item ul li {
	color: #FFFFFF;
	margin-bottom: 25px;
	padding-right: 0;
	font-size: 20px;
	font-weight: 300;
	line-height: 150%;
	text-align: justify;
	letter-spacing: -0.3px;
	list-style-type: disc;
}

.hire_retire_payrollelem .ems-section-wrapper .ems_item .item ul li:last-child {
	margin-bottom: 0;
}

.hire_retire_payrollelem .ems-section-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: initial;
	padding-bottom: 13.5rem;
  	padding-top: 1.5rem;
}

.hire_retire_payrollelem .ems-section-wrapper .ems_item {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.hire_retire_payrollelem .ems-section-wrapper .ems_item:nth-child(2) {
	flex-direction: row;
	align-items: center;
}

.hire_retire_payrollelem .ems-section-wrapper .ems_item:first-child .item:first-child {
	position: relative;
  	left: 70px;
}

.hire_retire_payrollelem .ems-section-wrapper .ems_item:first-child .item:last-child {
	position: relative;
  	left: 170px;
  	top: 170px;
}

.hire_retire_payrollelem .ems-section-wrapper .ems_item:nth-child(2) .item:first-child {
	position: relative;
	left: -30px;
	bottom: 30px;
}

.hire_retire_payrollelem .ems-section-wrapper .ems_item:nth-child(2) .item:last-child {
	position: relative;
	top: 0;
	right: 70px;
}

.hire_retire_payrollelem.rp .ems-section-wrapper .ems_item:nth-child(2) .item:last-child {
	top: -150px;
	right: 70px;
}

.hire_retire_payrollelem.rp .ems-section-wrapper .ems_item:nth-child(2) .item:first-child {
	position: relative;
	left: -70px;
	bottom: 70px;
}

.hire_retire_timecardadmin .cat-bottom-content .item-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}

.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item.image-item {
	flex: 0 0 auto;
}

.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item.image-item .img-fluid {
    max-width: 100%;
    height: auto;
}

.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item.text-item {
	flex: 1;
	max-width: 80%;
}

.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item p {
	text-align: justify;
}

.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item-card {
	background: #f0f3ff;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item-card .item-card-header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	height: 130px;
	text-align: center;
	padding: 20px 5px;
	border-radius: 10px;
}

.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item-card .item-card-footer {
	display: block;
	width: 100%;
}

.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item-card .item-card-footer .footer-line {
	display: block;
	height: 10px;
	width: 100%;
	border-radius: 50px;
}

.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item-card .item-card-body {
	flex: 1;
	width: 100%;
	padding: 15px 12px;
	background-color: #f0f3ff;
}

.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item-card .item-card-header h3 {
	font-size: 18px;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.01em;
	margin-bottom: 0;
	color: #FFFFFF;
	text-transform: uppercase;
}

.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item-card .item-card-body ul {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 15px;
	padding-left: 1rem;
}

.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item-card .item-card-body ul li {
	color: #000000;
	margin-bottom: 0;
	padding-right: 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%;
	text-align: left;
	list-style-type: disc;
	letter-spacing: -0.3px;
}

.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item-card .item-card-body p {
	color: #000000;
	margin-bottom: 0;
	padding-right: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	text-align: left;
	letter-spacing: -0.3px;
}

@media screen and (max-width: 1399px) {
	.hire_retire_banner .item .slider-content .content_item {
		margin: 60px 0;
	}

	.hire_retire_banner .item .slider-content .content_item h2 {
		font-size: 54px;
	}

	.hire_retire_banner .item .slider-content .content_item p {
		font-size: 24px;
	}

	.hire_retire_headtext h2 {
		font-size: 48px;
		margin-bottom: 18px;
	}

	.hire_retire_datamigrate .item-wrapper .text-block .row {
		width: 100%;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item .item h3 {
		font-size: 28px;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item .item ul li {
		font-size: 18px;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item:first-child .item:first-child {
		left: 90px;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item:nth-child(2) .item:last-child {
		top: -30px;
		right: 80px;
	}

	.hire_retire_payrollelem.rp .ems-section-wrapper .ems_item:nth-child(2) .item:last-child {
		top: -150px;
		right: 70px;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item:nth-child(2) .item:first-child .img-fluid {
		max-width: 600px;
	}
}

@media screen and (max-width: 1199px) {
	.hire_retire_banner .item .slider-content .content_item p {
		font-size: 20px;
	}

	.hire_retire_banner .item .slider-content .breadcrumb {
		font-size: 20px;
		line-height: 150%;
	}

	.hire_retire_banner .item .slider-content .content_item {
		margin: 20px 0;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item.item-1 {
		left: -65px;
		top: 10px;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item.item-2 {
		right: -100px;
		top: 10px;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item.item-3 {
		left: -195px;
		top: 39%;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item.item-4 {
		right: -210px;
		top: 36%;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item.item-5 {
		left: -125px;
		bottom: 5px;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item.item-6 {
		right: -175px;
		bottom: 5px;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .item-inner .item p {
		font-size: 14px;
	}

	.hire_retire_datamigrate .item-wrapper {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.hire_retire_datamigrate .item-wrapper .img-block {
		margin-bottom: 30px;
	}

	.hire_retire_timecardadmin .cat-bottom-content .item-wrapper {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item.image-item {
		flex: 1;
		transform: rotate(90deg);
		margin-top: -190px;
	}

	.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item.text-item {
		flex: 1;
		max-width: 100%;
		margin-top: -190px;
	}

	.hire_retire_payrollelem .ems-section-wrapper {
		padding-bottom: 7rem;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item:first-child .item:first-child {
		left: 30px;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item:first-child .item:last-child {
		left: 150px;
		top: 80px;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item:nth-child(2) .item:first-child {
		left: -30px;
		bottom: 30px;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item:nth-child(2) .item:last-child {
		top: 70px;
		right: 50px;
	}

	.hire_retire_payrollelem.rp .ems-section-wrapper .ems_item:nth-child(2) .item:last-child {
		top: 70px;
		right: 50px;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item:nth-child(2) .item:first-child .img-fluid {
		max-width: 400px;
	}
}

@media screen and (max-width: 991px) {
	.hire_retire_banner .item .slider-content .breadcrumb {
		font-size: 16px;
	}

	.hire_retire_banner .item .slider-content .content_item h2 {
		font-size: 38px;
	}

	.hire_retire_banner .item .slider-content .content_item p {
		font-size: 16px;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .item strong {
		font-size: 40px;
		font-weight: 700;
		line-height: 110%;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .item p {
		color: #000000;
		margin-bottom: 0;
		font-size: 20px;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.3px;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .col {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		gap: 15px;
		width: 100%;
		height: 100%;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .img-block {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .text-block {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item:nth-child(2) .item:first-child {
		display: none;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item:nth-child(2) .item:last-child {
		top: 0;
		right: 0;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item:first-child .item:first-child {
		left: 0;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item:nth-child(2) {
		align-items: flex-start;
	}

	.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item.image-item {
		margin-top: -100px;
	}

	.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item.image-item .img-fluid {
		max-width: 78%;
	}
}

@media screen and (max-width: 767px) {
	.hire_retire_banner .item .slider-content .breadcrumb {
		font-size: 13px;
	}

	.hire_retire_banner .item .slider-content .content_item h2 {
		font-size: 28px;
	}

	.hire_retire_banner .item .slider-content .content_item p {
		font-size: 13px;
		max-width: 220px;
	}

	.hire_retire_banner .item .slider-content .banner-item .ems-pp-btn {
		padding: 8px;
		font-size: 14px;
		line-height: 120%;
	}

	.hire_retire_headtext h2 {
		font-size: 36px;
		margin-bottom: 8px;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .item p {
		font-size: 18px;
	}

	.hire_retire_payrollelem .ems-section-wrapper {
		padding-bottom: 2rem;
		flex-direction: column;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item {
		flex-direction: column;
		align-items: center;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item:first-child .item:last-child {
		left: 0;
		top: 0;
		margin: 30px 0;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item:nth-child(2) {
		align-items: center;
		flex-direction: column;
	}

	.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item.image-item .img-fluid {
		max-width: 58%;
	}

	.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item.image-item {
		margin-top: 0;
	}

	.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .col-xs-12:nth-child(2) .item-card .item-card-body {
		padding: 70px 12px;
	}

	.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item-card .item-card-header {
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	.hire_retire_banner .item .slider-content .breadcrumb {
		gap: 5px;
		font-size: 12px;
	}

	.hire_retire_banner .item .slider-content .content_item {
		margin: 10px 0;
	}

	.hire_retire_banner .item .slider-content .content_item h2 {
		font-size: 18px;
		margin-bottom: 14px;
	}

	.hire_retire_banner .item .slider-content .content_item p {
		font-size: 13px;
		max-width: 200px;
	}

	.hire_retire_headtext h2 {
		font-size: 30px;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .item strong {
		font-size: 30px;
	}

	.hire_retire_workmanage .template_functionality .item-wrapper .item p {
		font-size: 16px;
	}

	.hire_retire_datamigrate .item-wrapper .text-block .row {
		float: none;
	}

	.hire_retire_datamigrate .item-wrapper .img-block {
		width: 100%;
  		height: 100%;
	}

	.hire_retire_payrollelem .ems-section-wrapper .ems_item .item ul li {
		font-size: 16px;
	}

	.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item.image-item {
		transform: unset;
		margin-bottom: 15px;
	}

	.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item.image-item .img-fluid {
		max-width: 100%;
	}

	.hire_retire_timecardadmin .cat-bottom-content .item-wrapper .item.text-item {
		max-width: 100%;
		margin-top: 0;
	}
}

@media screen and (max-width: 439px) {
	.hire_retire_banner .item .slider-content .content_item {
		margin: 5px 0;
	}

	.hire_retire_banner .item .slider-content .content_item h2 {
		font-size: 18px;
    	margin-bottom: 8px;
	}

	.hire_retire_banner .item .slider-content .content_item p {
		font-size: 8px;
	}

	.hire_retire_banner .item .slider-content .breadcrumb {
		font-size: 10px;
	}
}

/* Asset to Retire Page CSS*/
.asset_retire_banner {
	display: block;
	position: relative;
}

.asset_retire_banner .item { 	
	position: relative; 	
	overflow: hidden; 
}

.asset_retire_banner .item .slider-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	display: block;
	box-sizing: border-box;
}

.asset_retire_banner .item .slider-content .banner-item {
	position: absolute;
	top: 50%;
	transform: translate(15px, -50%);
	font-size: 28px;
	font-weight: normal;
	color: #051829;
	display: block;
	margin-bottom: 20px;
	z-index: 1;
	left: 0;
}

.asset_retire_banner .item .slider-content .breadcrumb {
	font-size: 26px;
	font-weight: 400;
	line-height: 60px;
	text-align: left;
	margin-bottom: 0;
	color: #000000;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.asset_retire_banner .item .slider-content .breadcrumb a {
	color: #000000;
	text-decoration: none;
}

.asset_retire_banner .item .slider-content .content_item {
	display: block;
	margin: 90px 0;
}

.asset_retire_banner .item .slider-content .content_item h2 {
	font-size: 70px;
	font-weight: 700;
	line-height: 130%;
	text-align: left;
	margin-bottom: 25px;
	color: #000000;
}

.asset_retire_banner .item .slider-content .content_item p {
	font-size: 30px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.01em;
	text-align: left;
	margin-bottom: 0;
	color: #000000;
}

.asset_retire_headtext {
	display: block;
	position: relative;
	overflow: hidden;
}

.asset_retire_headtext::after {
	right: 0;
	top: 0;
}

.asset_retire_headtext::before {
	left: -15px;
  	bottom: 60px;
}

.asset_retire_headtext::after, .asset_retire_headtext::before {
	content: '';
	position: absolute;
	background-image: url('../Images//Processes/Asset2Retire/asset_retire_bg.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	height: 544px;
	width: 116px;
	z-index: -1;
}

.asset_retire_headtext h2 {
	font-size: 64px;
	font-weight: 500;
	line-height: 150%;
	text-align: left;
	color: #000000;
	margin-bottom: 42px;
}

.asset_retire_headtext p {
	color: #000000;
  	text-align: justify;
}

.asset_retire_headtext .ems-section {
	position: relative;
	display: block;
}

.asset_retire_headtext .ems-section .item-wrapper .item h3 {
	font-size: 36px;
	font-weight: 700;
	line-height: 130%;
	margin-bottom: 0;
	color: #0b36bd;
}

.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(2n) p {
	text-align: left;
}

.asset_retire_headtext .ems-section .item-wrapper .item p {
	color: #0b36bd;
  	text-align: right;
}

@media screen and (min-width: 768px) {
	.asset_retire_headtext .ems-section .item-wrapper {
		position: absolute;
		top: 0;
		left: 0; 
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-wrap: wrap; 
		align-items: center;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item {
		text-align: right; 
		max-width: 41%;
		width: calc(50% - 20px);
		margin-left: auto;
		padding: 160px 0;
	}
	
	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(2n) {
		text-align: left;
		margin-right: auto;
		margin-left: unset;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(3) {
		padding: 50px 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(5) {
		padding: 90px 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(6) {
		padding: 210px 0;
	}
}

@media screen and (max-width: 1699px) {
	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(2) {
		padding: 100px 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(3) {
		padding: 110px 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(4) {
		padding: 90px 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(5) {
		padding: 130px 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(6) {
		padding: 140px 0;
	}
}

@media screen and (max-width: 1479px) {
	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(2) {
		padding: 50px 0;	
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(3) {
		padding: 130px 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(4) {
		padding: 40px 0;
	}
}

@media screen and (max-width: 1399px) {
	.asset_retire_headtext .ems-section .item-wrapper .item h3 {
		font-size: 32px;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(1) {
		padding: 110px 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(3) {
		padding: 40px 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(4) {
		padding: 80px 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(5) {
		padding: 50px 0;
	}

	.asset_retire_banner .item .slider-content .breadcrumb {
		font-size: 22px;
		line-height: 150%;
	}

	.asset_retire_banner .item .slider-content .content_item {
		margin: 60px 0;
	}

	.asset_retire_banner .item .slider-content .content_item h2 {
		font-size: 50px;
	}

	.asset_retire_banner .item .slider-content .content_item p {
		font-size: 26px;
	}

	.asset_retire_headtext h2 {
		font-size: 54px;
		margin-bottom: 12px;
	}
}

@media screen and (max-width: 1199px) {
	.asset_retire_banner .item .slider-content .content_item h2 {
		font-size: 42px;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item h3 {
		font-size: 28px;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(1) {
		padding: 70px 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(3) {
		padding: 10px 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(5) {
		padding: 20px 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(6) {
		padding: 110px 0;
	}
}

@media screen and (max-width: 991px) {
	.asset_retire_banner .item .slider-content .breadcrumb {
		font-size: 18px;
	}

	.asset_retire_banner .item .slider-content .content_item h2 {
		font-size: 30px;
	}

	.asset_retire_banner .item .slider-content .content_item {
		margin: 30px 0;
	}

	.asset_retire_banner .item .slider-content .content_item p {
		font-size: 20px;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item h3 {
		font-size: 20px;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(1) {
		padding: 30px 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(2) {
		padding: 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(3) {
		padding: 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(4) {
		padding: 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(5) {
		padding: 0;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(6) {
		padding: 80px 0;
	}
}

@media screen and (max-width: 767px) {
	.asset_retire_banner .item .slider-content .breadcrumb {
		font-size: 14px;
	}

	.asset_retire_banner .item .slider-content .content_item h2 {
		font-size: 24px;
	}

	.asset_retire_banner .item .slider-content .content_item p {
		font-size: 16px;
	}

	.asset_retire_headtext .ems-section .item-wrapper {		
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-wrap: wrap; 
		align-items: center;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item {
		padding: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item .text-block {
		text-align: right;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(2n) .text-block {
		text-align: left;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:nth-child(2n) .img-block {
		order: 1;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item .img-block {
		flex: 1 0 50%;
	}

	.asset_retire_headtext .ems-section .item-wrapper .item:last-child {
		padding: 0;
	}
}

@media screen and (max-width: 575px) {
	.asset_retire_banner .item .slider-content .content_item {
		margin: 20px 0;
	}

	.asset_retire_banner .item .slider-content .content_item h2 {
		font-size: 22px;
	}

	.asset_retire_banner .item .slider-content .content_item p {
		font-size: 15px;
	}

	.asset_retire_headtext h2 {
		font-size: 30px;
	}
}

@media screen and (max-width: 429px) {
	.asset_retire_banner .item .slider-content .breadcrumb {
		font-size: 12px;
		gap: 5px;
	}

	.asset_retire_banner .item .slider-content .content_item h2 {
		font-size: 15px;
		margin-bottom: 15px;
	}

	.asset_retire_banner .item .slider-content .content_item p {
		font-size: 11px;
	}

	.asset_retire_banner .item .slider-content .banner-item .ems-pp-btn {
		padding: 8px;
		font-size: 14px;
		line-height: 150%;
	}

	.asset_retire_headtext h2 {
		font-size: 24px;
	}
}

/* Order to Cash Page CSS*/
.order_cash_banner {
	display: block;
	position: relative;
}

.order_cash_banner .item { 	
	position: relative; 	
	overflow: hidden; 
}

.order_cash_banner .item .slider-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	display: block;
	box-sizing: border-box;
}

.order_cash_banner .item .slider-content .banner-item {
	position: absolute;
	top: 50%;
	transform: translate(15px, -50%);
	font-size: 28px;
	font-weight: normal;
	color: #051829;
	display: block;
	margin-bottom: 20px;
	z-index: 1;
	left: 0;
}

.order_cash_banner .item .slider-content .breadcrumb {
	font-size: 26px;
	font-weight: 400;
	line-height: 60px;
	text-align: left;
	margin-bottom: 0;
	color: #FFFFFF;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.order_cash_banner .item .slider-content .breadcrumb a {
	color: #FFFFFF;
	text-decoration: none;
}

.order_cash_banner .item .slider-content .content_item {
	display: block;
	margin: 90px 0;
}

.order_cash_banner .item .slider-content .content_item h2 {
	font-size: 70px;
	font-weight: 700;
	line-height: 130%;
	text-align: left;
	margin-bottom: 25px;
	color: #FFFFFF;
}

.order_cash_banner .item .slider-content .content_item p {
	font-size: 30px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.01em;
	text-align: left;
	margin-bottom: 0;
	color: #FFFFFF;
}

.order_cash_headtext p {
	text-align: justify;
}

.order_cash_receivInvoice .ems-section .content_description p {
	text-align: justify;
}

.order_cash_receivInvoice .item {
	display: flex;
    flex-direction: column;
    height: 100%;
	gap: 30px;
}

.order_cash_receivInvoice .item .img-block {
	flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px; 
}

.order_cash_receivInvoice .item .img-block img {
	max-width: 100%;
    height: auto;
}

.order_cash_receivInvoice .item .text-block {
	text-align: left;
	height: 170px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 8px;
}

.order_cash_receivInvoice.dm .item .text-block {
	height: 425px;
}

.order_cash_receivInvoice .item .text-block strong {
	font-size: 20px;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: -0.01em;
	text-align: left;
	margin-bottom: 0;
	text-transform: uppercase;
}

.order_cash_receivInvoice .item .text-block p {
	margin-bottom: 0;
}

.order_cash_creditMemo .ems-section .content_description p {
	text-align: justify;
}

.order_cash_creditMemo .item {
	position: relative;
	display: block;
}

.order_cash_creditMemo .item .text-block {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 8%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	height: 170px;
	padding: 0 15px;
}

.order_cash_creditMemo .item .text-block p {
	color: #000000;
	padding-right: 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 150%;
	margin-bottom: 0;
}

.order_cash_paymentInstallment .ems-section .content_description p {
	text-align: justify;
}

.order_cash_paymentInstallment .card {
	border-radius: 10px;
	border: none;
}

.order_cash_paymentInstallment .card .card-body {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 70px 40px;
	border-radius: 10px 10px 0 0;
}

.order_cash_paymentInstallment .card .card-footer {
	border-radius: 0 0 10px 10px;
}

.order_cash_paymentInstallment .card .card-body .card-text {
	display: block;
	max-width: 325px;
}

.order_cash_paymentInstallment .card .card-body .card-text p {
	color: #FFF;
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 600;
	line-height: 37.5px;
	text-align: right;
}

.order_cash_paymentInstallment .card .card-body .card-icon {
	max-width: 120px;
	display: block;
}

.order_cash_paymentInstallment .card .card-footer strong {
	color: #FFF;
	margin-bottom: 0;
	padding: 10px;
	font-size: 34px;
	font-weight: 600;
	line-height: 37.5px;
	display: block;
}

.order_cash_BAU .ems-section .content_description p {
	text-align: justify;
}

.order_cash_BAU .item-wrapper .item {
	display: block;
	max-width: 230px;
	text-align: center;
}

.order_cash_BAU .item-wrapper .item .num {
	font-size: 34px;
	font-weight: 500;
	line-height: 150%;
	color: #000000;
	margin-bottom: 0;
}

.order_cash_BAU .item-wrapper .item h6 {
	color: #000000;
	margin-bottom: 15px;
	padding-right: 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 150%;
}

.order_cash_BAU .item-wrapper .item p {
	color: #666666;
	margin-bottom: 0;
	padding-right: 0;
	font-size: 15px;
	font-weight: 300;
	line-height: 150%;
}

.order_cash_BAU .item-wrapper.evens {
	margin-top: -160px;
}

.order_cash_BAU .item-wrapper.odds {
	margin-bottom: -180px;
}

.order_cash_BAU .item-wrapper {
	display: flex;
	flex-direction: row;
	position: relative;
	z-index: 1;
}

.order_cash_BAU .item-wrapper.img-block {
	z-index: 0;
}

/*Odds item elements*/
.order_cash_BAU .item-wrapper.odds .item:nth-child(1) {
	margin-left: -20px;
}

.order_cash_BAU .item-wrapper.odds .item:nth-child(2) {
	margin-left: 70px;
}

.order_cash_BAU .item-wrapper.odds .item:nth-child(3) {
	margin-left: 90px;
}

.order_cash_BAU .item-wrapper.odds .item:nth-child(4) {
	margin-left: 90px;
}

.order_cash_BAU .item-wrapper.odds .item:nth-child(5) {
	margin-left: 90px;
}

/*Evens item elements*/
.order_cash_BAU .item-wrapper.evens .item:nth-child(1) {
	margin-left: 120px;
}

.order_cash_BAU .item-wrapper.evens .item:nth-child(2) {
	margin-left: 100px;
}

.order_cash_BAU .item-wrapper.evens .item:nth-child(3) {
	margin-left: 85px;
}

.order_cash_BAU .item-wrapper.evens .item:nth-child(4) {
	margin-left: 90px;
}

.order_cash_BAU .item-wrapper.evens .item:nth-child(5) {
	margin-left: 130px;
}

.order_cash_BAU .item-wrapper.evens .item:nth-child(5) p {
	max-width: 150px;
}

.order_cash_custReceipts .ems-section .content_description p {
	text-align: justify;
}

.order_cash_custReceipts .fixed-w {
  	max-width: 1920px;
}

.order_cash_custReceipts .item-wrapper {
	display: block;
	position: relative;
}

.order_cash_custReceipts .item-wrapper .item p {
	color: #000000;
	margin-bottom: 0;
	padding-right: 0;
	font-size: 28px;
	font-weight: 600;
	line-height: 150%;
}

.order_cash_custReceipts .item-wrapper .item {
	position: absolute;
	text-align: center;
}

.order_cash_custReceipts .item-wrapper .item.item-1 {
	left: 23%;
	top: 150px;
}

.order_cash_custReceipts .item-wrapper .item.item-2 {
	top: 36%;
	left: 21%;
}

.order_cash_custReceipts .item-wrapper .item.item-3 {
	left: 53%;
	top: 12%;
}

.order_cash_custReceipts .item-wrapper .item.item-4 {
	right: 13%;
	top: 12%;
}

.order_cash_custReceipts .item-wrapper .item.item-5 {
	right: 9%;
	top: 50%;
}

.order_cash_custReceipts .item-wrapper .item.item-6 {
	right: 12%;
	bottom: 15%;
}

.order_cash_custReceipts .item-wrapper .item.item-7 {
	right: 31%;
	top: 47%;
}

.order_cash_custReceipts .item-wrapper .item.item-8 {
	left: 31%;
	bottom: 15%;
}

.order_cash_custReceipts .item-wrapper .item.item-9 {
	left: 10%;
	bottom: 15%;
}

.order_cash_cashTrans .ems-section .content_description p {
	text-align: justify;
}

.order_cash_cashTrans .cat-bottom-content .item-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner {
	position: relative;
}

.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item {
	position: absolute;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item strong {
	font-size: 36px;
	font-weight: 700;
	line-height: 150%;
}

.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item p {
	color: #666666;
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.3px;
}

.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-1 {
	top: -80px;
	right: 11%;
}

.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-2 {
	top: 16%;
	right: -160px;
}

.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-3 {
	top: 54%;
	right: -260px;
}

.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-4 {
	bottom: -10px;
	right: -90px;
}

.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-5 {
	left: -90px;
	bottom: -50px;
	text-align: right;
}

.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-6 {
	top: 54%;
	left: -210px;
	text-align: right;
}

.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-7 {
	top: 17%;
	left: -220px;
	text-align: right;
}

.order_cash_dataMigrate .ems-section .content_description p {
	text-align: justify;
}

.order_cash_dataMigrate .cat-bottom-content .item-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner {
	position: relative;
}

.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item {
	position: absolute;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item p {
	color: #419dbd;
	margin-bottom: 0;
	font-size: 24px;
  	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.3px;
}

.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-1 {
	top: 50px;
	right: -100px;
}

.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-2 {
	right: -295px;
	top: 29%;
}

.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-3 {
	right: -210px;
	top: 55%;
}

.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-4 {
	right: -130px;
	bottom: 40px;
}

.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-5 {
	bottom: 35px;
	left: -225px;
	text-align: right;
}

.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-6 {
	top: 57%;
	left: -200px;
	text-align: right;
}

.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-7 {
	top: 30%;
	left: -255px;
	text-align: right;
}

.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-8 {
	top: 50px;
	left: -170px;
	text-align: right;
}

@media screen and (min-width: 1200px) {
	.order_cash_receivInvoice .row-cols-xl-7 > * {
		flex: 0 0 auto;
		width: calc(100% / 7);
	}

	.order_cash_creditMemo .row-cols-xl-7 > * {
		flex: 0 0 auto;
		width: calc(100% / 7);
	}	
}

@media screen and (max-width: 1600px) {
	.order_cash_banner .item .slider-content .content_item {
		margin: 70px 0;
	}

	.order_cash_banner .item .slider-content .content_item h2 {
		font-size: 54px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item p {
		font-size: 20px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-1 {
		top: 50px;
		right: -60px;
	}
	
	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-2 {
		right: -245px;
		top: 30%;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-3 {
		right: -170px;
		top: 56%;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-4 {
		right: -85px;
		bottom: 40px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-5 {
		bottom: 35px;
		left: -160px;
		text-align: right;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-6 {
		top: 57%;
		left: -160px;
		text-align: right;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-7 {
		top: 31%;
		left: -210px;
		text-align: right;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-8 {
		top: 50px;
		left: -115px;
		text-align: right;
	}

	.order_cash_BAU .item-wrapper.odds .item:nth-child(2) {
		margin-left: 40px;
	}

	.order_cash_BAU .item-wrapper.odds .item:nth-child(3) {
		margin-left: 60px;
	}

	.order_cash_BAU .item-wrapper.odds .item:nth-child(4) {
		margin-left: 60px;
	}

	.order_cash_BAU .item-wrapper.odds .item:nth-child(5) {
		margin-left: 70px;
	}

	.order_cash_BAU .item-wrapper.evens .item:nth-child(1) {
		margin-left: 110px;
	}

	.order_cash_BAU .item-wrapper.evens .item:nth-child(2) {
		margin-left: 60px;
	}

	.order_cash_BAU .item-wrapper.evens .item:nth-child(3) {
		margin-left: 65px;
	}

	.order_cash_BAU .item-wrapper.evens .item:nth-child(4) {
		margin-left: 60px;
	}

	.order_cash_BAU .item-wrapper.evens .item:nth-child(5) {
		margin-left: 100px;
	}

	.order_cash_custReceipts .item-wrapper .item p {
		font-size: 20px;
	}

	.order_cash_custReceipts .item-wrapper .item.item-1 {
		left: 26%;
		top: 120px;
	}

	.order_cash_custReceipts .item-wrapper .item.item-2 {
		top: 38%;
	}

	.order_cash_custReceipts .item-wrapper .item.item-3 {
		left: 54%;
		top: 14%;
	}

	.order_cash_custReceipts .item-wrapper .item.item-4 {
		top: 14%;
	}

	.order_cash_custReceipts .item-wrapper .item.item-5 {
		top: 51%;
	}

	.order_cash_custReceipts .item-wrapper .item.item-6 {
		right: 13%;
	}

	.order_cash_custReceipts .item-wrapper .item.item-7 {
		right: 32%;
		top: 48%;
	}

	.order_cash_custReceipts .item-wrapper .item.item-8 {
		left: 32%;
	}
}

@media screen and (max-width: 1450px) {
	.order_cash_banner .item .slider-content .content_item h2 {
		font-size: 46px;
	}

	.order_cash_creditMemo .item .text-block {
		bottom: -10px;
		padding: 0 5px;
	}

	.order_cash_creditMemo .item .text-block p {
		font-size: 14px;
	}

	.order_cash_BAU .item-wrapper.odds {
		margin-bottom: -140px;
	}

	.order_cash_BAU .item-wrapper .item .num {
		font-size: 30px;
	}

	.order_cash_BAU .item-wrapper .item h6 {
		font-size: 16px;
	}

	.order_cash_BAU .item-wrapper .item p {
		font-size: 13px;
	}

	/*Odds item elements*/
	.order_cash_BAU .item-wrapper.odds .item:nth-child(2) {
		margin-left: 20px;
	}

	.order_cash_BAU .item-wrapper.odds .item:nth-child(3) {
		margin-left: -20px;
	}

	.order_cash_BAU .item-wrapper.odds .item:nth-child(4) {
		margin-left: 10px;
	}

	.order_cash_BAU .item-wrapper.odds .item:nth-child(5) {
		margin-left: 0;
	}

	/*Evens item elements*/
	.order_cash_BAU .item-wrapper.evens .item:nth-child(1) {
		margin-left: 54px;
	}

	.order_cash_BAU .item-wrapper.evens .item:nth-child(4) {
		margin-left: 10px;
	}

	.order_cash_custReceipts .item-wrapper .item.item-1 {
		left: 22%;
		top: 100px;
	}

	.order_cash_custReceipts .item-wrapper .item.item-8 {
		left: 29%;
	}

	.order_cash_custReceipts .item-wrapper .item.item-7 {
		right: 29%;
		top: 45%;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item strong {
		font-size: 22px;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item p {
		font-size: 16px;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-1 {
		top: -50px;
		right: 18%;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-2 {
		top: 18%;
		right: -110px;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-3 {
		top: 56%;
		right: -160px;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-4 {
		bottom: 10px;
		right: -20px;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-5 {
		left: -20px;
		bottom: -30px;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-6 {
		top: 57%;
		left: -160px;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-7 {
		top: 19%;
		left: -120px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner img {
		max-width: 680px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-1 {
		top: 35px;
		right: -95px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-4 {
		right: -120px;
		bottom: 25px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-5 {
		bottom: 20px;
		left: -200px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-7 {
		top: 29%;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-8 {
		top: 30px;
		left: -155px;
	}
}

@media screen and (max-width: 1199px) {
	.order_cash_banner .item .slider-content .breadcrumb {
		font-size: 22px;
		line-height: 150%;
	}

	.order_cash_banner .item .slider-content .content_item h2 {
		font-size: 42px;
	}

	.order_cash_banner .item .slider-content .content_item p {
		font-size: 24px;
	}

	.order_cash_BAU .item-wrapper {
		display: flex;
        flex-wrap: wrap;
	}

	.order_cash_BAU .item-wrapper .item {
		box-sizing: border-box;
		padding: 10px;
		max-width: 100%;
		flex: 1 0 20%;
	}

	.order_cash_receivInvoice.dm .item .text-block {
		height: 295px;
	}

	.order_cash_creditMemo .item .text-block {
		bottom: 40%;
		padding: 0 5px;
		transform: translate(0,100%);
	}

	.order_cash_creditMemo .item .text-block p {
		font-size: 18px;
	}

	.order_cash_paymentInstallment .card .card-body .card-text p {
		font-size: 20px;
	}

	.order_cash_paymentInstallment .card .card-footer strong {
		font-size: 24px;
	}

	.order_cash_custReceipts .item {
		position: relative;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 15px;
	}

	.order_cash_custReceipts .item .num {
		display: block;
		height: 90px;
		width: 90px;
		border-radius: 50%;
		line-height: 82px;
		font-size: 40px;
		font-weight: 600;
		text-align: center;
		background-color: #FFFFFF;
		border: 7px solid;
	}

	.order_cash_custReceipts .item p {
		color: #000000;
		margin-bottom: 0;
		padding-right: 0;
		font-size: 24px;
		font-weight: 600;
		line-height: 150%;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner img {
		max-width: 620px;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-1 {
		top: -60px;
		right: 11%;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-2 {
		top: 15%;
		right: -130px;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-4 {
		bottom: 0;
		right: -50px;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-5 {
		left: -60px;
		bottom: -40px;
	}

	.order_cash_cashTrans .cat-bottom-content .item-wrapper .item-inner .item.item-7 {
		top: 16%;
		left: -140px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner img {
		max-width: 570px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item p {
		font-size: 16px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-1 {
		top: 20px;
		right: -85px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-2 {
		right: -195px;
		top: 27%;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-3 {
		right: -140px;
		top: 52%;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-4 {
		right: -105px;
		bottom: 15px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-5 {
		bottom: 10px;
		left: -170px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-6 {
		top: 56%;
		left: -130px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-7 {
		top: 27%;
		left: -170px;
	}

	.order_cash_dataMigrate .cat-bottom-content .item-wrapper .item-inner .item.item-8 {
		top: 20px;
		left: -135px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.order_cash_receivInvoice.dm {
		padding-bottom: 0 !important;
	}
}

@media screen and (max-width: 991px) {
	.order_cash_banner .item .slider-content .breadcrumb {
		font-size: 20px;
	}

	.order_cash_banner .item .slider-content .content_item {
		margin: 60px 0;
	}

	.order_cash_banner .item .slider-content .content_item h2 {
		font-size: 32px;
		margin-bottom: 12px;
	}

	.order_cash_banner .item .slider-content .content_item p {
		font-size: 20px;
	}

	.order_cash_paymentInstallment .card .card-body {
		padding: 30px 20px;
	}

	.order_cash_paymentInstallment .card .card-footer strong {
		font-size: 20px;
	}

	.order_cash_paymentInstallment .card .card-body .card-text p {
		font-size: 16px;
	}

	.order_cash_BAU .item-wrapper .item {
		flex: 1 0 33.33%;
	}

	.order_cash_BAU .item-wrapper .item:last-child {
		flex: 0 0 33.33%;
	}

	.order_cash_receivInvoice.dm .item .text-block {
		height: 215px;
	}

	.order_cash_custReceipts .col {
		height: 100%;
	}

	.order_cash_custReceipts .item p {
		flex-grow: 1;
		height: 120px;
		font-size: 20px;
	}

	.order_cash_cashTrans .item {
		text-align: center;
		position: relative;
	}

	.order_cash_cashTrans .item .counter {
		margin-bottom: 10px;
	}

	.order_cash_cashTrans .item .counter .num {
		color: #FFFFFF;
		display: block;
		height: 90px;
		width: 90px;
		border-radius: 50%;
		line-height: 92px;
		font-size: 40px;
		font-weight: 700;
		text-align: center;
		margin: 0 auto;
	}

	.order_cash_cashTrans .item .text strong {
		display: block;
		font-size: 24px;
		font-weight: 700;
		line-height: 150%;
		margin-bottom: 10px;
	}
	
	.order_cash_cashTrans .item .text p {
		color: #666666;
		margin-bottom: 0;
		font-size: 16px;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.3px;
	}

	.order_cash_dataMigrate .item {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 15px;
	}
	
	.order_cash_dataMigrate .item p {
		height: 150px;
		flex-grow: 1;
		color: #419dbd;
		margin-bottom: 0;
		font-size: 20px;
		font-weight: 500;
		line-height: 150%;
		letter-spacing: -0.3px;
	}
}

@media screen and (max-width: 767px) {
	.order_cash_banner .item .slider-content .breadcrumb {
		font-size: 17px;
	}

	.order_cash_banner .item .slider-content .content_item {
		margin: 30px 0;
	}

	.order_cash_banner .item .slider-content .content_item h2 {
		font-size: 24px;
		margin-bottom: 12px;
	}

	.order_cash_banner .item .slider-content .content_item p {
		font-size: 17px;
	}
}

@media screen and (max-width: 575px) {
	.order_cash_BAU .item-wrapper .item {
		flex: 1 0 50%;
	}

	.order_cash_BAU .item-wrapper .item:last-child {
		flex: 0 0 50%;
	}

	.order_cash_banner .item .slider-content .breadcrumb {
		font-size: 13px;
		gap: 5px;
	}

	.order_cash_banner .item .slider-content .content_item {
		margin: 15px 0;
	}

	.order_cash_banner .item .slider-content .content_item h2 {
		font-size: 18px;
	}

	.order_cash_banner .item .slider-content .content_item p {
		font-size: 13px;
	}

	.order_cash_banner .item .slider-content .banner-item .ems-pp-btn {
		padding: 8px;
		font-size: 14px;
		line-height: 100%;
	}

	.order_cash_receivInvoice.dm .item .text-block {
		height: 100%;
	}

	.order_cash_creditMemo .item .text-block {
		bottom: 50%;
	}

	.order_cash_custReceipts .item p {
		font-size: 16px;
	}

	.order_cash_dataMigrate .item p {
		font-size: 16px;
	}

	.order_cash_cashTrans .item .text strong {
		font-size: 20px;
	}
}

@media screen and (max-width: 445px) {
	.order_cash_banner .item .slider-content .breadcrumb {
		font-size: 11px;
		gap: 2px;
	}

	.order_cash_banner .item .slider-content .content_item h2 {
		font-size: 14px;
	}

	.order_cash_banner .item .slider-content .content_item p {
		font-size: 11px;
	}

	.order_cash_creditMemo .item .text-block p {
		font-size: 13px;
	}

	.order_cash_custReceipts .item p {
		font-size: 14px;
	}
}

/*New Home page Design*/
.border_bottom {
	position: relative;
}

.border_bottom:after {
	content: '';
	display: block;
	width: 84%;
	height: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	border: 3px solid;
	border-image-source: linear-gradient(90deg, #1188B2 0%, #DD8027 100%);
	border-image-slice: 1;
	border-width: 3px 0 0 0;
	border-style: solid none none none;
}

.border_bottom:nth-child(odd)::after {
	right: auto;
  	left: 0;
}

.border_bottom:nth-child(even)::after {
	left: auto;
	right: 0;
}

.section-title {
	display: block;
	margin-bottom: 56px;
}

.section-title h2 {
	color: #000000;
	font-weight: 600;
	font-size: 64px;
	line-height: 90px;
	margin-bottom: 0;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.section-title h2::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 12px;
	left: 0;
	bottom: -5px;
	background: #DD8027;
	border-radius: 100px;
}

/*Header New*/
.header_new {
	background: rgba(0, 0, 0, 1);
}

.header_new .header-main {
	padding: 15px 0;
}

.header_new .header-main .exo-menu {
	background: rgba(0, 0, 0, 1);
}

.header_new .header-main .menus ul.exo-menu li {
	margin-bottom: 0;
	margin-right: 0;
}

.header_new .header-main .menus ul.exo-menu li:first-child {
	margin-right: 12px;
}

.header_new .header-main .menus ul.exo-menu li a {
	color: #FFFFFF; 
	font-size: 20px; 
	line-height: 30px; 
	padding: 27px 17px; 
}

.header_new .header-main .menus ul.exo-menu li a:hover {
	color: rgb(17, 136, 178) !important; 
}

.header_new .header-main .menus ul.exo-menu li a.active { 
	color: rgb(17, 136, 178) !important; 
}

.header_new .header-main .exo-menu > li > a.active::before {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: rgba(17, 136, 178, 1);
	height: 4px;
	width: 100%;
	content: "";
	top: 0;
}

.header_new .header-main .exo-menu .mega-menu-wrap .stander ul li a {
	font-size: 14px;
  	line-height: 30px;
	padding: 4px 0;
	color: #000000;
}

.header_new .header-main .exo-menu .mega-menu-wrap .stander ul li a:hover {
	color: #dd8027 !important;
}

.header_new .header-main .menus .exo-menu ul li a:hover { 
	color: rgb(17, 136, 178); 
}

.support-portal {
	display: block;
}

.support-portal a {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 1);
	padding: 14px 0;
	border-radius: 50px;
	color: #FFFFFF;
}

.support-portal a:hover {
	color: #FFFFFF;
	background-color: #dd8027;
	border-color: #dd8027;
}

/*Main banner*/
.home_banner {
	display: block;
	position: relative;
}

.home_banner .item { 	
	position: relative; 	
	overflow: hidden; 
}

.home_banner .item .slider-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	display: block;
	box-sizing: border-box;
}

.home_banner .item .slider-content .content_item {
	position: absolute;
	top: 42%;
	transform: translate(15px, -50%);
	font-size: 28px;
	font-weight: normal;
	color: #051829;
	display: block;
	margin-bottom: 20px;
	z-index: 1;
	left: 0;
}

.home_banner .item .slider-content .content_item h2 {
	color: #000000;
	font-size: 80px;
	font-weight: 700;
	line-height: 120px;
	text-align: left;
	margin-bottom: 0;
}

.home_banner .item .slider-content .content_item h2 span {
	background: linear-gradient(90deg, #1188B2 0%, #DD8027 76.4%);
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.home_banner .item .slider-content .content_item p {
	color: #000000;
	text-align: left;
	margin: 56px 0;
	font-style: normal;
	font-weight: 300;
	font-size: 30px;
	line-height: 140%;
	letter-spacing: 0.1em;
}

.home_banner .item .slider-content .request-demo {
	font-size: 17px;
	font-weight: 300;
	line-height: 25.5px;
	text-align: left;
	color: #000000;
	padding: 9px 32px;
	border-radius: 50px;
	border: 1px solid rgba(0, 0, 0, 1);
	display: inline-block;
  	vertical-align: middle;
}

.home_banner .item .slider-content .request-demo:hover {
	color: #FFFFFF;
	background-color: #dd8027;
	border-color: #dd8027;
}

/*Why us*/
.why_us {
	position: relative;
	overflow: hidden;
	background-image: url('../Images/HomeNew/why_us_background.png');
	background-size: auto;
	background-repeat: repeat;
	background-position: center;
	min-height: 75vh;
}

.why_us .ems-section {
	display: flex;
	flex-direction: column;
}

.why_us .ems-section .content_description {
	display: block;
}

.why_us .ems-section .content_description .section-title {
	text-align: left;
}

.why_us .ems-section .content_description p {
	text-align: justify;
	padding-right: 0;
	font-size: calc(.44346vw + 11.60976px);
  	line-height: 1.76;
}

.why_us .ems-section .content_description h5 {
	font-style: normal;
	font-weight: 600;
	font-size: 29px;
	line-height: 44px;
	text-align: center;
	letter-spacing: 0.1em;
	color: #1188B2;
	margin-bottom: 40px;
}

.why_us .ems-section .content_description .contact-us {
	color: #1188B2;
	font-weight: 300;
	font-size: 17px;
	display: block;
	background: #EBF6FF;
	border: 1px solid #1188B2;
	border-radius: 100px;
	width: 157px;
	height: 44px;
	text-align: center;
	line-height: 42px;
}

.why_us .ems-section .content_description .contact-us:hover {
	color: #FFFFFF;
	background-color: #dd8027;
	border-color: #dd8027;
}

/*Why us*/
.enhance_oracle {
	display: block;
	position: relative;
	overflow: hidden;
	background-image: url('../Images/HomeNew/enhance_oracle_bg.png');
	background-size: cover;
	background-repeat: repeat;
	background-position: center 30px;
}

.enhance_oracle .ems-section .content_description .section-title {
	text-align: right;
}

.enhance_oracle .item-wrapper {
	position: relative;
	display: block;
	margin-top: -170px;
}

.enhance_oracle .item-wrapper img {
	position: relative;
	left: 0;
	top: 0;
}

.enhance_oracle .item-wrapper .item {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 auto;
	text-align: center;
	max-width: 215px;
}

.enhance_oracle .item-wrapper .item strong {
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 12px;
	display: block;
}

.enhance_oracle .item-wrapper .item p {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	color: #FFFFFF;
}

.enhance_oracle .item-wrapper .item.item-1 {
	left: 200px;
  	top: 185px;
}

.enhance_oracle .item-wrapper .item.item-2 {
	left: auto;
	top: 38%;
	right: 250px;
}

.enhance_oracle .item-wrapper .item.item-2 strong {
	color: #2E3B86;
}

.enhance_oracle .item-wrapper .item.item-2 p {
	color: #3B405D;
}

.enhance_oracle .item-wrapper .item.item-3 {
	left: 310px;
	top: auto;
	bottom: 12%;
}

.cta-bg {
	display: block;
	position: relative;
	overflow: hidden;
	background-image: url('../Images/HomeNew/cta_bg.png');
	background-size: cover;
	background-repeat: repeat;
	background-position: center;
}

.cta-bg .item-inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.cta-bg .item-inner h4 {
	color: #FFFFFF;
	font-style: normal;
	font-weight: 600;
	font-size: 35px;
	margin-bottom: 0;
	line-height: 52px;
	letter-spacing: 0.1em;
}

.cta-bg .item-inner .contact-us.white-bg {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 32px;
	gap: 8px;
	background: #FFFFFF;
	border: 1px solid #1188B2;
	border-radius: 100px;
	color: #1188B2;
	font-style: normal;
	font-weight: 300;
	font-size: 17px;
	line-height: 26px;
	height: 44px;
}

.cta-bg .item-inner .contact-us.white-bg:hover {
	color: #FFFFFF;
	background: #1188B2;
	border-color: #1188B2;
}

/*Work Process*/
.work_process {
	display: block;
	position: relative;
	overflow: hidden;
	background-image: url('../Images/HomeNew/work_progress_bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.work_process .ems-section .section-title {
	text-align: left;
	margin-bottom: 74px;
}

.work_process .ems-section .section-title h2::after {
	bottom: 10px;
}

.work_process .ems-section h3 {
	display: block;
	color: #000000;
	font-size: 40px;
	font-weight: 600;
	line-height: 130%;
	text-align: left;
	margin-bottom: 48px;
}

.work_process .ems-section p {
	color: #000000;
	font-size: 20px;
	font-weight: 300;
	line-height: 120%;
	text-align: left;
	margin-bottom: 48px;
}

.work_process .ems-section ul {
	display: flex;
	flex-direction: column;
	gap: 48px;
	margin-bottom: 48px;
}

.work_process .ems-section ul li {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}

.work_process .ems-section ul li p {
	color: #000000;
	font-size: 20px;
	font-weight: 300;
	line-height: 14px;
	text-align: left;
	margin-bottom: 0;
}

.work_process .gallery {
	position: relative;
	z-index: 2;
}

.work_process .ems-section .gallery a {
	color: #FFFFFF;
	font-size: 17px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
	background: rgba(17, 136, 178, 1);
	padding: 12px 32px;
	border-radius: 50px;
}

.work_process .ems-section .gallery a:hover {
	color: #FFFFFF;
	background-color: #dd8027;
}

.work_process .gallery a .yt-icon {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translate(0,-80%);
	max-width: 150px;
}

/*Simplified Loader with Excel Interface*/
.excel_interface {
	display: block;
	position: relative;
	overflow: hidden;
	max-width: 1920px;
}

.excel_interface .ems-section .content_description .section-title {
	text-align: right;
}

.excel_interface .ems-section .content_description .section-title h2::after {
	bottom: 12px;
}

.oracle_solution .ems-section {
	margin-bottom: 62px;
}

.excel_interface .ems-section .content_description p {
	color: #000000;
	font-size: 22px;
	font-weight: 300;
	line-height: 37.5px;
	text-align: right;
	margin-bottom: 0;
	padding-right: 0;
}

.excel_interface .item-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	gap: 58px;
	margin: 62px 0;
}

.excel_interface .item-wrapper .item {
	width: 654px;
	height: 245px;
	border-radius: 20px;
	padding: 54px 70px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 0;
}

.excel_interface .item-wrapper .item .text {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 70px;
	width: 100%;
}

.excel_interface .item-wrapper .item .text strong {
	font-style: normal;
	font-weight: 600;
	font-size: 60px;
	line-height: 90px;
}

.excel_interface .item-wrapper .item .text h3 {
	font-style: normal;
	font-weight: 700;
	font-size: 25px;
	line-height: 38px;
	margin-bottom: 0;
	flex-grow: 1;
}

.excel_interface .item-wrapper .item .desc {
	text-align: left;
}

.excel_interface .item-wrapper .item .desc p {
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.05em;
	color: #3E3E3E;
	text-align: left;
}

.excel_interface .ems-section .content_description h5 {
	font-style: normal;
	font-weight: 600;
	font-size: 35px;
	line-height: 52px;
	text-align: right;
	letter-spacing: 0.1em;
	color: #000000;
	margin-bottom: 34px;
}

.excel_interface .ems-section .content_description .contact-us {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 32px;
	gap: 8px;
	background: #FFFFFF;
	border: 1px solid #1188B2;
	border-radius: 100px;
	width: 160px;
	height: 44px;
	font-style: normal;
	font-weight: 300;
	font-size: 17px;
	line-height: 26px;
	color: #1188B2;
}

.excel_interface .ems-section .content_description .contact-us:hover {
	color: #FFFFFF;
	background-color: #dd8027;
	border-color: #dd8027;
}

.bott-left-img {
	background-image: url('../Images/HomeNew/excel_interface_bg.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1025px;
	height: 1238px;
	z-index: -1;
}

/*Discover our Oracle Solutions*/
.oracle_solution {
	display: block;
	position: relative;
	overflow: hidden;
	background-image: url('../Images/HomeNew/oracle_solutions_bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.oracle_solution .container-fluid {
	max-width: 1920px;
	position: relative;
}

.oracle_solution .ems-section .content_description .section-title {
	text-align: left;
}

.oracle_solution .ems-section .content_description .section-title h2::after {
	bottom: 5px;
}

.oracle_solution .ems-section .content_description p {
	color: #000000;
	font-size: 22px;
	font-weight: 300;
	line-height: 37.5px;
	text-align: left;
	margin-bottom: 0;
	padding-right: 0;
}

.oracle_solution .item-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0;
}

.oracle_solution .item-wrapper.flex_end {
	align-items: flex-end;
}

.oracle_solution .item-wrapper h2 {
	font-style: normal;
	font-weight: 700;
	font-size: 90px;
	line-height: 162px;
	display: flex;
	align-items: center;
	color: #1188B2;
	margin-bottom: 75px;
}

.oracle_solution .item-wrapper h3 {
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	line-height: 46px;
	letter-spacing: -0.01em;
	color: #1188B2;
	margin-bottom: 54px;
}

.oracle_solution .item-wrapper p {
	font-style: normal;
	font-weight: 300;
	font-size: 27px;
	line-height: 38px;
	color: #1188B2;
	margin-bottom: 0;
}

.oracle_bottom_border {
	position: relative;
}

.oracle_bottom_border::before {
	content: '';
	display: block;
	width: 84%;
	height: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	border: 3px solid;
	border-image-source: linear-gradient(90deg, #1188B2 0%, #DD8027 100%);
	border-image-slice: 1;
	border-width: 3px 0 0 0;
	border-style: solid none none none;
}

.oracle_bottom_border:nth-child(odd)::before {
	right: auto;
  	left: 0;
}

.oracle_bottom_border:nth-child(even)::before {
	left: auto;
	right: 0;
}

.bg-blue-screen {
	position: absolute;
	width: 844px;
	height: 686px;
	left: 0px;
	top: 388px;
	background: rgba(17, 136, 178, 0.14);
	z-index: -1;
}

.bg-grey-screen {
	position: absolute;
	right: 0;
	top: 70px;
	background: rgba(0, 0, 0, 0.14);
	width: 844px;
	height: 686px;
	z-index: -1;
}

.bg-shadow-screen {
	position: absolute;
	left: 0px;
	top: 60px;
	background: rgba(123, 107, 74, 0.2);
	width: 844px;
	height: 686px;
	z-index: -1;
}

.bg-darkgrey-screen {
	position: absolute;
	right: 0;
	top: 70px;
	background: rgba(0, 0, 0, 0.5);
	width: 844px;
	height: 686px;
	z-index: -1;
}

.bg-shadowgrey-screen {
	position: absolute;
	left: 0px;
	top: 70px;
	background: rgba(15, 31, 58, 0.5);
	width: 844px;
	z-index: -1;
	height: 696px;
}

.oracle_solution .frame-container {
	position: relative;
	width: 100%;
	max-width: 1026px; 
	margin: auto;
}

.oracle_solution .frame-container img.frame {
	width: 100%;
	height: auto;
}

.oracle_solution .gif-container {
	position: absolute;
	top: 21px;
	left: 0;
	width: calc(100% - 44px);
	height: calc(100% - 210px);
	overflow: hidden;
	right: 0;
	margin: 0 auto;
}

.oracle_solution .gif-container img {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

/*SSO*/
.oracle_solution .item-wrapper.sso_wrapper h2 {
	line-height: 100px;
	color: #000000;
	text-align: right;
}

.oracle_solution .item-wrapper.sso_wrapper h3 {
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	line-height: 46px;
	text-align: right;
	letter-spacing: -0.01em;
	color: #000000;
}

.oracle_solution .item-wrapper.sso_wrapper p {
	font-style: normal;
	font-weight: 300;
	font-size: 27px;
	line-height: 38px;
	text-align: right;
	color: #000000;
}

/*Security*/
.oracle_solution .item-wrapper.security_wrapper h2 {
	color: #7B6B4A;
}

.oracle_solution .item-wrapper.security_wrapper h3 {
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	line-height: 46px;
	letter-spacing: -0.01em;
	color: #7B6B4A;
}

.oracle_solution .item-wrapper.security_wrapper p {
	font-style: normal;
	font-weight: 300;
	font-size: 27px;
	line-height: 38px;
	color: #7B6B4A;
}

/*Support*/
.oracle_solution .item-wrapper.support_wrapper h2 {
	text-align: right;
	color: #FFFFFF;
}

.oracle_solution .item-wrapper.support_wrapper h3 {
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	line-height: 46px;
	text-align: right;
	letter-spacing: -0.01em;
	color: #FFFFFF;
}

.oracle_solution .item-wrapper.support_wrapper p {
	font-style: normal;
	font-weight: 300;
	font-size: 27px;
	line-height: 38px;
	text-align: right;
	color: #FFFFFF;
}

/*Modules*/
.oracle_solution .item-wrapper.modules_wrapper h2 {
	color: #FFFFFF;
}

.oracle_solution .item-wrapper.modules_wrapper h3 {
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	line-height: 46px;
	letter-spacing: -0.01em;
	color: #FFFFFF;
}

.oracle_solution .item-wrapper.modules_wrapper p {
	font-style: normal;
	font-weight: 300;
	font-size: 27px;
	line-height: 38px;
	color: #FFFFFF;
}

/* Call to action*/
.call_to_action {
	display: block;
	position: relative;
	overflow: hidden;
	background-image: url('../Images/HomeNew/call_to_action.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.call_to_action .item-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 62px;
}

.call_to_action .item-inner h4 {
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 0.1em;
	font-style: normal;
	font-weight: 600;
	font-size: 35px;
	line-height: 52px;
	margin-bottom: 0;
}

.call_to_action .item-inner .contact-us.white-bg {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 32px;
	gap: 8px;
	color: #1188B2;
	font-style: normal;
	font-weight: 300;
	font-size: 17px;
	line-height: 26px;
	height: 44px;
	background: #FFFFFF;
	border: 1px solid #1188B2;
	border-radius: 100px;
}

.call_to_action .item-inner .contact-us.white-bg:hover {
	color: #FFFFFF;
	background: #1188B2;
	border-color: #1188B2;
}

/*Cleanse Data*/
.cleanse_data {
	display: block;
	position: relative;
	overflow: hidden;
}

.cleanse_data .ems-section .content_description .section-title {
	text-align: left;
}

.cleanse_data .ems-section .content_description .section-title h2:after {
	bottom: 5px;
}

.cleanse_data .ems-section .content_description p {
	color: #000000;
	text-align: left;
	margin-bottom: 0;
	padding-right: 0;
}

.bg_cleanse {
	background: #EBF6FF;
	display: block;
}

.bg_cleanse .item-wrapper h4 {
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	line-height: 33px;
	letter-spacing: -0.01em;
	color: #000000;
	margin-bottom: 0;
}

.bg_cleanse .item-wrapper p {
	color: #000000;
	margin-bottom: 0;
}

.bg_cleanse .item-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 50px;
	height: 100%;
}

.bg_cleanse .row > div:last-child .item-wrapper {
	align-items: flex-end;
	text-align: right;
}

.cleanse_data .container-fluid .ems-section .content_description h4 {
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 150%;
	text-align: center;
	color: #000000;
	margin-bottom: 24px;
}

.cleanse_data .container-fluid .ems-section .content_description .contact-us {
	background: #FFFFFF;
	border: 1px solid #000000;
	border-radius: 100px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 32px;
	gap: 8px;
	height: 44px;
	font-style: normal;
	font-weight: 300;
	font-size: 17px;
	line-height: 26px;
	color: #000000;
	width: 160px;
}

.cleanse_data .container-fluid .ems-section .content_description .contact-us:hover {
	color: #FFFFFF;
	background-color: #dd8027;
	border-color: #dd8027;
}

/*Key Features*/
.key_features {
	display: block;
	position: relative;
}

.key_features .ems-section .content_description .section-title {
	text-align: right;
}

.key_features .ems-section .content_description .section-title h2 {
	color: #FFFFFF;
}

.key_features .item-wrapper .item-left .item {
	text-align: right;
}

.key_features .item-wrapper .item strong {
	color: #FFFFFF;
	font-size: 28px;
	font-weight: 500;
	line-height: 33px;
	display: block;
	margin-bottom: 14px;
}

.key_features .item-wrapper .item p {
	color: #FFFFFF;
	font-size: 22px;
	font-weight: 300;
	line-height: 33px;
	display: block;
	margin-bottom: 0;
}

.key_features .item-wrapper .item-right .item {
	text-align: left;
}

.key_features .item-wrapper {
	display: flex;	
	flex-direction: row;
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
  	z-index: 2;
}

.key_features .item-wrapper .item-center {
	flex: 1 0 auto;
	position: relative;
  	top: -100px;
}

.key_features .item-wrapper .item-left {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 76px;
}

.key_features .item-wrapper .item-right {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 56px;
	position: relative;
	top: -90px;
}

.key_features .item-wrapper .item-right .item.item-1 {
	margin-left: -70px;
}

.keyfeat_top {
	background-image: url('../Images/HomeNew/keyfeat_circle.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
	position: absolute;
	width: 425px;
	height: 425px;
	left: 0;
	top: 0;
	transform: rotate(-180deg);
}

.keyfeat_top.bottom-side {
	left: auto;
	right: 0;
	top: auto;
	bottom: 104px;
	height: 425px;
	width: 425px;
	transform: rotate(0deg);
}

/*Migrate Data to Oracle Fusion*/
.oracle_fusion {
	display: block;
	position: relative;
	overflow: hidden;
}

.oracle_fusion .ems-section .content_description .section-title {
	text-align: left;
}

.oracle_fusion .ems-section .content_description p {
	color: #000000;
	font-size: 22px;
	font-weight: 300;
	line-height: 37.5px;
	text-align: left;
	margin-bottom: 0;
	padding-right: 0;
}

.oracle_fusion .item-wrapper {
	padding-bottom: 80px;
	position: relative;
	display: block;
}

.oracle_fusion .item-wrapper .item {
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 85px;
	max-width: 760px;
}

.oracle_fusion .item-wrapper .item .numbers strong {
	font-style: normal;
	font-weight: 500;
	font-size: 80px;
	line-height: 33px;
	display: block;
	margin-bottom: 0;
}

.oracle_fusion .item-wrapper .item .text h5 {
	font-style: normal;
	font-weight: 500;
	font-size: 25px;
	line-height: 33px;
	color: #454D40;
}

.oracle_fusion .item-wrapper .item .text p {
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 32px;
	color: #969696;
	margin-bottom: 0;
}

.oracle_fusion .item-wrapper .item.item-1 {
	left: 160px;
	top: 100px;
}

.oracle_fusion .item-wrapper .item.item-2 {
	left: 160px;
	top: 270px;
}

.oracle_fusion .item-wrapper .item.item-3 {
	left: 160px;
	top: 440px;
}

.oracle_fusion .item-wrapper .item.item-4 {
	left: 160px;
	top: 610px;
}

.oracle_fusion .item-wrapper .item .numbers {
	flex: 1;
	display: block;
}

.oracle_fusion .item-wrapper .cta-block strong {
	display: block;
	font-style: normal;
	font-weight: 600;
	font-size: 60px;
	line-height: 90px;	
	color: #000000;
	margin-bottom: 0;
}

.oracle_fusion .item-wrapper .cta-block {
	position: absolute;
	bottom: 0;
	left: 160px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 24px;
}

.oracle_fusion .item-wrapper .cta-block .request-demo {
	background: #000000;
	border: 1px solid #FFFFFF;
	border-radius: 100px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 32px;
	gap: 8px;
	height: 44px;
	font-style: normal;
	font-weight: 300;
	font-size: 17px;
	line-height: 26px;
	color: #FFFFFF;
	width: 192px;
	align-self: flex-end;
}

.oracle_fusion .item-wrapper .cta-block .request-demo:hover {
	color: #000000;
	background-color: #FFFFFF;
	border-color: #000000;
}

/*Testimonials*/
.testimonials {
	display: block;
	position: relative;
	overflow: hidden;
}

.testimonials .ems-section .content_description .section-title {
	text-align: left;
}

.testimonials #testimonial_slider.owl-carousel .owl-dots {
	display: block;
	margin-top: 56px;
}

.testimonials .owl-carousel .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
}

.testimonials .owl-carousel .owl-dots .owl-dot.active span {
	width: 20px;
	height: 20px;
	margin: 2px;
	background: rgba(0, 0, 0, 1);
}

.testimonials .testimonial_item .item-wrapper {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 20px;
}

.testimonials .testimonial_item .item-wrapper .img-block {
	flex: 1;
	order: 1;
	height: auto;
	aspect-ratio: 4 / 3;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}

.testimonials .owl-item:nth-child(2n) .testimonial_item .item-wrapper .img-block {
	order: 0;
}

.testimonials .testimonial_item .item-wrapper .img-block .image-overlay {
    position: absolute;
	bottom: 0;
	left: 0;
	color: white;
	background: rgba(0, 0, 0, 0.5);
	padding: 10px;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.testimonials .testimonial_item .item-wrapper .img-block .image-overlay h3 {
	color: #FFFFFF;
	font-size: 50px;
	font-weight: 600;
	line-height: 50px;
	text-align: center;
	margin-bottom: 0;
}

.testimonials .testimonial_item .item-wrapper .text-block {
    flex: 2;
	order: 0;
    background: linear-gradient(90deg, #1188B2 0%, #DD8027 100%);
    color: white;
    padding: 100px 50px;
    text-align: left;
}

.testimonials .owl-item:nth-child(2n) .testimonial_item .item-wrapper .text-block {
	order: 1;
}

.testimonials .testimonial_item .item-wrapper .text-block .quote {
	font-family: "Potta One", system-ui;
	font-size: 150px;
	font-weight: 400;
	text-align: left;
	width: 88px;
	height: 43px;
	display: block;
	margin-bottom: 0;
	line-height: 40%;
}

.testimonials .testimonial_item .item-wrapper .text-block p {
	color: #FFFFFF;
	font-size: 25px;
	font-weight: 500;
	line-height: 35px;
	text-align: justify;
}

.testimonials .testimonial_item .item-wrapper .text-block .img_text {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}

.testimonials .testimonial_item .item-wrapper .text-block .img_text img {
	display: block;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	object-fit: cover;
}

.testimonials .testimonial_item .item-wrapper .text-block .img_text .desgn_block {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0;
}

.testimonials .testimonial_item .item-wrapper .text-block .img_text .desgn_block strong {
	color: #FFF;
	font-size: 20px;
	font-weight: 500;
	line-height: 35px;
	text-align: left;
	display: block;
}

.testimonials .testimonial_item .item-wrapper .text-block .img_text .desgn_block p {
	color: #FFF;
	font-size: 15px;
	font-weight: 300;
	line-height: 35px;
	text-align: left;
	margin-bottom: 0;
}

/*White Papers*/
.white_paper {
	display: block;
	position: relative;
	overflow: hidden;
}

.white_paper .ems-section .content_description h2 {
	color: #000000;
	font-size: 70px;
	font-weight: 500;
	line-height: 120%;
	text-align: right;
	margin-bottom: 0;
}

.white_paper .ems-section .content_description p {
	color: #000000;
	font-size: 22px;
	font-weight: 300;
	line-height: 37.5px;
	text-align: right;
	margin-bottom: 0;
	padding-right: 0;
}

.white_paper .ems-section .content_description {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 44px;
}

.excel-template {
	color: rgba(255, 0, 0, 1);
	padding: 20px 60px;
	border-radius: 50px;
	border: 1px solid rgba(255, 0, 0, 1);
	font-family: Poppins;
	font-size: 25px;
	font-weight: 300;
	line-height: 37.5px;
	text-align: left;
}

.excel-template:hover {
	color: #FFFFFF;
	background-color: rgba(255, 0, 0, 1);
	border-color: rgba(255, 0, 0, 1);	
}

@media screen and (min-width: 1640px) and (max-width: 1770px) {
	.bott-left-img {
		background-position: -10% 0%;
		width: 100%;
		max-width: 100%;
	}
}

@media screen and (min-width: 1590px) and (max-width: 1639px) {
	.bott-left-img {
		background-position: -20% 0%;
		width: 100%;
		max-width: 100%;
	}
}

@media screen and (min-width: 1540px) and (max-width: 1589px) {
	.bott-left-img {
		background-position: -31% 0%;
		width: 100%;
		max-width: 100%;
	}
}

@media screen and (min-width: 1500px) and (max-width: 1539px) {
	.bott-left-img {
		background-position: -41% 0%;
		width: 100%;
		max-width: 100%;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1499px) {
	.bott-left-img {
		background-position: -80% 0%;
		width: 100%;
		max-width: 100%;
	}
}

@media screen and (min-width: 1330px) and (max-width: 1399px) {
	.bott-left-img {
		background-position: -40% 0%;
		width: 100%;
		height: 1098px;
	}
}

@media screen and (min-width: 1250px) and (max-width: 1329px) {
	.bott-left-img {
		background-position: -60% 0%;
		width: 100%;
		height: 1098px;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1249px) {
	.bott-left-img {
		background-position: -85% 0%;
		width: 100%;
		height: 1098px;
	}
}

@media screen and (min-width: 992px) {
	.oracle_fusion .item-wrapper .item .text {
		flex: 1 0 430px;
	}
}

@media screen and (max-width: 1600px) {
	.enhance_oracle .item-wrapper .item.item-2 {
		right: 230px;
	}

	.enhance_oracle .item-wrapper .item.item-3 {
		left: 280px;
		bottom: 11%;
	}

	.enhance_oracle .item-wrapper .item.item-1 {
		left: 180px;
		top: 175px;
	}

	.bg-blue-screen {
		width: 694px;
		height: 686px;
		top: 358px;
	}

	.bg-grey-screen, .bg-shadow-screen, .bg-darkgrey-screen, .bg-shadowgrey-screen {
		width: 694px;
		height: 686px;
	}

	.oracle_solution .item-wrapper.modules_wrapper h2 {
		margin-bottom: 0;
	}

	.keyfeat_top {
		width: 325px;
  		height: 325px;
	}

	.keyfeat_top.bottom-side {
		width: 325px;
  		height: 325px;
	}

	.oracle_fusion .item-wrapper .item {
		gap: 0;
	}
}

@media screen and (min-width: 1460px) and (max-width: 1520px) {
	.enhance_oracle .item-wrapper .item.item-3 {
		left: 280px;
		bottom: 12%;
	}

	.enhance_oracle .item-wrapper .item.item-2 {
		right: 220px;
	}

	.enhance_oracle .item-wrapper .item.item-1 {
		left: 180px;
		top: 165px;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1459px) {
	.enhance_oracle .item-wrapper .item.item-3 {
		bottom: 10%;
		left: 260px;
	}

	.enhance_oracle .item-wrapper .item.item-2 {
		right: 200px;
	}

	.enhance_oracle .item-wrapper .item.item-1 {
		left: 170px;
		top: 155px;
	}
}

@media screen and (max-width: 1549px) {
	.home_banner .item .slider-content .content_item h2 {
		font-size: 60px;
		line-height: 150%;
	}

	.home_banner .item .slider-content .content_item p {
		font-size: 20px;
	}

	.oracle_fusion .item-wrapper .item.item-1 {
		top: 80px;
	}
	
	.oracle_fusion .item-wrapper .item.item-2 {
		top: 230px;
	}
	
	.oracle_fusion .item-wrapper .item.item-3 {
		top: 380px;
	}
	
	.oracle_fusion .item-wrapper .item.item-4 {
		top: 530px;
	}
}

@media screen and (max-width: 1399px) {
	.section-title h2 {
		font-size: 60px;
	}

	.section-title h2::after {
		bottom: -5px;
	}

	.section-title, .work_process .ems-section .section-title {
		margin-bottom: 36px;
	}

	.enhance_oracle .item-wrapper {
		margin-top: 0;
	}

	.enhance_oracle .item-wrapper .item.item-3 {
		left: 185px;
		top: auto;
		bottom: 10%;
	}

	.enhance_oracle .item-wrapper .item.item-2 {
		left: auto;
		top: 36%;
		right: 145px;
	}

	.enhance_oracle .item-wrapper .item.item-1 {
		left: 110px;
		top: 115px;
	}

	.work_process .ems-section h3 {
		font-size: 28px;
		margin-bottom: 28px;
	}

	.work_process .ems-section p {
		font-size: 16px;
		margin-bottom: 28px;
	}

	.work_process .ems-section ul {
		gap: 28px;
		margin-bottom: 28px;
	}

	.work_process .ems-section ul li p {
		font-size: 16px;
	}

	.excel_interface .item-wrapper {
		margin: 36px 0;
	}

	.excel_interface .item-wrapper .item {
		width: 494px;
		height: 245px;
		padding: 34px 30px;
	}

	.excel_interface .item-wrapper .item .text strong {
		font-size: 60px;
	}

	.excel_interface .item-wrapper .item .text h3 {
		font-size: 25px;
	}

	.excel_interface .item-wrapper .item .desc p {
		font-size: 18px;
	}

	.excel_interface .ems-section .content_description h5 {
		font-size: 32px;
	}

	.oracle_solution .item-wrapper h2 {
		font-size: 64px;
		margin-bottom: 25px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper h3 {
		font-size: 28px;
		margin-bottom: 25px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper p {
		font-size: 20px;
	}

	.oracle_solution .item-wrapper.sso_wrapper h3 {
		font-size: 28px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper.sso_wrapper p {
		font-size: 20px;
	}

	.oracle_solution .item-wrapper.security_wrapper h3 {
		font-size: 28px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper.security_wrapper p {
		font-size: 20px;
	}

	.oracle_solution .item-wrapper.support_wrapper h3 {
		font-size: 28px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper.support_wrapper p {
		font-size: 20px;
	}

	.oracle_solution .item-wrapper.modules_wrapper h3 {
		font-size: 28px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper.modules_wrapper p {
		font-size: 20px;
	}

	.bg-blue-screen, .bg-grey-screen, .bg-shadow-screen, .bg-darkgrey-screen, .bg-shadowgrey-screen {
		width: 694px;
		height: 536px;
	}

	.bg_cleanse .item-wrapper h4 {
		font-size: 28px;
	}

	.key_features .item-wrapper .item-center {
		top: -70px;
	}

	.key_features .item-wrapper .item-right {
		top: -60px;
	}

	.key_features .ems-section .content_description h2 {
		font-size: 54px;
	}

	.oracle_fusion .item-wrapper .item.item-1 {
		top: 58px;
		left: 40px;
	}

	.oracle_fusion .item-wrapper .item.item-2 {
		top: 174px;
		left: 40px;
	}

	.oracle_fusion .item-wrapper .item.item-3 {
		top: 290px;
		left: 40px;
	}

	.oracle_fusion .item-wrapper .item.item-4 {
		top: 400px;
		left: 40px;
	}

	.oracle_fusion .item-wrapper .cta-block {
		left: 40px;
	}

	.oracle_fusion .item-wrapper .cta-block strong {
		font-size: 48px;
		line-height: 150%;
	}

	.oracle_fusion .item-wrapper .item .numbers strong {
		font-size: 64px;
	}

	.oracle_fusion .item-wrapper .item .text h5 {
		font-size: 22px;
		margin-bottom: 0;
	}

	.oracle_fusion .item-wrapper .item .text p {
		font-size: 16px;
	}

	.oracle_fusion .item-wrapper .item {
		gap: 35px;
		max-width: 620px;
	}

	.white_paper .ems-section .content_description h2 {
		font-size: 64px;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.enhance_oracle .item-wrapper .item strong {
		font-size: 17px;
	}

	.enhance_oracle .item-wrapper .item p {
		font-size: 11px;
	}

	.oracle_solution .gif-container {
		top: 20px;
		width: calc(100% - 39px);
		height: calc(100% - 182px);
	}
}

@media screen and (max-width: 1349px) {
	.bg-blue-screen, .bg-grey-screen, .bg-shadow-screen, .bg-darkgrey-screen, .bg-shadowgrey-screen {
		width: 594px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.enhance_oracle .item-wrapper .item strong {
		font-size: 15px;
		line-height: 130%;
	}

	.enhance_oracle .item-wrapper .item p {
		font-size: 11px;
	}

	.enhance_oracle .item-wrapper .item.item-1 {
		left: 92px;
    	top: 115px;
	}

	.enhance_oracle .item-wrapper .item.item-2 {
		left: 64.5%;
		top: 37%;
		right: auto;
	}

	.enhance_oracle .item-wrapper .item.item-3 {
		left: 17%;
		top: auto;
		bottom: 10%;
	}

	.oracle_solution .gif-container {
		top: 20px;
		width: calc(100% - 48px);
		height: calc(100% - 226px);
	}
}

@media screen and (max-width: 1199px) {
	.home_banner .item .slider-content .content_item h2 {
		font-size: 44px;
	}

	.home_banner .item .slider-content .content_item p {
		font-size: 18px;
		margin: 28px 0;
		line-height: 150%;
	}

	.section-title h2 {
		font-size: 54px;
		line-height: 150%;
	}

	.why_us .ems-section .content_description h5 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.excel_interface {
		max-width: 100%;
		flex-direction: column;
	}

	.bott-left-img {
		display: none;
	}

	.bottLeftImg {
		position: relative;
		left: -15px;
	}

	.cta-bg .item-inner h4 {
		font-size: 28px;
	}

	.excel_interface .ems-section .content_description h5 {
		font-size: 26px;
	}

	.oracle_solution .ems-section {
		margin-bottom: 24px;
	}

	.oracle_solution .item-wrapper {
		background: rgba(17, 136, 178, 0.14);
		padding: 15px;
		border-radius: 15px;
		width: 100%;
	}

	.oracle_solution .item-wrapper h2, .oracle_solution .item-wrapper.sso_wrapper h2,
	.oracle_solution .item-wrapper.security_wrapper h2, .oracle_solution .item-wrapper.support_wrapper h2,
	.oracle_solution .item-wrapper.modules_wrapper h2 {
		line-height: 130%;
	}

	.oracle_solution .item-wrapper h3 {
		margin-bottom: 35px;
	}

	.oracle_solution .item-wrapper.sso_wrapper {
		background: rgba(0, 0, 0, 0.14);
	}

	.oracle_solution .item-wrapper.security_wrapper {
		background: rgba(123, 107, 74, 0.2);
	}

	.oracle_solution .item-wrapper.support_wrapper {
		background: rgba(0, 0, 0, 0.5);
	}

	.oracle_solution .item-wrapper.modules_wrapper {
		background: rgba(15, 31, 58, 0.5);
	}

	.bg-blue-screen, .bg-grey-screen, .bg-shadow-screen, .bg-darkgrey-screen, .bg-shadowgrey-screen {
		display: none;
	}

	.call_to_action .item-inner {
		gap: 32px;
	}

	.call_to_action .item-inner h4 {
		font-size: 28px;
	}

	.cleanse_data .container-fluid .ems-section .content_description h4 {
		font-size: 30px;
	}

	.oracle_fusion .item-wrapper {
		padding-bottom: 0;
	}

	.oracle_fusion .item-wrapper .cta-block {
		left: 0;
		position: relative;
	}

	.oracle_fusion .item-wrapper .cta-block .request-demo {
		align-self: center;
	}

	.keyfeat_top {
		width: 150px;
  		height: 150px;
	}

	.keyfeat_top.bottom-side {
		width: 150px;
  		height: 150px;
	}

	.testimonials .testimonial_item .item-wrapper .img-block {
		flex: 2;
	}

	.testimonials .testimonial_item .item-wrapper .text-block {
		padding: 50px;
	}

	.testimonials .testimonial_item .item-wrapper .text-block .quote {
		font-size: 100px;
	}

	.testimonials .testimonial_item .item-wrapper .text-block p {
		font-size: 18px;
	}

	.key_features .row > .item {
		position: relative;
		margin-bottom: 20px;
		z-index: 2;
	}

	.key_features .item .text_block {
		text-align: center;
	}

	.key_features .item .img-block {
		margin-bottom: 14px;
	}

	.key_features .item .text_block strong {
		color: #FFFFFF;
		font-size: 22px;
		font-weight: 500;
		line-height: 33px;
		display: block;
		margin-bottom: 14px;
	}
	
	.key_features .item .text_block p {
		color: #FFFFFF;
		font-size: 18px;
		font-weight: 300;
		line-height: 33px;
		display: block;
		margin-bottom: 0;
	}

	.white_paper .ems-section .content_description h2 {
		font-size: 54px;
	}
}

@media screen and (max-width: 991px) {
	.home_banner .item .slider-content .content_item p {
		font-size: 13px;
	}

	.enhance_oracle .item-wrapper {
		display: flex;
		flex-direction: row;
    	flex-wrap: wrap;
		margin-bottom: 36px;
	}

	.enhance_oracle .item-wrapper .item {
		position: relative;
		max-width: 100%;
		width: 50%;
		border-radius: 50%;
		height: 350px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.enhance_oracle .item-wrapper .item.circle-pink {
		background: linear-gradient(135deg, #ff66b2, #ffd6e7);
	}

	.enhance_oracle .item-wrapper .item.circle-purple {
		background: linear-gradient(135deg, #800080, #e0b3ff);
	}

	.enhance_oracle .item-wrapper .item.circle-blue {
		background: linear-gradient(135deg, #00bfff, #66ffcc);
	}

	.enhance_oracle .item-wrapper .item p {
		max-width: 280px;
		margin-bottom: 0;
	}

	.enhance_oracle .item-wrapper .item:last-child {
		margin-top: -50px;
	}

	.key_features .ems-section .content_description h2 {
		font-size: 38px;
		margin-bottom: 14px;
	}

	.cta-bg .item-inner .contact-us.white-bg {
		padding: 16px 22px;
	}

	.oracle_fusion .item-wrapper {
		padding: 0 15px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin-top: 34px;
	}

	.oracle_fusion .item-wrapper .item-img {
		flex: 1 0 50%;
		order: 1;
	}

	.oracle_fusion .item-wrapper .item-img img {
		height: 783px;
	}

	.oracle_fusion .item-wrapper .item-inner {
		flex: 1 0 50%;
		order: 0;
		display: flex;
		flex-direction: column;
		gap: 50px;
	}

	.oracle_fusion .item-wrapper .item {
		max-width: 100%;
		position: relative;
	}

	.oracle_fusion .item-wrapper .item.item-1,
	.oracle_fusion .item-wrapper .item.item-2,
	.oracle_fusion .item-wrapper .item.item-3,
	.oracle_fusion .item-wrapper .item.item-4 {
		top: 0;
		left: 0;
	}

	.oracle_fusion .item-wrapper .cta-block {
		flex: 1 0 100%;
		order: 2;
	}

	.oracle_solution .gif-container {
		top: 18px;
		width: calc(100% - 37px);
		height: calc(100% - 171px);
	}

	.testimonials .testimonial_item .item-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 20px;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.testimonials .testimonial_item .item-wrapper .img-block {
		flex: 1 0 100%;
		width: 100%;
	}

	.testimonials .testimonial_item .item-wrapper .text-block {
		padding: 50px;
		flex: 1 0 100%;
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.home_banner .item .slider-content .content_item h2 {
		font-size: 24px;
	}

	.home_banner .item .slider-content .content_item p {
		max-width: 300px;
		margin: 18px 0;
	}

	.section-title h2 {
		font-size: 34px;
	}

	.why_us .ems-section .content_description h5 {
		font-size: 20px;
		line-height: 150%;
	}

	.work_process .ems-section .section-title h2::after {
		bottom: 0;
	}

	.work_process .ems-section h3 {
		font-size: 20px;
		margin-bottom: 34px;
	}

	.work_process .ems-section p {
		font-size: 16px;
		margin-bottom: 34px;
	}

	.work_process .ems-section ul {
		gap: 34px;
		margin-bottom: 34px;
	}

	.work_process .ems-section ul li p {
		font-size: 16px;
	}

	.excel_interface .ems-section .content_description .section-title h2::after {
		bottom: 0;
	}

	.excel_interface .ems-section .content_description p {
		font-size: 16px;
	}

	.excel_interface .item-wrapper {
		margin: 16px 0;
		gap: 24px;
	}

	.excel_interface .item-wrapper .item {
		width: 100%;
		height: 100%;
		padding: 20px;
	}

	.excel_interface .item-wrapper .item .text {
		gap: 34px;
	}

	.excel_interface .ems-section .content_description h5 {
		font-size: 22px;
	}

	.oracle_solution .ems-section .content_description .section-title h2::after {
		bottom: 0;
	}

	.oracle_solution .ems-section .content_description p {
		font-size: 16px;
	}

	.oracle_solution .item-wrapper h2 {
		font-size: 44px;
		margin-bottom: 25px;
	}

	.oracle_solution .item-wrapper h3 {
		font-size: 22px;
		margin-bottom: 25px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper p {
		font-size: 16px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper.sso_wrapper h3 {
		font-size: 22px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper.sso_wrapper p {
		font-size: 16px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper.security_wrapper h3 {
		font-size: 22px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper.security_wrapper p {
		font-size: 16px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper.support_wrapper h3 {
		font-size: 22px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper.support_wrapper p {
		font-size: 16px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper.modules_wrapper h3 {
		font-size: 22px;
		line-height: 150%;
	}

	.oracle_solution .item-wrapper.modules_wrapper p {
		font-size: 16px;
		line-height: 150%;
	}

	.oracle_solution .gif-container {
		top: 13px;
		width: calc(100% - 27px);
		height: calc(100% - 126px);
	}

	.call_to_action .item-inner {
		gap: 16px;
	}

	.call_to_action .item-inner h4 {
		font-size: 24px;
	}

	.cleanse_data .ems-section .content_description .section-title h2::after {
		bottom: 0;
	}

	.bg_cleanse {
		padding: 20px 0;
	}

	.bg_cleanse .item-wrapper {
		gap: 20px;
	}

	.bg_cleanse .item-wrapper h4 {
		font-size: 24px;
	}

	.cleanse_data .container-fluid .ems-section .content_description h4 {
		font-size: 20px;
	}

	.oracle_fusion .item-wrapper .item-inner {
		gap: 16px;
	}

	.oracle_fusion .item-wrapper .item .numbers strong {
		font-size: 54px;
	}

	.oracle_fusion .item-wrapper .item .text h5 {
		font-size: 18px;
	}

	.oracle_fusion .item-wrapper .item .text p {
		font-size: 12px;
	}

	.oracle_fusion .item-wrapper .cta-block strong {
		font-size: 30px;
	}

	.enhance_oracle .item-wrapper {
		flex-direction: column;
	}

	.enhance_oracle .item-wrapper .item {
		width: 350px;
		height: 350px;
	}

	.enhance_oracle .item-wrapper .item:last-child {
		margin-top: 0;
	}

	.cta-bg .item-inner h4 {
		font-size: 18px;
	}

	.excel-template {
		padding: 14px 30px;
		font-size: 20px;
	}

	.white_paper .ems-section .content_description h2 {
		font-size: 34px;
	}

	.white_paper .ems-section .content_description p {
		font-size: 16px;
	}
}

@media screen and (max-width: 575px) {
	.home_banner .item .slider-content .content_item {
		top: 44%;
	}

	.home_banner .item .slider-content .content_item h2 {
		font-size: 20px;
	}

	.home_banner .item .slider-content .content_item p {
		font-size: 12px;
    	margin: 12px 0;
		max-width: 300px;
	}

	.home_banner .item .slider-content .request-demo {
		font-size: 14px;
		padding: 9px 14px;
	}

	.excel_interface .item-wrapper .item .text {
		gap: 14px;
	}

	.excel_interface .item-wrapper .item .text strong {
		font-size: 48px;
	}

	.excel_interface .item-wrapper .item .text h3 {
		font-size: 20px;
	}

	.excel_interface .ems-section .content_description h5 {
		font-size: 22px;
		line-height: 180%;
	}

	.cta-bg {
		margin-bottom: 0;
		padding: 15px 0;
	}

	.cta-bg .item-inner {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 24px;
	}

	.cta-bg .item-inner h4 {
		font-size: 18px;
		text-align: center;
		line-height: 150%;
	}

	.testimonials .testimonial_item .item-wrapper .img-block .image-overlay h3 {
		font-size: 30px;
	}

	.testimonials .testimonial_item .item-wrapper .text-block {
		padding: 50px 20px;
	}
}

@media screen and (min-width: 440px) and (max-width: 499px) {
	.oracle_solution .gif-container {
		top: 12px;
		width: calc(100% - 17px);
		height: calc(100% - 110px);
	}
}

@media screen and (min-width: 400px) and (max-width: 439px) {
	.oracle_solution .gif-container {
		top: 10px;
		width: calc(100% - 17px);
		height: calc(100% - 95px);
	}
}

@media screen and (min-width: 350px) and (max-width: 399px) {
	.oracle_solution .gif-container {
		top: 9px;
		width: calc(100% - 17px);
		height: calc(100% - 84px);
	}
}

@media screen and (max-width: 479px) {
	.home_banner .item .slider-content .content_item {
		top: 47%;
	}

	.home_banner .item .slider-content .content_item h2 {
		font-size: 18px;
	}

	.home_banner .item .slider-content .content_item p {
		font-size: 11px;
		max-width: 260px;
	}
}

@media screen and (max-width: 349px) {
	.oracle_solution .gif-container {
		top: 9px;
		width: calc(100% - 17px);
		height: calc(100% - 74px);
	}
}

.trustpilot-cyber {
	display: block;
	position: relative;
}

.trustpilot-cyber .button-item.CEP {
	display: block;
	position: relative;
}

.button-item.CEP {
	display: block;
}

.button-item.CEP a {
	display: block;
	text-align: center;
}

.button-item.CEP a img {
	max-width: 150px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.footer p, .footer a {
		word-wrap: anywhere;
	}
}

@media screen and (min-width: 767px) and (max-width: 576px) {
	.footer p, .footer a {
		word-wrap: anywhere;
	}
}

/* User Guide Page CSS */
.userguide-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.userguide-table th,
.userguide-table td {
    padding: 15px;
    text-align: left;
    border: 1px solid #ddd;
}

.userguide-table th {
    background-color: #DD8027;
    color: white;
}

.userguide-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.userguide-table tr:hover {
    background-color: #f1f1f1;
}

.userguide-table td {
    color: #555;
    font-size: 0.9em;
}

.details-block .details-header {
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 180%;
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	background: #f2f2f2;
  	color: #000000 !important;
	padding: 1rem 1.25rem;
	margin-bottom: 0 !important;
	border-top-left-radius: calc(0.375rem - 1px);
	border-top-right-radius: calc(0.375rem - 1px);
}

.details-block .details-header.blue {
	background: #128bb5;
	color: #FFFFFF !important;
}

.details-block .details-header.orange {
	background: #dd8027;
	color: #FFFFFF !important;
}

.details-block .details-body {
	padding: 1rem 1.25rem;
	background: #f2f2f2;
}

.field-descriptions-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	border: 2px solid black;
}

.field-descriptions-table th,
.field-descriptions-table td {
    padding: 15px;
    text-align: left;
    border: 1px solid #ddd;
}

.field-descriptions-table th {
    background-color: #1188B2;
    color: white;
}

.field-descriptions-table tr:nth-child(even) {
    background-color: #fef6f1;
}

.field-descriptions-table tr:hover {
    background-color: #fdeee7;
}

.field-descriptions-table td {
    color: #444;
    font-size: 0.9em;
}

.best-practice-points {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 15px;
}

.best-practice-points li {
	margin-bottom: 0;
	padding-right: 0;
	position: relative;
	padding-left: 1.5rem;
}

.best-practice-points li::before {
	content: "➣";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
}

.best-practice-points li p {
	color: #000000;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%;
	text-align: left;
	letter-spacing: -0.3px;
	margin-bottom: 0;
}

/* FAQ Azure page */
.faq-accordion .question-button {
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: normal;
	font-weight: 700;
    color: #003366; 
    background-color: #f1faff; 
	transition: background-color 0.3s ease;
}

.faq-accordion .question-button:focus {
    outline: none;
    box-shadow: none;
}

.faq-accordion .question-button:hover {
    background-color: #e0f3ff;
    color: #001a33; 
}

.faq-accordion .answer-body {
    font-size: 16px;
    color: #333333; 
    background-color: #ffffff; 
    border-left: 4px solid #003366; 
    padding: 15px;
}

@media screen and (min-width: 768px) {
	.details-block .details-item .faq_sec img {
		width: 25%;
	}
	
	.section-title.details-section-title h2 {
		font-size: 48px;
		  line-height: 150%;
	}
}

@media screen and (max-width: 767px) {
	.details-block .details-item .faq_sec img {
		width: 100%;
	}
}

/* Project Pillars new page style */
.mega-menu-wrap.catalog ul.stander li strong > a {
	color: #000000;
	font-weight: 700;
}

.mega-menu-wrap.catalog ul.stander li strong > a:hover {
	color: #128bb5;
}

.projects-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #ffffff, #f7fbff, #ffffff);
}

.projects-hero .hero-circle-blue {
	position: absolute;
	top: 20px; 
	right: 0; 
	width: 600px; 
	height: 600px; 
	background: linear-gradient(to bottom right, rgba(0, 180, 216, 0.05), transparent); 
	border-radius: 50%; 
	filter: blur(3xl);
}

.projects-hero .hero-circle-orange {
	position: absolute;
	bottom: 0; 
	left: 0; 
	width: 500px; 
	height: 500px; 
	background: linear-gradient(to top right, rgba(249, 167, 75, 0.05), transparent); 
	border-radius: 50%; 
	filter: blur(3xl);
}

.projects-hero .hero-mesh {
	background-image: radial-gradient(circle at 1px 1px, #0096C7 1px, transparent 0); 
	background-size: 40px 40px;
	opacity: 0.02;
}

.projects-hero .hero-curve {
	height: 8rem; 
	opacity: 0.3;
}

.projects-hero .wrapper nav ol {
	font-size: 14px;
}

.projects-hero .wrapper .inner-wrapper .title span {
	background: linear-gradient(to right, #0096C7, #00B4D8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.projects-hero .wrapper .inner-wrapper p {
	max-width: 40rem;
}

.btn-hero {
	height: 52px;
	color: #0096C7;
	border-radius: 12px;
	border-color: #0096C7;
	transition: all 0.3s ease;
}

.btn-hero.btn-gradient {
  background: linear-gradient(to right, #0096C7, #00B4D8);
  color: white;
  box-shadow: 0 4px 10px rgba(0,150,199,0.3);  
}

.btn-hero.btn-gradient:hover {
  background: linear-gradient(to right, #0086B7, #00A4C8);
  box-shadow: 0 6px 14px rgba(0,150,199,0.4);
  color: white;
}

.btn-hero:hover {
	color: white;
	background-color: #0096C7;
}

.projects-hero .wrapper .inner-wrapper .item {
	transition-duration: .3s;
	transition-property: transform, translate, scale, rotate;
	transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
	--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, var(--tw-shadow);
	border-radius: calc(.5rem + 4px);
	transform: rotateX(0) rotateY(0) rotateZ(0) skewX(0) skewY(0);
}

.projects-hero .wrapper .inner-wrapper .item:hover {
	--tw-scale-x: 105%;
	--tw-scale-y: 105%;
	--tw-scale-z: 105%;
	scale: var(--tw-scale-x) var(--tw-scale-y);
}

.projects-hero .wrapper .inner-wrapper .item .hero-card .hero-card-inner svg {
  height: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 12);
  --spacing: .25rem;
}

.projects-hero .wrapper .inner-wrapper .item .hero-card .hero-card-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(0, 180, 216, 0.2); 
	border-radius: 0.5rem;
	background-image: linear-gradient(to bottom right, #F7FBFF, #FFFFFF);
	background-repeat: no-repeat;
	background-size: cover;
	aspect-ratio: 16 / 9;
	box-sizing: border-box;
}

.section-bg {
  background-image: url('../Images/Catalogue/Pillars/pillars-sections-bg-1.jpg');
}

.bg-overlay {
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.95), rgba(247, 251, 255, 0.9));
}

.orb {
  width: 500px;
  height: 500px;
  border-radius: 50%;
  filter: blur(90px);
  animation: floatOrb 15s ease-in-out infinite;
  z-index: 0;
}

.orb-blue {
  background: linear-gradient(to bottom right, rgba(0, 150, 199, 0.1), rgba(0, 180, 216, 0.1));
  top: 120px;
  left: -200px;
}

@keyframes floatOrb {
  0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(50px, -20px); }
  50% { transform: translate(0, -40px); }
  75% { transform: translate(-40px, 10px); }
}

.hover-scale {
  transition: transform 0.3s ease;
}

.hover-scale:hover {
  transform: scale(1.02);
}

.corner-shape {
  position: absolute;
  z-index: 0;
  opacity: 1;
}

.corner-top-right {
  top: 0;
  right: 0;
  width: 8rem;
  height: 8rem;
  background: linear-gradient(to bottom right, rgba(0, 180, 216, 0.1), transparent);
  border-bottom-left-radius: 100%;
}

.corner-bottom-left {
  bottom: 0;
  left: 0;
  width: 6rem;
  height: 6rem;
  background: linear-gradient(to top right, rgba(230, 132, 43, 0.1), transparent);
  border-top-right-radius: 100%;
}

.blob {
  border-radius: 50%;
  filter: blur(80px);
  animation: floatBlob 12s ease-in-out infinite;
}

.blob-blue {
  width: 400px;
  height: 400px;
  top: 120px;
  right: 80px;
  background: linear-gradient(to bottom right, rgba(0, 180, 216, 0.05), transparent);
  animation-delay: 0s;
}

.blob-orange {
  width: 350px;
  height: 350px;
  bottom: 120px;
  left: 80px;
  background: linear-gradient(to bottom right, rgba(230, 132, 43, 0.05), transparent);
  animation-delay: 1s;
}

@keyframes floatBlob {
  0%, 100% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(20px, -20px) scale(1.1); }
  50% { transform: translate(-20px, 10px) scale(1.05); }
  75% { transform: translate(10px, 15px) scale(1.1); }
}

.rotating-box {
  width: 80px;
  height: 80px;
  border: 2px solid rgba(0, 150, 199, 0.1);
  border-radius: 10px;
  top: 25%;
  left: 5%;
  animation: rotateBox 20s linear infinite;
}

@keyframes rotateBox {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(180deg) scale(1.1); }
  100% { transform: rotate(360deg) scale(1); }
}

.floating-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  bottom: 25%;
  right: 10%;
  background: linear-gradient(to bottom right, rgba(0, 180, 216, 0.05), rgba(230, 132, 43, 0.05));
  animation: floatCircle 8s ease-in-out infinite;
}

@keyframes floatCircle {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-20px) scale(1.1); }
}

.template-card {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.template-card:hover {
  transform: translateY(-8px);
  border-color: rgba(0, 180, 216, 0.3);
  box-shadow: 0 10px 30px rgba(0, 180, 216, 0.15);
}

.template-title {
  font-size: 1.125rem;
  color: #333;
  font-weight: 600;
  transition: color 0.3s ease;
}

.template-card:hover .template-title {
  color: #0096C7;
}

.template-desc {
  font-size: 0.875rem;
  color: #4F6276;
  line-height: 1.6;
}

.learn-more {
  display: flex;
  align-items: center;
  color: #0096C7;
  opacity: 0;
  font-weight: 500;
  font-size: 0.875rem;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.template-card:hover .learn-more {
  opacity: 1;
}

.learn-more svg {
  transition: transform 0.3s ease;
}

.learn-more:hover svg {
  transform: translateX(4px);
}

.projects-templates .icon-box {
  width: 56px;
  height: 56px;
  border-radius: 1rem;
  transition: transform 0.3s ease;
}

.template-card:hover .icon-box {
  transform: scale(1.1) rotate(5deg);
}

.wave-bg {
  height: 280px;
  opacity: 0.25; 
  overflow: hidden;
}

#wavePath {
  animation: waveMotion 8s ease-in-out infinite alternate;
  transform-origin: center;
}

@keyframes waveMotion {
  0% {
    d: path("M0,200L48,206.7C96,213,192,226,288,240C384,254,480,270,576,250C672,230,768,180,864,185C960,190,1056,230,1152,235C1248,240,1344,210,1392,190L1440,170L1440,320L0,320Z");
  }
  50% {
    d: path("M0,220L48,210C96,200,192,180,288,180C384,180,480,200,576,220C672,240,768,260,864,255C960,250,1056,220,1152,210C1248,200,1344,210,1392,215L1440,220L1440,320L0,320Z");
  }
  100% {
    d: path("M0,200L48,206.7C96,213,192,226,288,240C384,254,480,270,576,250C672,230,768,180,864,185C960,190,1056,230,1152,235C1248,240,1344,210,1392,190L1440,170L1440,320L0,320Z");
  }
}

.particle {
  position: absolute;
  border-radius: 50%;
  opacity: 0.05;
  pointer-events: none;
  animation: floatParticle 8s ease-in-out infinite;
}

.particle-blue {
  width: 48px; 
  height: 48px;
  top: 20%;
  left: 25%;
  background: radial-gradient(circle at 40% 40%, rgba(0, 150, 199, 0.05), rgba(0, 180, 216, 0.05));
  animation-delay: 0s;
  z-index: 0;
}

.particle-cyan {
  width: 48px; 
  height: 48px;
  bottom: 12%;
  right: 28%;
  background: radial-gradient(circle at 40% 40%, rgba(230, 132, 43, 0.05), rgba(249, 167, 75, 0.05));
  animation-delay: 1s;
  z-index: 0;
}

@keyframes floatParticle {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 0.8;
  }
  25% {
    transform: translate(15px, -25px) scale(1.15);
    opacity: 1;
  }
  50% {
    transform: translate(-10px, -10px) scale(1.1);
    opacity: 0.9;
  }
  75% {
    transform: translate(10px, 15px) scale(1.05);
    opacity: 0.8;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 0.85;
  }
}

.projects-benefits .benefits-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

.projects-benefits .benefit-card {
  background: linear-gradient(to bottom right, #F7FBFF, #fff);
  border: 1px solid rgba(0,180,216,0.1);
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.projects-benefits .benefit-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,180,216,0.15);
}

.projects-benefits .benefit-card:hover::before {
  opacity: 0.05;
}

.projects-benefits .icon-box {
  width: 48px;
  height: 48px;
  border-radius: 0.75rem;
  transition: transform 0.3s ease;
}

.projects-benefits .benefit-card:hover .icon-box {
  transform: scale(1.1) rotate(5deg);
}

.projects-benefits .benefit-text {
  font-size: 0.875rem;
  color: #4F6276;
  line-height: 1.6;
  margin: 0;
}

.pattern-overlay {
  opacity: 0.02;
  background-image: radial-gradient(circle, #0096c7 1px, transparent 1px);
  background-size: 30px 30px;
}

.bg-overlay-image img {
  opacity: 0.05;
  object-fit: cover;
}

.pattern-dots {
  background-image: radial-gradient(circle, #0096c7 1px, transparent 1px);
  background-size: 30px 30px;
  opacity: 0.03;
}

.geo-square,
.geo-rounded,
.gradient-orb {
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

.geo-square {
  top: 20%;
  right: 10%;
  width: 8rem;
  height: 8rem;
  border: 4px solid rgba(0, 180, 216, 0.15);
  border-radius: 1.5rem;
  animation: rotateSquare 15s linear infinite;
}

.geo-rounded {
  bottom: 18%;
  left: 10%;
  width: 6rem;
  height: 6rem;
  background: linear-gradient(135deg, rgba(230, 132, 43, 0.08), rgba(0, 150, 199, 0.08));
  border-radius: 1rem;
  animation: floatRounded 12s ease-in-out infinite;
}

.gradient-orb {
  top: 25%;
  left: 5%;
  width: 16rem;
  height: 16rem;
  background: radial-gradient(circle at 40% 40%, rgba(0, 150, 199, 0.25), transparent 70%);
  border-radius: 50%;
  filter: blur(80px);
  animation: floatOrbGeo 10s ease-in-out infinite;
}

@keyframes rotateSquare {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(180deg) scale(1.1); }
  100% { transform: rotate(360deg) scale(1); }
}

@keyframes floatRounded {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(-10deg); }
}

@keyframes floatOrbGeo {
  0%, 100% { transform: translateX(0) scale(1); }
  50% { transform: translateX(50px) scale(1.3); }
}

.projects-howto .steps-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 1000px;
}

.projects-howto .step-card {
  background: #fff;
  border: 1px solid rgba(0, 180, 216, 0.1);
  border-radius: 1.25rem;
  padding: 2rem;
  text-align: center;
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}

.projects-howto .step-card:hover {
  box-shadow: 0 10px 28px rgba(0, 150, 199, 0.25);
  transform: translateY(-4px);
}

.projects-howto .step-badge {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  left: -20px;
  color: #fff;
  font-weight: 700;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.projects-howto .icon-box {
  width: 64px;
  height: 64px;
  border-radius: 1rem;
}

.projects-howto .step-title {
  font-size: 1.125rem;
  color: #333;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.projects-howto .step-desc {
  font-size: 0.875rem;
  color: #4f6276;
  line-height: 1.6;
}

.projects-howto .arrow-next {
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
  color: #00b4d8;
}

.projects-security .icon-circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.projects-security .shield-badge {
  width: 96px;
  height: 96px;
  border-radius: 1rem;
  background: linear-gradient(to bottom right, #0096c7, #00b4d8);
}

.projects-security .security-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.projects-security .security-box {
  background: #fff;
  border: 1px solid rgba(0, 180, 216, 0.1);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
}

.projects-security .security-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0, 150, 199, 0.25);
}

.projects-security .security-overlay-img {
	opacity: .03;
	right: calc(var(--spacing) * 35);
  	top: calc(var(--spacing) * 10);
	position: absolute;
	--spacing: .25rem;
}

.projects-faq .summary-card {
  background: linear-gradient(to bottom right, #0096c7, #00b4d8);
}

.projects-faq .dots-grid {
  display: grid;
  grid-template-columns: repeat(8, 8px);
  grid-template-rows: repeat(8, 8px);
  gap: calc(.25rem * 4);
}

.projects-faq .dots-grid .dot {
  width: 8px;
  height: 8px;
  background-color: #0096c7;
  border-radius: 50%;
}

.projects-faq .accordion-button {
  font-size: 1rem;
  color: #333333;
  background-color: #fff;
  border-radius: 1rem 1rem !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.projects-faq .accordion-button:hover {
	background-color: #f7fbff;
  	color: #0096c7;
}

.projects-faq .accordion-button:not(.collapsed) {
  background-color: #f7fbff;
  color: #0096c7;
  box-shadow: none;
  border-radius: 1rem 1rem 0 0 !important;
}

.projects-faq .accordion-item {
  border: 1px solid rgba(0, 180, 216, 0.1) !important;
  border-radius: 1rem !important;
  transition: all 0.3s ease;
}

.projects-faq .accordion-item:hover {
  box-shadow: 0 6px 20px rgba(0, 150, 199, 0.1);
}

.projects-faq .summary-card button:hover {
	background: linear-gradient(to bottom right, #E6842B, #F9A74B) !important;
	color: #FFFFFF;
}

.projects-cta .blob-blue,
.projects-cta .blob-orange {
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.4;
  pointer-events: none;
  position: absolute;
}

.projects-cta .blob-blue {
  top: 0; right: 0;
  width: 500px; height: 500px;
  background: radial-gradient(circle at 30% 30%, rgba(0,180,216,0.1), transparent 70%);
  animation: ctaBlobBlue 15s ease-in-out infinite;
}

.projects-cta .blob-orange {
  bottom: 0; left: 0;
  width: 400px; height: 400px;
  background: radial-gradient(circle at 40% 40%, rgba(230,132,43,0.1), transparent 70%);
  animation: ctaBlobOrange 12s ease-in-out infinite 1s;
}

.projects-cta .shape-ring {
  top: 30%; left: 8%;
  width: 80px; height: 80px;
  border: 2px solid rgba(0,180,216,0.1);
  border-radius: 50%;
  position: absolute;
  animation: ctaShapeRing 12s ease-in-out infinite;
}

.projects-cta .shape-square {
  bottom: 30%; right: 12%;
  width: 70px; height: 70px;
  background: linear-gradient(135deg, rgba(230,132,43,0.1), rgba(0,150,199,0.1));
  border-radius: 8px;
  position: absolute;
  animation: ctaShapeSquare 10s ease-in-out infinite;
}

.projects-cta .cta-wave-path {
  animation: ctaWaveMotion 10s ease-in-out infinite;
}

.projects-cta .cta-card {
  transition: all .4s ease;
}

.projects-cta .cta-card:hover {
  transform: scale(1.02);
}

.projects-cta .btn-gradient-blue {
  background: linear-gradient(to right, #0096c7, #00b4d8);
  border: none;
  border-radius: 12px;
  transition: all 0.3s ease;
}

.projects-cta .btn-gradient-blue:hover {
  background: linear-gradient(to right, #0086b7, #00a4c8);
  box-shadow: 0 8px 20px rgba(0, 150, 199, 0.25);
}

.projects-cta .btn-outline-primary {
  border-radius: 12px;
  color: #0096c7;
  border-color: #0096c7;
  border-width: 2px;
}

.projects-cta .btn-outline-primary:hover {
	color: #FFF;
  	background-color: #0096c7;
}

.projects-cta .gradient-footer {
  height: 8px;
  background: linear-gradient(to right, #0096c7, #00b4d8, #f9a74b);
  animation: ctaFooterReveal 1.5s ease forwards;
  transform-origin: left;
  transform: scaleX(0);
}

.projects-cta .cta-card:hover .gradient-footer {
  transform: scaleX(1);
}

@keyframes ctaBlobBlue {
  0%,100% { transform: scale(1) translate(0,0); }
  50% { transform: scale(1.3) translate(-50px,50px); }
}

@keyframes ctaBlobOrange {
  0%,100% { transform: scale(1) translate(0,0); }
  50% { transform: scale(1.2) translate(50px,-30px); }
}

@keyframes ctaShapeRing {
  0%,100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-30px) rotate(180deg); }
}

@keyframes ctaShapeSquare {
  0%,100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(25px) rotate(-180deg); }
}

@keyframes ctaWaveMotion {
  0%,100% {
    d: path("M0,32 C320,80 640,80 960,32 C1280,-16 1440,32 1440,32 L1440,0 L0,0 Z");
  }
  50% {
    d: path("M0,48 C320,16 640,16 960,48 C1280,96 1440,48 1440,48 L1440,0 L0,0 Z");
  }
}

@keyframes ctaFooterReveal {
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

.text-gradient {
  background: linear-gradient(90deg, #00A8CC, #00D9FF, #00A8CC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-orange {
  background: linear-gradient(90deg, #00D9FF, #FFA366);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-gold {
  background: linear-gradient(90deg, #FF7A3D, #FFA366);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-blueorange {
  background: linear-gradient(to right, #0096C7, #F9A74B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-text {
  background: linear-gradient(to right, #0096c7, #00b4d8, #f9a74b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-text-warm {
	background-image: linear-gradient(to right in oklab, #e6842b 0%, #f9a74b 50%, #0096c7 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gradient-moving {
  background:linear-gradient(90deg,#00A8CC,#00D9FF,#00A8CC);
  background-size:200% auto;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:gradientMove 5s linear infinite;
}

.text-gradient-cyan {
	background-image: linear-gradient(to right in oklab, #00a8cc, #00d9ff);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes gradientMove {
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}

.bg-light-blue {
  background-color: #F7FBFF !important;
}

.bg-gradient-cta {
  background: linear-gradient(to bottom right, #F7FBFF, #ffffff 50%, #ffffff);
}

.bg-gradient-light {
  background: linear-gradient(to bottom, #F7FBFF, #ffffff, #F7FBFF);
}

.bg-gradient-lightblue {
  background: linear-gradient(to bottom, #f7fbff, #ffffff, #f7fbff);
}

.bg-gradient-br {
  background: linear-gradient(to bottom right, #F7FBFF, #ffffff) !important;
}

.bg-gradient-blue {
  background: linear-gradient(to bottom right, #0096C7, #00B4D8) !important;
}

.bg-gradient-cyan {
  background: linear-gradient(to bottom right, #00B4D8, #00B4D8) !important;
}

.bg-gradient-cyanorange {
  background: linear-gradient(to bottom right, #00B4D8, #F9A74B) !important;
}

.bg-gradient-orange {
  background: linear-gradient(to bottom right, #E6842B, #F9A74B) !important;
}

.bg-gradient-gold {
  background: linear-gradient(to bottom right, #CAA24F, #E6842B) !important;
}

.bg-gradient-security {
  background: linear-gradient(135deg, #ffffff 0%, #f7fbff 60%, #e8f4f8 100%);
}

.bg-green-500 {
	background-color: oklch(.723 .219 149.579);
}

.bg-green-400 {
	background-color: oklch(.792 .209 151.711);
}

.bg-green-50 {
	background-color: oklch(.982 .018 155.826);
}

.bg-green-100 {
	background-color: oklch(.962 .044 156.743);
}

.text-gold {
  color: #caa24f !important;
}

.text-green-700 {
	color: oklch(.527 .154 150.069);
}

.text-\[\#0096C7\] {
    color: #0096c7;
}

.text-\[\#E6842B\] {
    color: #e6842b;
}

.text-\[\#00B4D8\] {
    color: #00b4d8;
}

.text-\[\#CAA24F\] {
    color: #caa24f;
}

.text-\[\#00A8CC\] {
    color: #00a8cc;
}

.text-\[\#EA7422\] {
    color: #EA7422;
}

.text-\[\#4F6276\] {
    color: #4F6276;
}

.text-\[\#00D9FF\] {
	color: #00d9ff;
}

.opacity-02 {
	opacity: 0.02;
}

.opacity-03 {
	opacity: 0.03;
}

.opacity-04 {
    opacity: 0.04;
}

.opacity-05 { 
	opacity: 0.05; 
}

.opacity-50 {
	opacity: .5;
}

.mb-16 {
	margin-bottom: calc(var(--spacing) * 16);
	--spacing: .25rem;
}

.inset-0 {
    inset: calc(var(--spacing) * 0);
	--spacing: .25rem;
}

.rounded-xl {
	border-radius: calc(var(--radius) + 4px);
	--radius: .625rem;
}

.border-blue-20 {
  border-color: rgba(0, 180, 216, 0.2) !important;
}

.border-gray-200 {
    border-color: oklch(.928 .006 264.531) !important;
}

.shadow-xl,
.template-card.shadow-xl {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.icon-circle {
  width: 1.5rem;
  height: 1.5rem;
}

.text-small {
  font-size: 0.875rem !important;
}

.badge-gradient {
  background: linear-gradient(to right, rgba(0,168,204,0.1), rgba(0,217,255,0.1));
  border: 1px solid rgba(0,217,255,0.3);
  border-radius: 50rem;
}

.animate-pulse {
    animation: pulseAnimation 1.5s ease-in-out infinite;
}

@keyframes pulseAnimation {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.w-1 {
	width: calc(var(--spacing) * 1);
	--spacing: .25rem;
}

.h-1 {
	height: calc(var(--spacing) * 1);
	--spacing: .25rem;
}

.w-2 {
	width: calc(var(--spacing) * 2);
	--spacing: .25rem;
}

.h-2 {
	height: calc(var(--spacing) * 2);
	--spacing: .25rem;
}

.w-3 {
	width: calc(var(--spacing) * 3);
	--spacing: .25rem;
}

.h-3 {
	height: calc(var(--spacing) * 3);
	--spacing: .25rem;
}

.w-4 {
	width: calc(var(--spacing) * 4);
	--spacing: .25rem;
}

.h-4 {
	height: calc(var(--spacing) * 4);
	--spacing: .25rem;
}

.w-5 {
	width: calc(var(--spacing) * 5);
	--spacing: .25rem;
}

.h-5 {
	height: calc(var(--spacing) * 5);
	--spacing: .25rem;
}

.w-6 {
	width: calc(var(--spacing) * 6);
	--spacing: .25rem;
}

.h-6 {
	height: calc(var(--spacing) * 6);
	--spacing: .25rem;
}

.w-7 {
	width: calc(var(--spacing) * 7);
	--spacing: .25rem;
}

.h-7 {
	height: calc(var(--spacing) * 7);
	--spacing: .25rem;
}

.w-8 {
	width: calc(var(--spacing) * 8);
	--spacing: .25rem;
}

.h-8 {
	height: calc(var(--spacing) * 8);
	--spacing: .25rem;
}

.w-10 {
	width: calc(var(--spacing) * 10);
	--spacing: .25rem;
}

.h-10 {
	height: calc(var(--spacing) * 10);
	--spacing: .25rem;
}

.w-12 {
	width: calc(var(--spacing) * 12);
	--spacing: .25rem;
}

.h-12 {
	height: calc(var(--spacing) * 12);
	--spacing: .25rem;
}

.w-14 {
	width: calc(var(--spacing) * 14);
	--spacing: .25rem;
}

.h-14 {
	height: calc(var(--spacing) * 14);
	--spacing: .25rem;
}

.w-16 {
	width: calc(var(--spacing) * 16);
	--spacing: .25rem;
}

.h-16 {
	height: calc(var(--spacing) * 16);
	--spacing: .25rem;
}

.w-20 {
	width: calc(var(--spacing) * 20);
	--spacing: .25rem;
}

.h-20 {
	height: calc(var(--spacing) * 20);
	--spacing: .25rem;
}

.w-32 {
	width: calc(var(--spacing) * 32);
	--spacing: .25rem;
}

.h-32 {
	height: calc(var(--spacing) * 32);
	--spacing: .25rem;
}

.w-40 {
	width: calc(var(--spacing) * 40);
	--spacing: .25rem;
}

.h-40 {
	height: calc(var(--spacing) * 40);
	--spacing: .25rem;
}

.w-48 {
	width: calc(var(--spacing) * 48);
	--spacing: .25rem;
}

.h-48 {
	height: calc(var(--spacing) * 48);
	--spacing: .25rem;
}

.w-80 {
	width: calc(var(--spacing) * 80);
	--spacing: .25rem;
}

.h-80 {
	height: calc(var(--spacing) * 80);
	--spacing: .25rem;
}

.w-96 {
	width: calc(var(--spacing) * 96);
	--spacing: .25rem;
}

.h-96 {
	height: calc(var(--spacing) * 96);
	--spacing: .25rem;
}

@media (min-width: 768px) {
  .projects-benefits .benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .projects-howto .steps-grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 5), 1fr));
  }

  .projects-howto .steps-grid > *:nth-child(n+5) {
    clear: left;
  }

  .steps-grid::after {
    content: "";
    position: absolute;
    top: -120px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to right, #0096c7, #00b4d8, #e6842b);
    opacity: 0.15;
    transform-origin: left;
    transform: scaleX(0);
    animation: lineGrow 2s ease-out forwards;
  }

  @keyframes lineGrow {
	to { transform: scaleX(1); }
  }
}

@media (min-width: 992px) {
	.py-lg-7 {
		padding-top: 8rem !important;
		padding-bottom: 8rem !important;
	}

	.mb-lg-6 {
		margin-bottom: 4rem !important;
	}

	.mb-lg-7 {
		margin-bottom: 8rem !important;
	}

	.p-lg-6 {
		padding: 4rem !important;
	}

	.fs-lg-1 {
		font-size: 2.625rem !important;
	}

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

/* Project Pillars Sub-pages style */
:root {
  --blue: #0096C7;
  --cyan: #00B4D8;
  --orange: #E6842B;
  --gold: #F9A74B;
}

.text-6xl {
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --leading-tight: 1.25;
    --tw-leading: var(--leading-tight);
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
}

.text-5xl{
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --leading-tight: 1.25;
    --tw-leading: var(--leading-tight);
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
}

.text-4xl{
    --text-4xl: 2.25rem;
    --text-4xl--line-height: 1;
    --leading-tight: 1.25;
    --tw-leading: var(--leading-tight);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
}

.bg-clip-text {
	background-clip: text;
}

.text-gray-800 {
	--color-gray-800: oklch(.278 .033 256.848);
    color: var(--color-gray-800);
}

.bg-gradient-hero {
  background: linear-gradient(to bottom right, #fff, rgba(0,180,216,0.05), rgba(249,167,75,0.05));
}

.text-transparent {
    color: #000000;
}

.rounded-full {
	border-radius: 3.40282e38px;
}

.rounded-lg {
	border-radius: .625rem;
}

.text-white-90 { color: rgba(255,255,255,0.9); }

.bg-white-20 {
	--color-white: #fff;
	background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}

.top-20 {
	top: 20px !important;
}

.top-24 {
	top: calc(var(--spacing) * 24);
	--spacing: .25rem;
}

.bottom-20 {
	bottom: 20px !important;
}

.start-20 {
	left: 20px !important;
}

.end-20 {
	right: 20px !important;
}

.z-0 {
	z-index: 0 !important;
}

.z-1 {
	z-index: 1 !important;
}

.enterprise-hero .bg-gradient-badge {
  background-image: linear-gradient(
    to right,
    rgba(0, 150, 199, 0.10),
    rgba(0, 180, 216, 0.10),
    rgba(230, 132,  43, 0.10)
  );
}

.enterprise-hero .border-blue-20 {
  border-color: rgba(0, 150, 199, 0.20) !important;
}

.enterprise-hero .bg-gradient-badge {
  backdrop-filter: saturate(120%) blur(0.5px);
}

.blur-hero {
  filter: blur(100px);
  width: 500px;
  height: 500px;
}

.bg-gradient-blueorange { background: linear-gradient(to bottom right, rgba(0,180,216,0.3), rgba(230,132,43,0.1)); }
.bg-gradient-orangeblue { background: linear-gradient(to top left, rgba(249,167,75,0.3), rgba(0,180,216,0.1)); }
.bg-gradient-center { background: linear-gradient(to right, rgba(0,150,199,0.1), rgba(249,167,75,0.1)); }
.bg-gradient-goldblue {
  background: linear-gradient(135deg, #F9A74B, #0096C7, #00B4D8);
}

.enterprise-hero .shape {
  width: 4rem;
  height: 4rem;
  backdrop-filter: blur(6px) saturate(120%);
}

.enterprise-hero .shape-blue {
  width: 4rem;
  height: 4rem;
  background: linear-gradient(135deg, rgba(0,150,199,0.2), rgba(0,180,216,0.2));
}

.enterprise-hero .shape-orange {
  width: 3rem; 
  height: 3rem;
  background: linear-gradient(135deg, rgba(230,132,43,0.2), rgba(249,167,75,0.2));
}

.enterprise-hero .shape-mixed {
  width: 2rem; 
  height: 2rem;
  background: linear-gradient(135deg, rgba(0,180,216,0.3), rgba(230,132,43,0.3));
}

.enterprise-hero .gradient-text {
    background-image: linear-gradient(to right in oklab, #0096c7 0%, #00b4d8 50%, #e6842b 100%);
}

.enterprise-hero .gradient-text-warm {
	background-image: linear-gradient(to right in oklab, #e6842b 0%, #f9a74b 50%, #0096c7 100%);
}

.enterprise-hero .gradient-text-small {
  background: linear-gradient(90deg, #0096C7, #E6842B);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 600;
}

.enterprise-hero .btn.btn-outline-primary:hover {
	color: #000000 !important;
}

@keyframes floatHero {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-40px); }
}

@keyframes fade-in-upECHero {
  0% {
		opacity: 0;
		transform: translateY(20px);
   }
  100% { 
		opacity: 1;
    	transform: translateY(0);
   }
}

@keyframes gradient {
  0%, 100% {
	background-position: 0; 
	background-size: 200% 200%;
  }
  50% {
	background-position: 100%; 
	background-size: 200% 200%;
  }
}

.animate-fade-in-upECHero {
	animation: fade-in-upECHero .6s ease-out forwards;
}

.animate-gradient {
	animation: 3s infinite gradient;
}

.enterprise-hero .animate-float {
  animation: floatHero 6s ease-in-out infinite;
}

.enterprise-hero .animate-float-delayed {
  animation: floatHero 7s ease-in-out infinite;
  animation-delay: 1.5s;
}

.enterprise-hero .delay-15s {
  animation: floatHero 8s ease-in-out infinite;
  animation-delay: 2s;
}

.enterprise-hero .rotate-45 {
  transform: rotate(45deg);
}

.eh-sh-round {
	top: 5%;
	left: 10%;
}

.eh-sh-ractangle {
	top: 20%;
  	right: 10%;
}

.eh-sh-sm-round {
	bottom: 15%;
	left: 30%;
}

.enterprise-hero .hover-scale:hover { transform: scale(1.05); transition: all .3s ease; }

.enterprise-hero .avatar-circle { width: 32px; height: 32px; border-radius: 50%; }

.enterprise-hero .icon-circle { width: 32px; height: 32px; border-radius: 50%; }

.btn-gradient-blueorange {
  background: linear-gradient(to right, #0096C7, #00B4D8, #E6842B);
  border: none;
}

.btn-gradient-blueorange:hover {
  box-shadow: 0 0 20px rgba(0,180,216,0.4);
}

.delay-1s { animation-delay: 1s; }
.delay-2s { animation-delay: 2s; }
.delay-15s { animation-delay: 1.5s; }

.enterprise-hero .d-flex .avatar-circle:not(:last-child) {
  --spacing: 0.25rem;
  --tw-space-x-reverse: 0;
  margin-inline-start: calc((var(--spacing) * -2) * var(--tw-space-x-reverse));
  margin-inline-end: calc((var(--spacing) * -2) * (1 - var(--tw-space-x-reverse)));
}

.enterprise-hero .group .hero-icon-rotate {
  transition: transform 0.5s ease;
}

.enterprise-hero .group:hover .hero-icon-rotate {
  transform: rotate(180deg);
}

.bg-gradient-why {
  background-image: linear-gradient(
    to bottom right,
    #ffffff,
    rgba(0, 180, 216, 0.05),
    rgba(249, 167, 75, 0.05)
  );
}

.why-it-matters .blob {
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  filter: blur(80px);
  animation: pulse 8s ease-in-out infinite;
}

.why-it-matters .blob-blue {
  background: linear-gradient(135deg, rgba(0,150,199,0.1), transparent);
  top: 0;
  left: 0;
}

.why-it-matters .blob-orange {
  background: linear-gradient(135deg, rgba(230,132,43,0.1), transparent);
  bottom: 0;
  right: 0;
}

.why-it-matters .gradient-text {
  background: linear-gradient(90deg, #0096C7, #00B4D8, #E6842B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.why-it-matters .gradient-text-small {
  background: linear-gradient(90deg, #0096C7, #E6842B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.why-it-matters .gradient-line {
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #0096C7, #00B4D8, #E6842B);
}

.callout-box {
  background: linear-gradient(
    90deg,
    rgba(0,150,199,0.1),
    rgba(0,180,216,0.1),
    rgba(230,132,43,0.05)
  );
  padding: 1.5rem;
  position: relative;
  border-left: 4px solid transparent;
  border-radius: 0.5rem;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(2px);
}

.callout-box:hover {
  box-shadow: 0 10px 30px rgba(0, 150, 199, 0.15);
  background: linear-gradient(
    90deg,
    rgba(0,150,199,0.15),
    rgba(0,180,216,0.15),
    rgba(230,132,43,0.08)
  );
  transform: translateY(-2px);
}

.callout-bar {
  width: 6px;
  background: linear-gradient(180deg, #0096C7, #00B4D8, #E6842B);
  border-radius: 0 4px 4px 0;
}

.img-glow {
  background: linear-gradient(135deg, rgba(0,150,199,0.2), rgba(0,180,216,0.15), rgba(230,132,43,0.2));
  filter: blur(40px);
  z-index: 0;
}

@keyframes pulse {
  0%, 100% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.1); }
}

@keyframes fade-in-up {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

.fade-in-up {
  animation: fade-in-up 0.8s ease forwards;
}

.fade-in {
  animation: fade-in-up 0.8s ease forwards;
  animation-delay: 0.2s;
}

.bg-gradient-key {
  background: linear-gradient(
    to bottom right,
    #fff,
    rgba(249, 167, 75, 0.05),
    rgba(0, 180, 216, 0.10)
  );
}

.key-features .orb {
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  filter: blur(80px);
  position: absolute;
  animation: pulse 8s ease-in-out infinite;
}

.key-features .orb-blueorange {
  top: 20%;
  right: 10%;
  background: linear-gradient(135deg, rgba(0,180,216,0.2), rgba(230,132,43,0.2));
}

.key-features .orb-orangeblue {
  bottom: 20%;
  left: 10%;
  background: linear-gradient(135deg, rgba(230,132,43,0.2), rgba(0,150,199,0.2));
}

.key-features .feature-card {
  background: rgba(255,255,255,0.8);
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 1.5rem;
  backdrop-filter: blur(6px);
  transition: all 0.3s ease;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 15px;
}

.key-features .feature-card:hover {
  box-shadow: 0 10px 30px rgba(0, 150, 199, 0.15);
  transform: translateY(-8px);
  border-color: transparent;
}

.key-features .feature-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: transform 0.3s ease;
}

.key-features .feature-card:hover .feature-icon {
  transform: scale(1.1);
}

.key-features .bg-gradient-blueorange {
  background: linear-gradient(135deg, #0096C7, #00B4D8, #E6842B);
}

.key-features .bg-gradient-orangeblue {
  background: linear-gradient(135deg, #E6842B, #F9A74B, #00B4D8);
}

.key-features .feature-title {
  font-size: 1.125rem;
  font-weight: 600;
  transition: all 0.3s ease;
}

.key-features .feature-card:hover .feature-title {
  background: linear-gradient(90deg, #0096C7, #E6842B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-gradient-benefits {
  background: linear-gradient(
    to top right,
    rgba(0, 180, 216, 0.1),
    #ffffff,
    rgba(230, 132, 43, 0.1)
  );
}

.bg-radial-benefits {
  background-image: radial-gradient(
      circle at 30% 20%,
      rgba(0, 180, 216, 0.15),
      transparent 50%
    ),
    radial-gradient(
      circle at 70% 80%,
      rgba(249, 167, 75, 0.15),
      transparent 50%
    );
  inset: 0;
  z-index: 0;
}

.benefit-card {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(6px);
  transition: all 0.3s ease;
}

.benefit-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,180,216,0.05), rgba(230,132,43,0.05));
  opacity: 0;
  transition: opacity 0.3s ease;
}

.benefit-card:hover::before {
  opacity: 1;
}

.benefit-card:hover {
  box-shadow: 0 10px 30px rgba(0,180,216,0.2);
  transform: scale(1.05);
  border-color: transparent;
}

.benefit-card .icon-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  transition: transform 0.3s ease;
}

.benefit-card .icon-circle.bg-gradient-orangeblue {
	background-image: linear-gradient(to bottom right in oklab, #e6842b 0%, #f9a74b 50%, #00b4d8 100%);
}

.benefit-card .icon-circle.bg-gradient-blueorange {
	background-image: linear-gradient(to bottom right in oklab, #0096c7 0%, #00b4d8 50%, #e6842b 100%);
}

.benefit-card:hover .icon-circle {
  transform: scale(1.1);
}

.benefit-title {
  font-size: 1.125rem;
  font-weight: 600;
  transition: all 0.3s ease;
}

.benefit-card:hover .benefit-title {
  background: linear-gradient(to right in oklab, #0096C7, #E6842B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-gradient-comparison {
  background: linear-gradient(
    to bottom left,
    #ffffff,
    rgba(0, 180, 216, 0.05),
    #ffffff
  );
}

.bg-comparison-orb {
  width: 600px;
  height: 300px;
  background: linear-gradient(
    to right,
    rgba(0, 150, 199, 0.1),
    rgba(0, 180, 216, 0.05),
    rgba(230, 132, 43, 0.1)
  );
  filter: blur(120px);
  z-index: 0;
}

.comparison-card {
  border-radius: 0.75rem;
  transition: all 0.3s ease;
  backdrop-filter: blur(6px);
}

.bg-gradient-loader {
  background: linear-gradient(
    135deg,
    rgba(0, 150, 199, 0.1),
    rgba(0, 180, 216, 0.1),
    rgba(230, 132, 43, 0.1)
  );
  position: relative;
}

.gradient-border {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    #0096C7,
    #00B4D8,
    #E6842B
  );
  opacity: 0.2;
  border-radius: 0.75rem;
  transition: opacity 0.4s ease;
  z-index: 0;
}

.border-gray {
  border-color: var(--color-gray-200);
  --color-gray-200: oklch(.928 .006 264.531);
}

.comparison-card:hover .gradient-border {
  opacity: 0.3;
}

.comparison-section .bg-gradient-blueorange {
	background-image: linear-gradient(to bottom right in oklab, #0096c7, #e6842b);
}

.comparison-section .bg-gradient-cyanorange {
	background-image: linear-gradient(to bottom right in oklab, #00b4d8, #f9a74b);
}

.comparison-section .bg-gradient-orangeblue {
	background-image: linear-gradient(to bottom right in oklab, #e6842b, #0096c7);
}

.comparison-section .bg-gradient-mixed {
	background-image: linear-gradient(to bottom right in oklab, #0096c7 0%, #00B4CC 50%, #e6842b 100%);
}

.bg-gradient-usecases {
  background: linear-gradient(
    to bottom right,
    #f9fafb,
    rgba(230, 132, 43, 0.05),
    rgba(0, 180, 216, 0.05)
  );
}

.bg-orb-orange,
.bg-orb-cyan {
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  filter: blur(80px);
  position: absolute;
  z-index: 0;
}

.bg-orb-orange {
  background: linear-gradient(135deg, rgba(230,132,43,0.15), transparent);
  top: 0;
  left: 0;
}

.bg-orb-cyan {
  background: linear-gradient(135deg, rgba(0,180,216,0.15), transparent);
  bottom: 0;
  right: 0;
}

.usecase-card {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(6px);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 35px;
}

.usecase-card:hover {
  box-shadow: 0 10px 30px rgba(230,132,43,0.2);
  transform: translateY(-8px);
  border-color: transparent;
}

.usecase-card:hover .icon-box {
  transform: scale(1.1);
}

.use-cases .bg-gradient-orangeblue {
  background: linear-gradient(135deg, #E6842B, #F9A74B, #00B4D8);
}

.use-cases .bg-gradient-blueorange {
  background: linear-gradient(135deg, #0096C7, #E6842B, #00B4D8);
}

.use-cases .bg-gradient-cyangold {
  background: linear-gradient(135deg, #00B4D8, #F9A74B, #0096C7);
}

.use-cases .bg-gradient-goldblue {
  background: linear-gradient(135deg, #F9A74B, #00B4D8, #E6842B);
}

.usecase-title {
  transition: all 0.3s ease;
}

.usecase-card:hover .usecase-title {
  background: linear-gradient(90deg, #E6842B, #0096C7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-gradient-howitworks {
  background: linear-gradient(
    to bottom right,
    #fff,
    rgba(249, 167, 75, 0.05),
    #fff
  );
}

.bg-orb-cyanlarge,
.bg-orb-orangewide {
  width: 24rem;
  height: 24rem;
  border-radius: 50%;
  filter: blur(90px);
  position: absolute;
  z-index: 0;
}

.bg-orb-cyanlarge {
  background: linear-gradient(135deg, rgba(0,180,216,0.1), transparent);
  top: 0;
  left: 25%;
}

.bg-orb-orangewide {
  background: linear-gradient(135deg, rgba(230,132,43,0.1), transparent);
  bottom: 0;
  right: 25%;
}

.how-it-works .step-card {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 2rem;
  transition: all 0.3s ease;
  backdrop-filter: blur(6px);
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-content: center;
  gap: 35px;
}

.how-it-works .step-card:hover {
  box-shadow: 0 10px 40px rgba(0,180,216,0.3);
  transform: translateY(-8px);
  border-color: transparent;
}

.how-it-works .step-badge {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  transition: transform 0.3s ease;
}

.how-it-works .step-card:hover .step-badge {
  transform: translateX(-50%) scale(1.1);
}

.how-it-works .bg-gradient-blueorange { background: linear-gradient(135deg, #0096C7, #00B4D8, #E6842B); }
.how-it-works .bg-gradient-cyangold { background: linear-gradient(135deg, #00B4D8, #E6842B, #F9A74B); }
.how-it-works .bg-gradient-orangeblue { background: linear-gradient(135deg, #E6842B, #F9A74B, #0096C7); }

.how-it-works .step-card:hover .icon-round {
  transform: scale(1.1);
}

.how-it-works .bg-gradient-bluefade {
  background: linear-gradient(135deg, rgba(0,150,199,0.2), rgba(0,180,216,0.2), rgba(230,132,43,0.1));
}

.how-it-works .bg-gradient-orangewide {
  background: linear-gradient(135deg, rgba(0,180,216,0.2), rgba(230,132,43,0.2), rgba(249,167,75,0.1));
}

.how-it-works .bg-gradient-goldfade {
  background: linear-gradient(135deg, rgba(230,132,43,0.2), rgba(249,167,75,0.2), rgba(0,150,199,0.1));
}

.how-it-works .step-title {
  transition: all 0.3s ease;
}

.how-it-works .step-card:hover .step-title {
  background: linear-gradient(to right in oklab, #0096C7, #E6842B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-gradient-whychoose {
  background: linear-gradient(
    90deg,
    #0096C7,
    #00B4D8,
    #E6842B
  );
}

.radial-overlay-orange,
.radial-overlay-cyan {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 0;
}

.radial-overlay-orange {
  background-image: radial-gradient(circle at 20% 50%, rgba(249,167,75,0.3), transparent 50%);
}

.radial-overlay-cyan {
  background-image: radial-gradient(circle at 80% 50%, rgba(0,150,199,0.3), transparent 50%);
}

.highlight-card {
  transition: transform 0.3s ease;
}

.highlight-card:hover {
  transform: scale(1.05);
}

.highlight-card:hover .icon-circle {
  transform: scale(1.1);
}

.bg-gradient-whobenefits {
  background: linear-gradient(
    to bottom left,
    #ffffff,
    rgba(0,150,199,0.05),
    rgba(249,167,75,0.05)
  );
}

.bg-orb-cyanleft,
.bg-orb-orangright {
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  filter: blur(90px);
  z-index: 0;
  position: absolute;
}

.bg-orb-cyanleft {
  background: linear-gradient(90deg, rgba(0,150,199,0.1), transparent);
  left: 0;
}

.bg-orb-orangright {
  background: linear-gradient(270deg, rgba(249,167,75,0.1), transparent);
  right: 0;
}

.who-benefits .benefit-card {
  background: rgba(255,255,255,0.9);
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 1.8rem;
  transition: all 0.3s ease;
  backdrop-filter: blur(6px);
}

.who-benefits .benefit-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 35px rgba(0,180,216,0.25);
  border-color: transparent;
}

.benefit-card:hover .icon-round {
  transform: scale(1.1);
}

.who-benefits .bg-gradient-orangeblue { background: linear-gradient(135deg, #E6842B, #F9A74B, #0096C7); }
.who-benefits .bg-gradient-cyanorange  { background: linear-gradient(135deg, #0096C7, #00B4D8, #E6842B); }
.who-benefits .bg-gradient-bluegold    { background: linear-gradient(135deg, #00B4D8, #E6842B, #F9A74B); }
.who-benefits .bg-gradient-goldblue    { background: linear-gradient(135deg, #F9A74B, #0096C7, #00B4D8); }

.who-benefits .benefit-title {
  transition: all 0.3s ease;
}

.who-benefits .benefit-card:hover .benefit-title {
  background: linear-gradient(90deg, #0096C7, #E6842B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-gradient-timeline {
  background: linear-gradient(
    to top right,
    #ffffff,
    rgba(0,180,216,0.05),
    #ffffff
  );
  position: relative;
}

.radial-overlay-timeline {
  background: radial-gradient(circle at 50% 50%, rgba(0,180,216,0.08), transparent 70%);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}

.timeline-line {
  height: 4px;
  top: 60px;
  background: linear-gradient(
    90deg,
    #0096C7,
    #00B4D8,
    #E6842B,
    #F9A74B
  );
  box-shadow: 0 0 15px rgba(0,180,216,0.3);
  border-radius: 50px;
  z-index: 0;
}

.timeline-icon-wrapper {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  position: relative;
  z-index: 1;
  transition: transform 0.3s ease;
}

.timeline-icon-wrapper:hover {
  transform: scale(1.1);
}

.timeline-icon-inner {
  background: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timeline-card {
  background: rgba(255,255,255,0.9);
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 1.5rem;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
  transition: box-shadow 0.3s ease;
  backdrop-filter: blur(5px);
}

.timeline-card:hover {
  box-shadow: 0 8px 30px rgba(0,180,216,0.25);
}

.timeline-badge {
  display: inline-block;
  padding: 0.35rem 1rem;
  font-size: 0.875rem;
  border-radius: 999px;
  font-weight: 500;
}

.timeline-section .bg-gradient-blueorange { background: linear-gradient(135deg, #0096C7, #00B4D8, #E6842B); }
.timeline-section .bg-gradient-cyangold   { background: linear-gradient(135deg, #00B4D8, #E6842B, #F9A74B); }
.timeline-section .bg-gradient-orangeblue { background: linear-gradient(135deg, #E6842B, #F9A74B, #0096C7); }

.bg-gradient-security {
  background: linear-gradient(to top right, #f9fafb, rgba(0,150,199,0.05), rgba(230,132,43,0.05));
}

.security-section .bg-orb-cyan,
.security-section .bg-orb-orange {
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  filter: blur(90px);
  z-index: 0;
  position: absolute;
}

.security-section .bg-orb-cyan { background: linear-gradient(to bottom left, rgba(0,180,216,0.15), transparent); right:5rem; top:5rem; }
.security-section .bg-orb-orange { background: linear-gradient(to top right, rgba(230,132,43,0.15), transparent); left:5rem; bottom:5rem; }

.bg-image-glow {
  background: linear-gradient(135deg, rgba(0,150,199,0.2), rgba(0,180,216,0.15), rgba(230,132,43,0.2));
  filter: blur(40px);
  z-index: 0;
}

.security-section .bg-gradient-cyanorange {
	background-image: linear-gradient(to bottom right in oklab, #0096c7 0%, #00B4CC 50%, #e6842b 100%);
}

.security-section .bg-gradient-orangeblue {
	background-image: linear-gradient(to bottom right in oklab, #e6842b 0%, #0096c7 50%, #00b4d8 100%);
}

.security-section .bg-gradient-bluegold {
	background-image: linear-gradient(to bottom right in oklab, #0096c7 0%, #00B4CC 50%, #e6842b 100%);
}

.security-section .bg-gradient-goldblue {
	background-image: linear-gradient(to bottom right in oklab, #e6842b 0%, #0096c7 50%, #00b4d8 100%);
}

.bg-image-glow-support {
  background: linear-gradient(135deg, rgba(230,132,43,0.2), rgba(249,167,75,0.2), rgba(0,180,216,0.1));
  filter: blur(40px);
  z-index: 0;
}

.support-section .btn-outline-custom-cyan {
  border: 2px solid #0096C7;
  color: #0096C7;
  transition: all 0.3s ease;
}

.support-section .btn-outline-custom-cyan:hover {
  background-color: rgba(0,150,199,0.1);
  box-shadow: 0 0 15px rgba(0,150,199,0.2);
  color: #0096C7;
}

.support-section .btn-outline-custom-orange {
  border: 2px solid #E6842B;
  color: #E6842B;
  transition: all 0.3s ease;
}

.support-section .btn-outline-custom-orange:hover {
  background-color: rgba(230,132,43,0.1);
  box-shadow: 0 0 15px rgba(230,132,43,0.2);
  color: #E6842B;
}

.support-section .bg-gradient-orangeblue {
	background-image: linear-gradient(to bottom right in oklab, #e6842b 0%, #f9a74b 50%, #00b4d8 100%);
}

.support-section .bg-gradient-cyanorange {
	background-image: linear-gradient(to bottom right in oklab, #0096c7 0%, #e6842b 50%, #f9a74b 100%);
}

.support-section .bg-gradient-bluegold   {
	background-image: linear-gradient(to bottom right in oklab, #e6842b 0%, #f9a74b 50%, #00b4d8 100%);
}

.support-section .bg-gradient-goldblue   {
	background-image: linear-gradient(to bottom right in oklab, #e6842b 0%, #f9a74b 50%, #00b4d8 100%);
}

.bg-gradient-faq {
  background: linear-gradient(135deg, #ffffff, rgba(0,180,216,0.05), rgba(230,132,43,0.05));
}

.faq-section .bg-orb-cyan, .bg-orb-orange {
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  filter: blur(80px);
  z-index: 0;
  position: absolute;
}

.faq-section .bg-orb-cyan { background: linear-gradient(to bottom left, rgba(0,180,216,0.15), transparent); right:5rem; top:5rem; }
.faq-section .bg-orb-orange { background: linear-gradient(to top right, rgba(230,132,43,0.15), transparent); left:5rem; bottom:5rem; }

.faq-section .accordion-item {
  background: rgba(255,255,255,0.9);
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0,0,0,0.03);
  transition: all 0.3s ease;
  backdrop-filter: blur(4px);
}

.faq-section .accordion-item:hover {
  border-color: rgba(0,150,199,0.3);
  box-shadow: 0 8px 20px rgba(0,180,216,0.1);
}

.faq-section .accordion-button {
  background-color: transparent;
  color: #111111;
  font-weight: 500;
  padding: 1.25rem 1.5rem;
  box-shadow: none !important;
  transition: color 0.3s ease;
}

.faq-section .accordion-button:not(.collapsed) {
  background-color: rgba(0,150,199,0.05);
}

.faq-section .accordion-button:not(.collapsed) span {
  background-image: linear-gradient(to right in oklab, #0096c7, #e6842b);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #000000;
}

.faq-section .accordion-button:focus {
  box-shadow: none;
}

.faq-section .accordion-body {
  padding: 1rem 1.5rem;
  background: transparent;
  color: #555555;
}

.bg-gradient-final {
  background: linear-gradient(to right in oklab, #0096c7 0%, #e6842b 50%, #f9a74b 100%);
}

.final-cta-section .bg-orb-orange,
.final-cta-section .bg-orb-cyan,
.final-cta-section .bg-orb-mix {
  width: 24rem;
  height: 24rem;
  border-radius: 50%;
  filter: blur(100px);
  position: absolute;
  z-index: 0;
}

.final-cta-section .bg-orb-orange { background: linear-gradient(to bottom right, rgba(230,132,43,0.3), transparent); top:0; right:0; }
.final-cta-section .bg-orb-cyan   { background: linear-gradient(to top right, rgba(0,180,216,0.3), transparent); bottom:0; left:0; }
.final-cta-section .bg-orb-mix    { background: linear-gradient(90deg, rgba(249,167,75,0.2), rgba(0,150,199,0.2)); }

.final-cta-section .btn-white-cta {
  background-color: #fff;
  color: #0096C7;
  font-size: 1.125rem;
  transition: all 0.3s ease;
  box-shadow: 0 0 0 rgba(255,255,255,0);
}

.final-cta-section .btn-white-cta:hover {
  background-color: #f8f9fa;
  transform: scale(1.05);
  box-shadow: 0 0 25px rgba(255,255,255,0.5);
}

.final-cta-section .btn-outline-white-cta {
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
  font-size: 1.125rem;
  transition: all 0.3s ease;
  backdrop-filter: blur(4px);
}

.final-cta-section .btn-outline-white-cta:hover {
  background-color: rgba(255,255,255,0.2);
  transform: scale(1.05);
  box-shadow: 0 0 25px rgba(255,255,255,0.3);
}

@media (width >= 48rem) {
	.min-vh-90 { min-height: 90vh; }
	
	.text-md-8xl {
		--text-8xl: 6rem;
		--text-8xl--line-height: 1;
		--leading-tight: 1.25;
		--tw-leading: var(--leading-tight);
		font-size: var(--text-8xl);
		line-height: var(--tw-leading, var(--text-8xl--line-height));
	}

	.text-md-7xl {
		--text-7xl: 4.5rem;
		--text-7xl--line-height: 1;
		--leading-tight: 1.25;
		--tw-leading: var(--leading-tight);
		font-size: var(--text-7xl);
		line-height: var(--tw-leading, var(--text-7xl--line-height));
	}

	.text-md-6xl {
		--text-6xl: 3.75rem;
		--text-6xl--line-height: 1;
		--leading-tight: 1.25;
		--tw-leading: var(--leading-tight);
		font-size: var(--text-6xl);
		line-height: var(--tw-leading, var(--text-6xl--line-height));
	}
}

@media (width >= 40rem) {
	.text-sm-7xl {
		--text-7xl: 4.5rem;
		--text-7xl--line-height: 1;
		--leading-tight: 1.25;
		--tw-leading: var(--leading-tight);
		font-size: var(--text-7xl);
		line-height: var(--tw-leading, var(--text-7xl--line-height));
	}

	.text-sm-6xl {
		--text-6xl: 3.75rem;
		--text-6xl--line-height: 1;
		--leading-tight: 1.25;
		--tw-leading: var(--leading-tight);
		font-size: var(--text-6xl);
		line-height: var(--tw-leading, var(--text-6xl--line-height));
	}

	.text-sm-5xl {
		--text-5xl: 3rem;
		--text-5xl--line-height: 1;
		--leading-tight: 1.25;
		--tw-leading: var(--leading-tight);
		font-size: var(--text-5xl);
		line-height: var(--tw-leading, var(--text-5xl--line-height));
	}
}

@media (max-width: 991px) {
  .enterprise-hero .blur-hero {
    width: 350px;
    height: 350px;
    filter: blur(80px);
  }

  .enterprise-hero .shape {
    width: 2.5rem;
    height: 2.5rem;
  }

  .enterprise-hero .hero-title {
    font-size: 2.25rem;
    line-height: 1.2;
  }

  .enterprise-hero .icon-circle {
    width: 28px;
    height: 28px;
  }

  .enterprise-hero .btn {
    font-size: 0.95rem;
    padding: 0.75rem 1.25rem;
  }

  .why-it-matters .blob {
    width: 14rem;
    height: 14rem;
    filter: blur(60px);
  }

  .why-it-matters .callout-box {
    padding: 1.25rem;
  }

  .why-it-matters img {
    max-width: 80%;
  }

  .why-it-matters h2 {
    font-size: 1.75rem;
  }
}

@media (max-width: 767px) {
  .enterprise-hero {
    text-align: center;
    padding: 4rem 1rem;
  }

  .enterprise-hero .hero-title {
    font-size: 1.8rem;
  }

  .enterprise-hero .shape {
    display: none; 
  }

  .enterprise-hero .blur-hero {
    width: 250px;
    height: 250px;
    filter: blur(60px);
  }

  .enterprise-hero .trust-indicators {
    flex-direction: column;
    gap: 0.75rem;
  }

  .why-it-matters .row {
    flex-direction: column-reverse;
  }

  .why-it-matters img {
    width: 100%;
    max-width: 100%;
  }

  .why-it-matters .callout-box {
    margin-top: 1.5rem;
  }

  .why-it-matters .blob {
    display: none;
  }
}

/* New Homepage style */
.newhome-hero-section .hero-bg-overlay {
  background: linear-gradient(135deg,
    rgba(255,255,255,0.95) 0%,
    rgba(230,247,255,0.9) 50%,
    rgba(255,255,255,0.95) 100%);
}

.newhome-hero-section .hero-orb {
  border-radius: 50%;
  filter: blur(120px);
  animation: orbPulseNewHome 8s ease-in-out infinite;
}

.newhome-hero-section .hero-orb.orb-blue {
  width:700px; 
  height:700px;
  top:5rem; 
  right:5rem;
  background: radial-gradient(circle at top right,
    rgba(0,217,255,0.2), rgba(0,168,204,0.1), transparent);
}

.newhome-hero-section .hero-orb.orb-orange {
  width:600px; 
  height:600px;
  left:2rem; 
  bottom:0;
  background: radial-gradient(circle at bottom left,
    rgba(255,163,102,0.15), rgba(255,122,61,0.1), transparent);
  animation-delay:1s;
}

.newhome-hero-section .hero-badge {
  background:linear-gradient(to right,rgba(0,168,204,0.1),rgba(0,217,255,0.1));
  border:1px solid rgba(0,217,255,0.3);
  border-radius:50rem;
  padding:.5rem 1rem;
}

@keyframes orbPulseNewHome {
  0%,100%{transform:scale(1);opacity:.3;}
  50%{transform:scale(1.2);opacity:.5;}
}

.newhome-hero-section .text-gradient-cyan{
  background-image: linear-gradient(to right in oklab, #00a8cc, #00d9ff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.newhome-hero-section .text-gradient-orange{
  background-image: linear-gradient(to right in oklab, #00d9ff, #ffa366);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.newhome-hero-section .text-gradient-gold{
  background-image: linear-gradient(to right in oklab, #ff7a3d, #ffa366);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.newhome-hero-section .btn-gradient {
  background:linear-gradient(to right,#00A8CC,#00D9FF);
  color:#fff; 
  border:none;
  transition:all .4s ease;
  box-shadow:0 8px 20px rgba(0,168,204,0.3);
}

.newhome-hero-section .btn-gradient:hover {
  background:linear-gradient(to right,#00D9FF,#00A8CC);
  box-shadow:0 12px 30px rgba(0,168,204,0.5);
}

.newhome-hero-section .btn-outline-info {
  background:#FFFFFF;
  box-shadow:0 12px 30px rgba(0,168,204,0.5);
}

.newhome-hero-section .btn-outline-info:hover {
  background:#00D9FF;
  color: #FFFFFF;
}

.newhome-hero-section .hero-stats .stat-number{
  font-size:1.8rem;
  font-weight:700;
  line-height: 100%;
}

.newhome-hero-section .hero-stats .stat-label{
  color:#4F6276;
  font-size:.9rem;
}

.newhome-hero-section .hero-right{
  min-height:600px;
}

.excel-frame .frame-inner {
  box-shadow: rgba(0, 168, 204, 0.4) 0px 40px 80px -20px, rgba(0, 217, 255, 0.1) 0px 0px 0px 1px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 1rem;
  overflow: hidden;
  border: 4px solid #FFFFFF;
}

.newhome-hero-section .float-card{
  position:absolute;
  animation:floatNewHome 6s ease-in-out infinite;
  z-index:40;
}

.newhome-hero-section .status-card{
  top: 3.5rem;
  left: 5rem;
  padding: calc(.25rem * 5);
  backdrop-filter: blur(16px);
  box-shadow: 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 25px 50px -12px #00000040;
  background: linear-gradient(in oklab, #FFF 95%, transparent);
  border-color: oklab(81.5968% -.116812 -.0864434 / .2);
  border-width: 1px;
  border-style: solid;
  border-radius: 1rem;
  width: calc(.25rem * 72);
}

.newhome-hero-section .performance-card{
  bottom: -3rem;
  left: 0;
  width: 16rem;
  background: linear-gradient(135deg,#00A8CC,#00D9FF);
  animation-duration: 8s;
  animation-delay: 1s;
  right: 0;
  margin: 0 auto;
}

.newhome-hero-section .cert-card{
  bottom: 0rem;
  right: 5.5rem;
}

.newhome-hero-section .icon-square{
  width:2rem;
  height:2rem;
  border-radius:.5rem;
  background:linear-gradient(135deg,#FF7A3D,#FFA366);
  font-size:.8rem;
}

.newhome-hero-section .perf-bar{
  height:4px;
  background:rgba(255,255,255,0.3);
  border-radius:999px;
  overflow:hidden;
}

.newhome-hero-section .perf-bar .bar{
  height:100%;
  background:#fff;
  border-radius:999px;
}

@keyframes floatNewHome {
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-20px);}
}

.newhome-hero-section .pulse-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  animation:pulseNewHome 1.5s infinite;
}

@keyframes pulseNewHome {
  0%,100%{opacity:.7;transform:scale(1);}
  50%{opacity:1;transform:scale(1.3);}
}

.platform-overview .bg-gradient{
  background:linear-gradient(180deg,#fff 0%,#F0FAFF 50%,#fff 100%);
}

.platform-overview .opacity-05{opacity:.05;}

.platform-overview .orb{
  width:24rem;
  height:24rem;
  border-radius:50%;
  filter:blur(120px);
  background:linear-gradient(135deg,rgba(0,217,255,0.1),transparent);
  animation:orbDrift 10s ease-in-out infinite;
}

.platform-overview .orb-left{
	top:5rem;
	left:0;
}

@keyframes orbDrift {
  0%,100%{transform:scale(1) translateX(0);}
  50%{transform:scale(1.2) translateX(50px);}
}

.platform-overview .badge-gradient {
  background:linear-gradient(to right,rgba(0,168,204,0.1),rgba(0,217,255,0.1));
  border:1px solid rgba(0,217,255,0.3);
  border-radius:50rem;
}

.platform-overview .feature-card {
  transition:all .4s ease;
  cursor:pointer;
  overflow:hidden;
}

.platform-overview .feature-card:hover{
  box-shadow:0 0 25px rgba(0,217,255,0.15);
  border-color:rgba(0,217,255,0.3)!important;
}

.platform-overview .feature-bg {
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .4s ease;
  border-radius:1rem;
  z-index:0;
}

.platform-overview .feature-card:hover .feature-bg{opacity:.05;}
.platform-overview .feature-bg-cyan{background:linear-gradient(135deg,#00A8CC,#00D9FF);}
.platform-overview .feature-bg-teal{background:linear-gradient(135deg,#00D9FF,#FFA366);}
.platform-overview .feature-bg-orange{background:linear-gradient(135deg,#FF7A3D,#FFA366);}

.platform-overview .icon-box{
  width:64px;
  height:64px;
  border-radius:1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .6s ease;
  box-shadow:0 6px 15px rgba(0,0,0,0.1);
}

.platform-overview .icon-box:hover{transform:rotate(360deg) scale(1.1);}

.platform-overview .icon-box-cyan{
	background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.platform-overview .icon-box-teal{
	background-image: linear-gradient(to bottom right in oklab, #00d9ff, #ffa366);
}

.platform-overview .icon-box-orange{
	background-image: linear-gradient(to bottom right in oklab, #ff7a3d, #ffa366);
}

.platform-overview .feature-card:hover .feature-arrow{opacity:1 !important;}

.platform-overview .badge-light{
  background:linear-gradient(to right,rgba(0,168,204,0.1),rgba(0,217,255,0.1));
}

.platform-overview .float-card{
  position:absolute;
  animation:floatPlatformOvrVw 6s ease-in-out infinite;
}

.platform-overview .stat-sync{
	bottom:-2rem;
	left:-2rem;
	max-width:18rem;
}

.platform-overview .stat-users{
	top: 1rem;
    right: 1rem;
	max-width:12rem;
	background-image: linear-gradient(to bottom right in oklab, #ff7a3d, #ffa366);
}

.platform-overview .gradient-cyan{
	background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.platform-overview .bg-gradient-cyan{
	background-image: linear-gradient(to right in oklab, #00a8cc, #00d9ff);
}

@keyframes floatPlatformOvrVw {
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-15px);}
}


.threeways-section .opacity-03 {
  opacity: .03;
}

.threeways-section .bg-gradient {
  background: linear-gradient(135deg, #fff 0%, #F0F9FF 50%, #FFF7ED 100%);
}

.threeways-section .orb {
  border-radius: 50%;
  filter: blur(120px);
  animation: orbPulse3Way 8s ease-in-out infinite;
}

.threeways-section .orb-blue {
  width: 600px;
  height: 600px;
  top: 5rem;
  right: 5rem;
  background: radial-gradient(circle at top right, rgba(65, 182, 230, .2), rgba(234, 116, 34, .1), transparent);
}

.threeways-section .orb-orange {
  width: 500px;
  height: 500px;
  bottom: 5rem;
  left: 5rem;
  background: radial-gradient(circle at bottom left, rgba(234, 116, 34, .2), rgba(65, 182, 230, .1), transparent);
  animation-delay: 1s;
}

@keyframes orbPulse3Way {

  0%,
  100% {
    transform: scale(1);
    opacity: .3;
  }

  50% {
    transform: scale(1.2);
    opacity: .5;
  }
}

.threeways-section .badge-three {
  background-image: linear-gradient(to right in oklab, oklab(73.1225% -.0800865 -.0937766 / .1) 0%, oklab(68.5501% .109967 .128986 / .1) 50%, oklab(73.1225% -.0800865 -.0937766 / .1) 100%);
  border-width: 1px;
  border-style: solid;
  border-color: oklab(73.1225% -.0800865 -.0937766 / .3);
  border-radius: 3.40282e38px;
}

.threeways-section .dot-pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-image: linear-gradient(to right in oklab, #41b6e6, #ea7422);
  animation: pulse3Way 1.2s infinite;
}

.threeways-section .text-gradient-dual {
  background-image: linear-gradient(to right in oklab, #41b6e6, #ea7422);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientMove3Way 6s linear infinite;
}

.threeways-section .text-gradient-dual.heading {
  background-image: linear-gradient(to right in oklab, #41b6e6 0%, #ea7422 50%, #41b6e6 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientMove3Way 6s linear infinite;
}

@keyframes gradientMove3Way {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes pulse3Way {

  0%,
  100% {
    opacity: .8;
    transform: scale(1);
  }

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

.threeways-section .circle-diagram {
  width: 800px;
  max-width: 100%;
  height: 800px;
}

.threeways-section .center-hub .hub-gradient {
  background: linear-gradient(135deg, #41B6E6, #EA7422, #41B6E6);
  animation: spin3Way 60s linear infinite;
}

.threeways-section .hub-inner {
  width: 16rem;
  height: 16rem;
  /* animation: float3Way 6s ease-in-out infinite; */
}

.threeways-section .hub-bg-pattern {
  background-image: radial-gradient(circle at 2px 2px, #41B6E6 2px, transparent 0);
  background-size: 30px 30px;
  opacity: .05;
  animation: spinReverse 60s linear infinite;
}

.threeways-section .hub-image {
  width: 6rem;
  height: 6rem;
  object-fit: cover;
}

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

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

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

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

@keyframes float3Way {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

.threeways-section .cap-card {
  width: 340px;
  transition: all .4s ease;
}

.threeways-section .cap-card .cap-inner {
	padding: calc(var(--spacing) * 8);
	--spacing: .25rem;
	border-width: 2px;
	border-style: solid;
	border-color: #eaedf2;
	background-color: #FFF;
	border-radius: 1.5rem;
	position: relative;
	transition-duration: .5s;
	box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.threeways-section .cap-card .cap-inner .cap-count {
	line-height: 60px;
	background-image: linear-gradient(to bottom right in oklab, #41b6e6, #ea7422);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.threeways-section .cap-card .cap-inner .cap-title {
	font-size: 1.5rem;
	line-height: 32px;
	--spacing: .25rem;
	letter-spacing: -.5px;
	margin-bottom: calc(var(--spacing) * 4);
}

.leading-relaxed {
	line-height: var(--leading-relaxed);
	--leading-relaxed: 1.42;
}

.threeways-section .cap-card:hover .cap-inner .cap-title {
	background-image: linear-gradient(to right in oklab, #41b6e6, #ea7422);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.threeways-section .cap1 {
  top: -18%;
  left: 50%;
  transform: translate(-50%, 0);
}

.threeways-section .cap2 {
  bottom: 5%;
  right: -13%;
  transform: translate(0, 0);
}

.threeways-section .cap3 {
  bottom: 5%;
  left: -13%;
  transform: translate(0, 0);
}

.threeways-section .cap-inner:hover {
  transform: translateY(-8px);
  box-shadow: 0 0 25px rgba(65, 182, 230, .15);
}

.threeways-section .icon-circle {
  width: 64px;
  height: 64px;
  border-radius: 1rem;
  transition: transform .6s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 0 #0000, 0 0 #0000 , 0 0 #0000 , 0 0 #0000 , 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
}

.threeways-section .icon-circle:hover {
	transform: rotate(360deg) scale(1.1);
}

.threeways-section .cap-card .cap-glow {
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	filter: blur(24px);
	inset: calc(var(--spacing) * -1);
	--spacing: .25rem;
	opacity: 0;
}

.threeways-section .cap-card:hover .cap-glow {
	opacity: .3;
}

.threeways-section .cap1 .cap-glow.gradient-blue {
	background-image: linear-gradient(to bottom right in oklab, #41b6e6, #3aade8);
}

.threeways-section .cap1 .cap-glow.gradient-mixed {
	background-image: linear-gradient(to bottom right in oklab, #41b6e6 0%, #ea7422 50%, #41b6e6 100%);
}

.threeways-section .cap1 .cap-glow.gradient-orange {
	background: linear-gradient(to bottom right in oklab, #ea7422, #f5a962);
}

.threeways-section .gradient-blue {
  background-image: linear-gradient(to bottom right in oklab, #41b6e6, #3aade8);
}

.threeways-section .gradient-orange {
  background: linear-gradient(to bottom right in oklab, #ea7422, #f5a962);
}

.threeways-section .gradient-mixed {
  background-image: linear-gradient(to bottom right in oklab, #41b6e6 0%, #ea7422 50%, #41b6e6 100%);
}

.threeways-section .text-gradient-blue {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #41B6E6, #3AADE8);
}

.threeways-section .text-gradient-orange {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #EA7422, #F5A962);
}

.threeways-section .text-gradient-mixed {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #41B6E6, #EA7422, #41B6E6);
}

.threeways-section .stat-box {
  transition: all .3s ease;
}

.threeways-section .stat-box:hover {
  transform: translateY(-6px);
  border-color: rgba(65, 182, 230, .3) !important;
}

.modules-section.bg-modules-gradient {
    background-image: linear-gradient(to bottom right in oklab, #fff7ed 0%, #ffffff 50%, #f0f9ff 100%);
    opacity: 1;
}

.modules-pattern {
    opacity: .05;
    pointer-events: none;
}

.modules-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: .4;
}

.modules-orb.orb-1 {
    top: 80px;
    left: -100px;
    width: 500px;
    height: 500px;
    background-image: linear-gradient(to bottom right in oklab, oklab(68.5501% .109967 .128986 / .2) 0%, oklab(73.1225% -.0800865 -.0937766 / .1) 50%, transparent 100%);
    animation: orbMove1 12s ease-in-out infinite;
}

.modules-orb.orb-2 {
    bottom: 60px;
    right: -120px;
    width: 450px;
    height: 450px;
    background-image: linear-gradient(to top right in oklab, oklab(73.1225% -.0800865 -.0937766 / .2) 0%, oklab(68.5501% .109967 .128986 / .1) 50%, transparent 100%);
    animation: orbMove2 10s ease-in-out 1s infinite;
}

@keyframes orbMove1 {
    0%,
	100% {
		transform: scale(1) translateX(0);
	}
	50% {
		transform: scale(1.3) translateX(50px);
	}
}

@keyframes orbMove2 {
    0%,
	100% {
		transform: scale(1) translateY(0);
	}
	50% {
		transform: scale(1.2) translateY(-50px);
	}
}

.modules-section .badge-modules {
    background-image: linear-gradient(to right in oklab, oklab(73.1225% -.0800865 -.0937766 / .1) 0%, oklab(68.5501% .109967 .128986 / .1) 50%, oklab(73.1225% -.0800865 -.0937766 / .1) 100%);
    border-width: 1px;
	border-style: solid;
	border-color: oklab(68.5501% .109967 .128986 / .3);
    border-radius: 3.40282e38px;
}

.modules-section .text-gradient-dual {
    background-image: linear-gradient(to right in oklab, #41b6e6, #ea7422);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
}

.modules-lead {
    max-width: 750px;
    font-size: 1.2rem;
}

.modules-feature {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    opacity: 0;
    animation: fadeLeftModule .8s ease forwards;
}

.modules-feature-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient(135deg, #41B6E6, #EA7422);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform .3s ease;
}

.group:hover .modules-feature-icon {
    transform: scale(1.1);
}

.modules-feature p {
    font-size: 1rem;
    color: #4F6276;
}

@keyframes fadeLeftModule {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.modules-section .live-status-box {
	margin-top: 25px;
	border-radius: 1rem;
	background-image: linear-gradient(to bottom right in oklab, oklab(73.1225% -.0800865 -.0937766 / .05) 0%, oklab(68.5501% .109967 .128986 / .05) 50%, oklab(73.1225% -.0800865 -.0937766 / .05) 100%);
	border-width: 2px;
	border-style: solid;
	border-color: oklab(73.1225% -.0800865 -.0937766 / .2);
	padding: calc(var(--spacing) * 6);
	--spacing: .25rem;
}

.modules-section .pulse-dot {
    width: 10px;
    height: 10px;
    background: linear-gradient(90deg, #41B6E6, #EA7422);
    border-radius: 50%;
    animation: pulseModule 1.5s infinite;
}

@keyframes pulseModule {
    0% {
        transform: scale(.8);
        opacity: .7
    }

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

    100% {
        transform: scale(.8);
        opacity: .7
    }
}

.modules-section .hub-card {
    background-image: linear-gradient(to bottom right in oklab, #41b6e6, #ea7422);
    border-radius: 30px;
    padding: 60px 30px;
    text-align: center;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
    position: relative;
}

.modules-section .hub-rotator {
    width: 180px;
    height: 180px;
    margin: 0 auto 25px auto;
    border-radius: 50%;
    background: rgba(255, 255, 255, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: rotateInfinite 20s linear infinite;
}

.modules-section .hub-rotator h4 {
	font-size: 2.25rem;
  	line-height: 40px;
}

.modules-section .hub-rotator p {
	font-size: 1.25rem;
  	line-height: 28px;
}

.modules-section .hub-inner {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.modules-section .hub-circle-dots {
	background-image: radial-gradient(circle at 2px 2px, white 2px, transparent 0px);
	background-size: 30px 30px;
	opacity: .1;
	inset: calc(var(--spacing) * 0);
	--spacing: .25rem;
	position: absolute;
}

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

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

.modules-section .floating-box {
	position: absolute;
	animation: floatUpDown 4s ease-in-out infinite;
	padding: calc(var(--spacing) * 6);
	--spacing: .25rem;
	background: #FFFFFF;
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 25px 50px -12px #00000040;
	border-width: 2px;
	border-style: solid;
	border-color: oklab(73.1225% -.0800865 -.0937766 / .2);
	border-radius: 1rem;
}

.modules-section .float-1 {
	animation-duration: 4s;
	right: calc(var(--spacing) * 6);
	top: calc(var(--spacing) * 2);
}

.modules-section .float-2 {
    bottom: calc(var(--spacing) * 0);
  	left: calc(var(--spacing) * 6);
    animation-duration: 5s;
}

@keyframes floatUpDown {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-14px);
    }
}

.modules-section .stat-number {
    font-size: 1.875rem;
	font-weight: 700;
	line-height: calc(2.0 / 1.875);
}

.modules-section .stat-desc {
    font-size: .75rem;
  	line-height: 16px;
}

.modules-section .module-card {
    position: relative;
	transition-duration: .5s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.modules-section .module-card:hover {
	transform: translateY(-10px);
}

.modules-section .module-card-glow {
    position: absolute;
	border-radius: 1rem;
	transition-duration: .5s;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	filter: blur(24px);
	opacity: 0;
	background-image: linear-gradient(to bottom right in oklab, #41b6e6 0%, #ea7422 50%, #41b6e6 100%);
	inset: calc(var(--spacing) * -1);
	--spacing: .25rem;
}

.modules-section .module-card:hover .module-card-glow {
    opacity: .22;
}

.modules-section .module-card-inner {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    transition-duration: .5s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	padding: calc(var(--spacing) * 6);
	--spacing: .25rem;
	background-color: #FFFFFF;
	border-color: #eaedf2;
	border-width: 2px;
	border-style: solid;
	border-radius: 1rem;
	position: relative;
}

.modules-section .module-card:hover .module-card-inner {
	border-color: oklab(73.1225% -.0800865 -.0937766 / .3);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 25px 50px -12px #00000040;
}

.modules-section .module-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 5px;
    transition: all .3s ease;
}

.modules-section .module-card:hover .module-title {
	background-image: linear-gradient(to right in oklab, #41b6e6, #ea7422);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.modules-section .module-icon {
	background-image: linear-gradient(to bottom right in oklab, #41b6e6, #ea7422);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
	border-radius: calc(var(--radius) + 4px);
	--radius: .625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .5s ease;
}

.modules-section .module-card .module-icon:hover {
    transform: rotate(360deg) scale(1.1);
}

.modules-section .module-progress {
    width: 100px;
    height: 6px;
    background: #f1f1f1;
    border-radius: 5px;
    overflow: hidden;
}

.modules-section .module-progress-fill {
    height: 100%;
    width: 0;
	background-image: linear-gradient(to right in oklab, #41b6e6, #ea7422);
    animation: progressGrow 2s forwards;
}

@keyframes progressGrow {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

.modules-section .fade-up {
    opacity: 0;
    animation: fadeUpModule .8s ease forwards;
}

.modules-section .fade-up-delay {
    opacity: 0;
    animation: fadeUpModule .8s ease .3s forwards;
}

.modules-section .fade-left,
.modules-section .fade-left-delay,
.modules-section .fade-left-delay2,
.modules-section .fade-left-delay3 {
    opacity: 0;
    animation: fadeLeftModule .7s ease forwards;
}

.modules-section .fade-left-delay {
    animation-delay: .2s;
}

.modules-section .fade-left-delay2 {
    animation-delay: .35s;
}

.modules-section .fade-left-delay3 {
    animation-delay: .5s;
}

.modules-section .fade-in-scale {
    opacity: 0;
    transform: scale(.9);
    animation: fadeScaleModule .9s ease forwards;
}

@keyframes fadeScaleModule {
    from {
        opacity: 0;
        transform: scale(.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeUpModule {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.catalogue-section.bg-gradient-catalogue {
    position: relative;
    background: linear-gradient(to bottom, white, #F0FAFF, white);
}

.catalogue-section .orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    opacity: .3;
}

.catalogue-section .orb-blue-catalogue {
    top: 10%;
    right: 0;
    width: 500px;
    height: 500px;
    background: linear-gradient(to bottom right, #00D9FF55, transparent);
    animation: floatCatalogue1 10s ease-in-out infinite;
}

.catalogue-section .orb-orange-catalogue {
    bottom: 10%;
    left: 0;
    width: 400px;
    height: 400px;
    background: linear-gradient(to top right, #FFA36655, transparent);
    animation: floatCatalogue2 12s ease-in-out infinite;
}

@keyframes floatCatalogue1 {
    0% {
        transform: translateX(-40px) scale(1);
    }

    50% {
        transform: translateX(0) scale(1.2);
    }

    100% {
        transform: translateX(-40px) scale(1);
    }
}

@keyframes floatCatalogue2 {
    0% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(40px) scale(1.15);
    }

    100% {
        transform: translateY(0) scale(1);
    }
}

.catalogue-section .badge-catalogue {
    background-image: linear-gradient(to right in oklab, oklab(67.6963% -.0941521 -.0800369 / .1), oklab(81.5968% -.116812 -.0864434 / .1));
	border-color: oklab(81.5968% -.116812 -.0864434 / .3);
	border-style: solid;
	border-width: 1px;
	border-radius: 3.40282e38px;
}

.catalogue-section .catalogue-bg {
	background-image: linear-gradient(to bottom in oklab, #ffffff 0%, #f0faff 50%, #ffffff 100%);
	inset: calc(var(--spacing) * 0);
	--spacing: .25rem;
}

.catalogue-section .text-catalogue {
    color: #00A8CC;
}

.catalogue-section .catalogue-card {
    position: relative;
}

.catalogue-section .hover-glow {
    position: absolute;
    inset: -6px;
    border-radius: 24px;
    opacity: 0;
    filter: blur(20px);
    transition: .4s;
}

.catalogue-section .group:hover .hover-glow {
    opacity: .25;
}

.catalogue-section .card-inner {
	flex-direction: column;
	display: flex;
	height: 100%;
	position: relative;
	cursor: pointer;
	border-radius: 1.5rem;
	border: 2px solid #eaedf2;
	background-color: #FFFFFF;
	padding: calc(var(--spacing) * 8);
	--spacing: .25rem;
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
	transition-duration: .5s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.catalogue-section .group:hover .card-inner {
    transform: translateY(-8px);
    border-color: #00D9FF55;
}

.catalogue-section .corner-pattern {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
    opacity: .06;
    border-top-right-radius: 24px;
}

.catalogue-section .icon-box {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
	border-radius: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: calc(var(--spacing) * 6);
	--spacing: .25rem;
	transition: transform .6s cubic-bezier(.4, 0, .2, 1);
}

.catalogue-section .icon-box:hover {
	transform: scale(1.1) rotate(360deg);
}

.catalogue-section .group:hover .card-inner .card-title {
	color: #00A8CC;
}

.catalogue-section .card-inner .card-desc {
	margin-bottom: calc(var(--spacing) * 6);
	--spacing: .25rem;
}

.catalogue-section .card-inner .card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.catalogue-section .bg-gradient-finance {
    background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.catalogue-section .bg-gradient-hcm {
    background-image: linear-gradient(to bottom right in oklab, #00d9ff, #00a8cc);
}

.catalogue-section .bg-gradient-scm {
    background-image: linear-gradient(to bottom right in oklab, #00a8cc, #ffa366);
}

.catalogue-section .bg-gradient-projects {
    background-image: linear-gradient(to bottom right in oklab, #00d9ff, #ff7a3d);
}

.catalogue-section .bg-gradient-common {
    background-image: linear-gradient(to bottom right in oklab, #ffa366, #00a8cc);
}

.catalogue-section .bg-gradient-purch {
    background-image: linear-gradient(to bottom right in oklab, #ff7a3d, #00d9ff);
}

.catalogue-section .arrow-box {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #00A8CC11;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.catalogue-section .group:hover .arrow-box {
    background: linear-gradient(to bottom right, #00A8CC, #00D9FF);
    color: #fff;
}

.catalogue-section .cta-catalogue {
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s;
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
	color: #4f6276;
	padding-inline: calc(var(--spacing) * 6);
	padding-block: calc(var(--spacing) * 3);
	--spacing: .25rem;
	background-color: #FFF;
	border: 1px solid #eaedf2;
	border-radius: 3.40282e38px;
	gap: calc(var(--spacing) * 2);
	align-items: center;
	cursor: pointer;
	display: inline-flex;
}

.catalogue-section .cta-catalogue:hover {
    border-color: oklab(81.5968% -.116812 -.0864434 / .3);
}

.catalogue-section .cta-arrow {
    color: #00A8CC;
    animation: arrowMove 1.4s infinite;
}

@keyframes arrowMove {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(6px);
    }

    100% {
        transform: translateX(0);
    }
}

.security-section .orb {
    position: absolute;
	animation: orbFloatSos 8s ease-in-out infinite;
	filter: blur(64px);
	border-radius: 3.40282e38px;
}

.security-section .orb-blue {
    right: calc(var(--spacing) * 10);
	top: calc(var(--spacing) * 10);
	background-image: linear-gradient(to bottom right in oklab, oklab(81.5968% -.116812 -.0864434 / .15), transparent);
	--spacing: .25rem;
}

.security-section .orb-orange {
    left: calc(var(--spacing) * 10);
    bottom: calc(var(--spacing) * 10);
    background-image: linear-gradient(to top right in oklab, oklab(72.5822% .129915 .121952 / .1), transparent);
	--spacing: .25rem;
}

@keyframes orbFloatSos {
    0% {
        transform: scale(1);
        opacity: .15
    }

    50% {
        transform: scale(1.4);
        opacity: .30
    }

    100% {
        transform: scale(1);
        opacity: .15
    }
}

.security-section {
	background-image: linear-gradient(to bottom in oklab, #ffffff 0%, #f0faff 50%, #ffffff 100%);
}

.security-section .badge-header {
    background-image: linear-gradient(to right in oklab, oklab(67.6963% -.0941521 -.0800369 / .1), oklab(81.5968% -.116812 -.0864434 / .1));
    border-color: oklab(81.5968% -.116812 -.0864434 / .3);
	border-style: solid;
	border-width: 1px;
    border-radius: 3.40282e38px;
}

.security-section .text-gradient-blue {
    background: linear-gradient(to right, #00A8CC, #00D9FF);
    -webkit-background-clip: text;
    color: transparent;
}

.security-section .security-card {
    background-color: #FFF;
	border: 1px solid #eaedf2;
	border-radius: 1rem;
	transition-duration: .3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
	padding: calc(var(--spacing) * 7);
	--spacing: .25rem;
}

.security-section .security-card:hover {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
	border-color: oklab(81.5968% -.116812 -.0864434 / .3);
}

.security-section .icon-box {
	border-radius: calc(var(--radius) + 4px);
	--radius: .625rem;
	transition-duration: .5s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.security-section .icon-box:hover {
	transform: rotate(360deg);
}

.security-section .bg-blue-box {
    background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.security-section .bg-blue2-box {
    background-image: linear-gradient(to bottom right in oklab, #00d9ff, #00a8cc);
}

.security-section .bg-orange-box {
    background-image: linear-gradient(to bottom right in oklab, #ff7a3d, #ffa366);
}

.security-section .bg-orange2-box {
    background-image: linear-gradient(to bottom right in oklab, #ffa366, #ff7a3d);
}

.security-section .bg-mixed-box {
    background-image: linear-gradient(to bottom right in oklab, #00a8cc, #ffa366);
}

.security-section .security-card h4 {
	line-height: 28px;
}

.security-section .security-card p {
	color: #4f6276;
	margin-bottom: 0;
	line-height: 28px;
}

.security-section .dashboard-box p {
	color: #4f6276;
	margin-bottom: 0;
	line-height: 28px;
}

.security-section .dashboard-box {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 25px 50px -12px #00000040;
	padding: calc(var(--spacing) * 8);
	--spacing: .25rem;
	background-image: linear-gradient(to bottom right in oklab, oklab(67.6963% -.0941521 -.0800369 / .05) 0%, #FFF 50%, oklab(81.5968% -.116812 -.0864434 / .05) 100%);
	border-color: oklab(81.5968% -.116812 -.0864434 / .2);
	border-width: 2px;
	border-style: solid;
	border-radius: 1.5rem;
}

.security-section .progress-box {
	transition-property: box-shadow;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s;
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
	background-color: #FFFFFF;
	padding: calc(var(--spacing) * 5);
	--spacing: .25rem;
	border: 1px solid #eaedf2;
	border-radius: calc(var(--radius) + 4px);
	--radius: .625rem;
}

.security-section .progress-box:hover {
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}

.security-section .progress-box .status-dot {
	animation: pulseSos 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.security-section .progress-box .status-text {
	font-size: .75rem;
	line-height: calc(1 / .75);
}

.security-section .progress-box .progress {
	height: 8px;
}

.security-section .progress-box .progress-text {
	margin-bottom: calc(var(--spacing) * 3);
	--spacing: .25rem;
}

.security-section .progress-cards {
	margin-top: calc(var(--spacing) * 8);
	--spacing: .25rem;
}

.security-section .progress-cards .cards-block {
	transition: 0.3s all;
	border-radius: calc(var(--radius) + 4px);
	--radius: .625rem;
}

.security-section .progress-cards .cards-block:hover {
	transform: scale(1.05);
}

.security-section .progress-cards .card-uptime {
	background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.security-section .progress-cards .card-incidents {
	background-image: linear-gradient(to bottom right in oklab, #ff7a3d, #ffa366);
}

.security-section .progress-cards .cards-block .small {
	opacity: .9;
	line-height: calc(1.25 / .875);
}

.security-section .progress-cards .cards-block .percentage {
	font-size: 1.5rem;
	line-height: calc(2 / 1.5);
}

.security-section .soc2-box {
	text-align: center;
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 25px 50px -12px #00000040;
	padding: calc(var(--spacing) * 6);
	--spacing: .25rem;
	background-color: #FFFFFF;
	border: 1px solid #eaedf2;
	border-radius: 1rem;
	bottom: -70px;
	right: 0;
	animation: floatUpDown 4s ease-in-out infinite;
}

@keyframes pulseSos {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.6;
    transform: scale(1.4);
  }
}

.architecture-section .arch-bg {
	background-image: linear-gradient(to bottom in oklab, #FFFFFF 0%, #f0faff 50%, #FFFFFF 100%);
}

.architecture-section .arch-amoeba-pattern {
    opacity: .05;
    pointer-events: none;
}

.architecture-section .arch-line-left,
.architecture-section .arch-line-right {
    top: 25%;
  	animation: glowlineArch 3s infinite ease-in-out;
}

.architecture-section .arch-line-left {
    left: 0;
  	background-image: linear-gradient(to bottom in oklab, transparent 0%, oklab(81.5968% -.116812 -.0864434 / .3) 50%, transparent 100%);
}

.architecture-section .arch-line-right {
    right: 0;
    background-image: linear-gradient(to bottom in oklab, transparent 0%, oklab(79.5796% .0800917 .106997 / .3) 50%, transparent 100%);
}

.architecture-section .badge-header {
	background-image: linear-gradient(to right in oklab, oklab(67.6963% -.0941521 -.0800369 / .1), oklab(81.5968% -.116812 -.0864434 / .1));
	border-color: oklab(81.5968% -.116812 -.0864434 / .3);
	border-width: 1px;
	border-style: solid;
	border-radius: 3.40282e38px;
}

.architecture-section .text-gradient-blue {
    background: linear-gradient(to right, #00A8CC, #00D9FF);
    -webkit-background-clip: text;
    color: transparent;
}

.architecture-section .text-gradient-mixed {
    background: linear-gradient(to right, #00D9FF, #FFA366);
    -webkit-background-clip: text;
    color: transparent;
}

.architecture-section .text-gradient-red {
    background: linear-gradient(to right, #FF7A3D, #FFA366);
    -webkit-background-clip: text;
    color: transparent;
}

.architecture-section .key-arch-title {
	font-size: 1.5rem;
	line-height: calc(2 / 1.5);
}

.architecture-section .arch-icon {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
	transition: transform .6s cubic-bezier(.4, 0, .2, 1);
	border-radius: calc(var(--radius) + 4px);
	--radius: .625rem;
}

.architecture-section .arch-icon:hover {
	transform: scale(1.1) rotate(360deg);
}

.architecture-section .bg-arch-blue {
    background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.architecture-section .bg-arch-blue-blur {
	backdrop-filter: blur(8px);
	background-color: color-mix(in oklab, #FFFFFF 20%, transparent);
}

.architecture-section .bg-arch-mixed {
    background-image: linear-gradient(to bottom right in oklab, #00d9ff, #ffa366);
}

.architecture-section .bg-arch-orange {
    background-image: linear-gradient(to bottom right in oklab, #ff7a3d, #ffa366);
}

.architecture-section .arch-benefit-box h5 {
	transition-property: color;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s;
	font-size: 1.125rem;
	line-height: calc(1.75 / 1.125);
}

.architecture-section .arch-benefit-box h5:hover {
	color: #00a8cc;
}

.architecture-section .arch-benefit-box p {
	color: #4f6276;
	line-height: calc(1.25 / .875);
	margin-bottom: 0;
}

.architecture-section .arch-card-main {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 25px 50px -12px #00000040;
	padding: calc(var(--spacing) * 10);
	--spacing: .25rem;
	border-color: oklab(81.5968% -.116812 -.0864434 / .2);
	border-width: 2px;
	border-style: solid;
	border-radius: 1.5rem;
}

.arch-layer.bg-whiteGradient {
	background-image: linear-gradient(to right in oklab, #f0faff, #FFF);
	border-color: oklab(81.5968% -.116812 -.0864434 / .3);
}

.architecture-section .arch-layer {
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s;
	border-style: solid;
    border-width: 2px;
	border-radius: 1rem;
	margin-bottom: calc(var(--spacing) * 8);
  	--spacing: .25rem;
}

.architecture-section .arch-layer-icon {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
	border-radius: calc(var(--radius) + 4px);
	--radius: .625rem;
}

.architecture-section .arch-layer h5 {
	font-size: 1.125rem;
	line-height: calc(1.75 / 1.125);
}

.architecture-section .arch-layer p {
	color: #4f6276;
	line-height: calc(1.25 / .875);
}

.architecture-section .arch-arrow-pill {
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
	border-color: oklab(81.5968% -.116812 -.0864434 / .2);
	border-width: 1px;
	border-style: solid;
	z-index: 10;
}

.architecture-section .connector-lines .border-blue {
	background-image: linear-gradient(to bottom in oklab, #00a8cc 0%, #00d9ff 50%, #00a8cc 100%);
	animation: connectorBounce 2s ease-in-out infinite;
}

.architecture-section .connector-lines .connector-line-glow {
	background-image: linear-gradient(to bottom in oklab, color-mix(in oklab, #FFF 50%, transparent), transparent);
}

.architecture-section .connector-lines .border-blue2 {
	background-image: linear-gradient(to bottom in oklab, #00a8cc 0%, #00d9ff 50%, #00a8cc 100%);
	animation: connectorBounce2 2s ease-in-out infinite;
}

@keyframes connectorBounce {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes connectorBounce2 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.architecture-section .connector-lines {
	margin-bottom: calc(var(--spacing) * 8);
  	--spacing: .25rem;
}

.arch-layer.bg-blueGradient {
	background-image: linear-gradient(to right in oklab, #00a8cc, #00d9ff);
	border: 1px solid;
}

.architecture-section .connector-lines .border-mixed {
	background-image: linear-gradient(to bottom in oklab, #00d9ff 0%, #ffa366 50%, #ff7a3d 100%);
	animation: connectorBounce 2s ease-in-out infinite;
}

.architecture-section .connector-lines .connector-line-glow {
	background-image: linear-gradient(to bottom in oklab, color-mix(in oklab, #FFF 50%, transparent), transparent);
}

.architecture-section .connector-lines .border-mixed2 {
	background-image: linear-gradient(to bottom in oklab, #ff7a3d 0%, #ffa366 50%, #ff7a3d 100%);
	animation: connectorBounce2 2s ease-in-out infinite;
}

.arch-layer.bg-orangeGradient {
	background-image: linear-gradient(to right in oklab, #fff5f0, #FFFFFF);
	border-color: oklab(79.5796% .0800917 .106997 / .3);
	margin-bottom: 0;
}

.architecture-section .arch-layer:hover {
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}

.architecture-section .arch-layer:hover .arch-layer-icon {
	transform: scale(1.1);
}

.architecture-section .arch-layer:hover  svg.lucide-arrow-right {
	transform: translateX(0.25rem);
}

.architecture-section .arch-arrow-pill.orange {
    border-color: #FFA36655;
}

.architecture-section .arch-stat {
	background-color: #FFFFFF;
	border: 1px solid #eaedf2;
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
	border-radius: calc(var(--radius) + 4px);
	--radius: .625rem;
}

.architecture-section .stat-number {
	font-size: 1.5rem;
	line-height: calc(2 / 1.5);
}

.architecture-section .stat-label {
	line-height: 16px;
}

.resources-section {
	background-image: linear-gradient(to bottom in oklab, #FFFFFF 0%, #f0faff 50%, #FFFFFF 100%);
}

.resources-section .floating-orb {
	filter: blur(64px);
}

.resources-section .floating-orb.floating-blue {
    left: calc(var(--spacing) * 10);
	top: calc(var(--spacing) * 20);
	--spacing: .25rem;
	background-color: oklab(81.5968% -.116812 -.0864434 / .1);
	animation: floatXResource 8s infinite ease-in-out;
}

.resources-section .floating-orb.floating-orange {
    right: calc(var(--spacing) * 10);
	bottom: calc(var(--spacing) * 20);
	--spacing: .25rem;
	background-color: oklab(79.5796% .0800917 .106997 / .1);
	animation: floatYResource 10s infinite ease-in-out;
}

@keyframes floatXResource {

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

    50% {
        transform: translateX(30px) scale(1.3);
    }
}

@keyframes floatYResource {

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

    50% {
        transform: translateY(-30px) scale(1.2);
    }
}

.resources-section .badge-header {
	background-image: linear-gradient(to right in oklab, oklab(67.6963% -.0941521 -.0800369 / .1), oklab(81.5968% -.116812 -.0864434 / .1));
	border-color: oklab(81.5968% -.116812 -.0864434 / .3);
	border-width: 1px;
	border-style: solid;
	border-radius: 3.40282e38px;
}

.resources-section .text-gradient-blue {
    background: linear-gradient(to right, #00A8CC, #00D9FF);
    -webkit-background-clip: text;
    color: transparent;
}

.resources-section .resource-card {
	transition-duration: .3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
	padding: calc(var(--spacing) * 8);
	--spacing: .25rem;
	border: 1px solid #eaedf2;
	border-radius: 1rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}

.resources-section .resource-card.bg-blue {
	background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.resources-section .resource-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 25px 50px -12px #00000040;
}

.resources-section .resource-card .icon-box {
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
	border-radius: calc(var(--radius) + 4px);
	--radius: .625rem;
	margin-bottom: calc(var(--spacing) * 5);
	--spacing: .25rem;
	transition-duration: .3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1); 
}

.resources-section .resource-card .icon-box:hover {
	transform: scale(1.1) rotate(360deg);
}

.resources-section .resource-card .icon-box.bg-white-20 {
	background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.resources-section .resource-card .icon-box.gradient-blue {
	background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.resources-section .resource-card .icon-box.gradient-cyan {
    background-image: linear-gradient(to bottom right in oklab, #00d9ff, #00a8cc);
}

.resources-section .resource-card .icon-box.gradient-orange {
    background-image: linear-gradient(to bottom right in oklab, #ffa366, #ff7a3d);
}

.resources-section .resource-card .resource-desc {
	line-height: 24px;
  	font-size: 14px;
}

.resources-section .resource-card .resource-btn {
	text-decoration: none;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s;
	text-underline-offset: 4px;
	color: #00a8cc;
	font-weight: 500;
	font-size: .875rem;
	line-height: calc(1.25 / .875);
}

.resources-section .resource-card .resource-btn:hover {
	color: #00d9ff;
	text-decoration-line: underline;
}

.proof-section .floating-blue {
	filter: blur(64px);
	background-image: linear-gradient(to bottom right in oklab, oklab(81.5968% -.116812 -.0864434 / .1), transparent);
	right: calc(var(--spacing) * 20);
	top: calc(var(--spacing) * 20);
	--spacing: .25rem;
	animation: floatBlueProof 8s infinite;
}

.proof-section .floating-orange {
	filter: blur(64px);
	background-image: linear-gradient(to bottom right in oklab, oklab(79.5796% .0800917 .106997 / .1), transparent);
	left: calc(var(--spacing) * 20);
	bottom: calc(var(--spacing) * 20);
	--spacing: .25rem;
	animation: floatOrangeProof 10s infinite;
}

@keyframes floatBlueProof {

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

    50% {
        transform: scale(1.3);
        opacity: .2;
    }
}

@keyframes floatOrangeProof {

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

    50% {
        transform: scale(1.2);
        opacity: .15;
    }
}

.proof-section .badge-tag {
	background-image: linear-gradient(to right in oklab, oklab(67.6963% -.0941521 -.0800369 / .1), oklab(81.5968% -.116812 -.0864434 / .1));
	border-color: oklab(81.5968% -.116812 -.0864434 / .3);
	border-style: solid;
	border-width: 1px;
	border-radius: 3.40282e38px;
}

.proof-section .text-gradient-blue {
    background: linear-gradient(to right, #00A8CC, #00D9FF);
    -webkit-background-clip: text;
    color: transparent;
}

.proof-section .proof-glow {
	transition-duration: .5s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	filter: blur(24px);
	border-radius: 1.5rem;
	inset: calc(var(--spacing) * -1);
	--spacing: .25rem;
	opacity: 0;
}

.proof-section .proof-glow.from-blue-to-cyan {
	background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.proof-section .proof-glow.from-cyan-to-orange {
	background-image: linear-gradient(to bottom right in oklab, #00d9ff, #ffa366);
}

.proof-section .proof-glow.from-orange-to-yellow {
	background-image: linear-gradient(to bottom right in oklab, #ff7a3d, #ffa366);
}

.proof-section .proof-card:hover .proof-glow {
	opacity: .2;
}

.proof-section .proof-card .proof-box {
	transition-duration: .5s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
	padding: calc(var(--spacing) * 8);
	--spacing: .25rem;
	border: 2px solid #eaedf2;
	border-radius: 1.5rem;
}

.proof-section .proof-card .proof-box .icon-xl {
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
	border-radius: 1rem;
	margin-bottom: calc(var(--spacing) * 8);
	--spacing: .25rem;
	transition-duration: .5s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.proof-section .proof-card .proof-box .icon-xl.from-blue-to-cyan {
	background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.proof-section .proof-card .proof-box .icon-xl.from-cyan-to-orange {
	background-image: linear-gradient(to bottom right in oklab, #00d9ff, #ffa366);
}

.proof-section .proof-card .proof-box .icon-xl.from-orange-to-yellow {
	background-image: linear-gradient(to bottom right in oklab, #ff7a3d, #ffa366);
}

.proof-section .proof-card .proof-box .icon-xl:hover {
	transform: scale(1.1) rotate(360deg);
}

.proof-section .proof-card .proof-box h3 {
	line-height: calc(2 / 1.5);
}

.proof-section .proof-card .proof-box p {
	color: #4f6276;
	line-height: 1.625;
	margin-bottom: calc(var(--spacing) * 6);
	--spacing: .25rem;
	font-size: 16px;
	flex-basis: 104px;
}

.proof-section .proof-card .proof-box .tracking-record .stat {
	line-height: 1;
	font-size: 3rem;
	font-weight: 500;
	background-clip: text;
	-webkit-background-clip: text;
  	color: transparent;
}

.proof-section .proof-card .proof-box .tracking-record .stat.gradient-text-cyan-orange {
	background-image: linear-gradient(to right in oklab, #00d9ff, #ffa366);
}

.proof-section .proof-card .proof-box .tracking-record .stat.gradient-text-orange {
	background-image: linear-gradient(to right in oklab, #ff7a3d, #ffa366);
}

.proof-section .proof-card .proof-box .tracking-record .stat.gradient-text-blue {
	background-image: linear-gradient(to right in oklab, #00a8cc, #00d9ff);
}

.proof-section .testimonial-card {
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
	background-image: linear-gradient(to bottom right in oklab, #f0faff, #FFF);
	border-color: oklab(81.5968% -.116812 -.0864434 / .2);
	border-width: 2px;
	border-style: solid;
	border-radius: 1.5rem;
}

.proof-section .testimonial-card .quote-mark {
	font-size: 3.75rem;
	line-height: 1;
}

.proof-section .testimonial-card p {
	line-height: 1.354;
}

.proof-section .testimonial-card .avatar {
	background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.proof-section .testimonial-card .trust-badge {
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s;
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
	border: 1px solid #eaedf2;
	border-radius: 1rem;
}

.proof-section .testimonial-card .trust-badge:hover {
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
	transform: scale(1.05);
}

.proof-section .testimonial-card .trust-badge .trust-icon {
	border-radius: calc(var(--radius) + 4px);
	--radius: .625rem;
	transition-duration: .5s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	margin-bottom: calc(var(--spacing) * 3);
	--spacing: .25rem;
}

.proof-section .testimonial-card .trust-badge .trust-icon.from-blue-to-cyan {
	background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.proof-section .testimonial-card .trust-badge .trust-icon.from-cyan-to-orange {
	background-image: linear-gradient(to bottom right in oklab, #00d9ff, #ffa366);
}

.proof-section .testimonial-card .trust-badge .trust-icon.from-orange-to-yellow {
	background-image: linear-gradient(to bottom right in oklab, #ff7a3d, #ffa366);
}

.proof-section .testimonial-card .trust-badge .trust-icon.from-yellow-to-orange {
	background-image: linear-gradient(to bottom right in oklab, #ffa366, #ff7a3d);
}

.proof-section .testimonial-card .trust-badge .trust-icon:hover {
	transform: rotate(360deg);
}

.faq-section-new-home {
    background-image: linear-gradient(to bottom right in oklab, #FFFFFF 0%, #f0faff 50%, #FFFFFF 100%);
}

.faq-section-new-home .faq-blob {
	filter: blur(64px);
}

.faq-section-new-home .faq-blob.faq-blob-blue {
	background-color: oklab(81.5968% -.116812 -.0864434 / .1);
	right: calc(var(--spacing) * 10);
	top: calc(var(--spacing) * 10);
	--spacing: .25rem;
	animation: floatBlueFAQ 8s infinite;
}

.faq-section-new-home .faq-blob.faq-blob-orange {
	background-color: oklab(79.5796% .0800917 .106997 / .1);
	left: calc(var(--spacing) * 10);
	bottom: calc(var(--spacing) * 10);
	--spacing: .25rem;
	animation: floatOrangeFAQ 10s infinite;
}

@keyframes floatBlueFAQ {

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

    50% {
        transform: scale(1.3);
        opacity: .2;
    }
}

@keyframes floatOrangeFAQ {

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

    50% {
        transform: scale(1.2);
        opacity: .15;
    }
}

.faq-section-new-home .badge-tag {
	background-image: linear-gradient(to right in oklab, oklab(67.6963% -.0941521 -.0800369 / .1), oklab(81.5968% -.116812 -.0864434 / .1));
	border-color: oklab(81.5968% -.116812 -.0864434 / .3);
	border-style: solid;
	border-width: 1px;
	border-radius: 3.40282e38px;
}

.faq-section-new-home .text-gradient-blue {
    background: linear-gradient(to right, #00A8CC, #00D9FF);
    -webkit-background-clip: text;
    color: transparent;
}

.faq-section-new-home .accordion-button:not(.collapsed) span {
	background-image: linear-gradient(to right in oklab, #0096c7, #e6842b);
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #000000;
}

.faq-section-new-home .faq-summary {
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 25px 50px -12px #00000040;
	padding: calc(var(--spacing) * 8);
	--spacing: .25rem;
	border-radius: 1rem;
	background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.faq-section-new-home .faq-summary h3 {
	line-height: 24px;
}

.faq-section-new-home .faq-summary p {
	margin-bottom: calc(var(--spacing) * 6);
	line-height: 1.425;
	--spacing: .25rem;
}

.faq-section-new-home .faq-summary .btn {
	transition-property: all;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
	border-radius: calc(var(--radius) - 2px);
	--radius: .625rem;
}

.faq-section-new-home .faq-summary .resp-block {
	padding-top: calc(var(--spacing) * 8);
	margin-top: calc(var(--spacing) * 8);
	--spacing: .25rem;
	border-top-width: 1px;
	border-top-style: solid;
	border-color: color-mix(in oklab, #FFFFFF 20%, transparent);
}

.faq-section-new-home .faq-summary .resp-block .title-block {
	color: color-mix(in oklab, #FFF 70%, transparent);
	line-height: calc(1.25 / .875);
}

.faq-section-new-home .faq-summary .resp-block .desc-block {
	margin-bottom: 0;
	font-size: 1.25rem;
	line-height: calc(1.75 / 1.25);
}

.faq-section-new-home .faq-summary .btn.btn-white-blue:hover {
	background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
}

.faq-section-new-home .faq-summary .btn.btn-outline-light.btn-white-blue:hover {
	color: #00a8cc !important;
	background-image: linear-gradient(to bottom right in oklab, #FFFFFF 0%, #f0faff 50%, #FFFFFF 100%);
}

.cta-section .bg-gradient-cta {
	background-image: linear-gradient(to bottom right in oklab, oklab(67.6963% -.0941521 -.0800369 / .95) 0%, oklab(81.5968% -.116812 -.0864434 / .9) 50%, oklab(67.6963% -.0941521 -.0800369 / .95) 100%);
}

.cta-section .cta-orb {
	filter: blur(64px);
	animation: orbFloatCTA 6s infinite ease-in-out;
}

.cta-section .cta-orb.orb-blue {
	background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
	right: calc(var(--spacing) * 20);
	top: calc(var(--spacing) * 20);
	--spacing: .25rem;
}

.cta-section .cta-orb.orb-orange {
	background-color: oklab(79.5796% .0800917 .106997 / .1);
	left: calc(var(--spacing) * 20);
	bottom: calc(var(--spacing) * 20);
	--spacing: .25rem;
}

@keyframes orbFloatCTA {
    0% {
        transform: scale(1);
        opacity: 0.1;
    }

    50% {
        transform: scale(1.3);
        opacity: 0.2;
    }

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

.cta-section .badge-cta {
	backdrop-filter: blur(8px);
	background-color: color-mix(in oklab, #FFF 10%, transparent);
	border-color: color-mix(in oklab, #FFF 20%, transparent);
	border-style: solid;
	border-width: 1px;
}

.cta-section .cta-btn-group {
	margin-bottom: calc(var(--spacing) * 16);
	--spacing: .25rem;
}

.cta-section .cta-btn-group .btn {
	padding-inline: calc(var(--spacing) * 3);
	transition-duration: .5s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 25px 50px -12px #00000040;
	padding-block: calc(var(--spacing) * 4);
	border-radius: calc(var(--radius) - 2px);
	--radius: .625rem;
	--spacing: .25rem;
}

.cta-section .cta-btn-group .btn:hover {
	color: #FFFFFF;
	transform: scale(1.05);
	background-image: linear-gradient(to bottom right in oklab, #00a8cc, #00d9ff);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
}

.cta-section .btn.btn-link {
	text-decoration: none;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s;
}

.cta-section .btn.btn-link:hover {
	text-decoration: underline;
}

.cta-section .btn.btn-link .arrow-loop {
    display: inline-block;
    animation: arrowLoopCTA 1.4s infinite ease-in-out;
}

@keyframes arrowLoopCTA {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0);
    }
}

.cta-section .cta-stat-card {
	transition-duration: .3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	backdrop-filter: blur(12px);
	padding: calc(var(--spacing) * 6);
	--spacing: .25rem;
	background-color: color-mix(in oklab, #FFFFFF 10%, transparent);
	border-color: color-mix(in oklab, #FFFFFF 20%, transparent);
	border-style: solid;
	border-width: 1px;
	border-radius: 1rem;
}

.cta-section .cta-stat-card .stat-number {
	color: #FFFFFF;
	font-size: 2.25rem;
	line-height: calc(2.5 / 2.25);
	transition-duration: .3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.cta-stat-card .stat-label {
	color: color-mix(in oklab, #FFFFFF 80%, transparent);
	font-size: .875rem;
	line-height: calc(1.25 / .875);
}

.cta-section .cta-stat-card:hover {
	transform: translateY(-5px) scale(1.05);
	background-color: color-mix(in oklab, #FFFFFF 20%, transparent);
}

.cta-section .cta-stat-card .stat-number:hover {
	transform: scale(1.1);
}

.cta-section .cta-wave .cta-wave-path {
    animation: waveMoveCTA 8s ease-in-out infinite alternate;
  	transform-origin: center;
}

@keyframes waveMoveCTA {
    0% {
        d: path("M0,60 C240,90 480,90 720,60 C960,30 1200,30 1440,60 L1440,120 L0,120 Z");
    }
    50% {
        d: path("M0,40 C240,70 480,70 720,40 C960,10 1200,10 1440,40 L1440,120 L0,120 Z");
    }
    100% {
        d: path("M0,60 C240,90 480,90 720,60 C960,30 1200,30 1440,60 L1440,120 L0,120 Z");
    }
}