/*
Theme Name: Royal Elementor Kit
Theme URI: https://royal-elementor-addons.com/royal-elementor-kit/
Author: WP Royal
Author URI: https://royal-elementor-addons.com/
Description: Truly all in one Solution For Elementor Lovers. 140+ Elementor Templates KIT, 100+ Professional Elementor Widgets, Elementor theme builder, Elementor Popup Builder, Elementor Premade blocks and many other cool features like Sticky Header, Particle effects, parallax backgrounds and many other elementor addons. Simple Install the theme, click on - Get Started with Templates Kit button and that's it. Very easy to use even for WordPress beginners or professionals. All In one Elementor Solution which outranks all other Elementor themes and Elementor addons. ########### TEMPLATES INCLUDED: Elementor Blog Template, Elementor Magazine Blog Template, Elementor Food Blog Template, Elementor Travel Blog Template, Elementor Portfolio Template, Elementor NFT Template, Elementor Pizza Restaurant Template, Elementor Travel Blogger & Influencer Template, Elementor Cybersecurity Template, Elementor Photographer Portfolio Template, Elementor Crypto Currency Template, Elementor Skin Care Template, Elementor Lawyer Template, Elementor Medical Template, Elementor Digital Agency Template, Elementor Drone Template, Elementro Architecture Template, Elementor Food Delivery Template, Elementor Construction Template, Elementor IT Technology Template, Elementor Real Estate Template, Elementor Restaurant Template, Elementor Wine Bar & Restaurant Template, Elementor Wedding Template & other beautiful elementor business templates. All these templates are created with elementor page builder. Theme Demo Page: https://royal-elementor-addons.com/royal-elementor-kit/
Version: 1.0.143
Requires at least: 4.7
Requires PHP: 5.2
Tested up to: 6.9.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: royal-elementor-kit
Tags: blog, e-commerce, one-column, custom-background, custom-colors, full-width-template, custom-menu, custom-logo, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');


:root {
    --font-primary: "Google Sans", sans-serif !important;
	--e-global-typography-primary-font-family: "Google Sans", sans-serif !important;
  --blog-font-family:"Google Sans", sans-serif;
}

html {
	line-height: 120%;
	-webkit-text-size-adjust: 100%;
	font-family: var(--font-primary);
}
*,*::before,*::after {
	box-sizing: border-box;
}


body {
	margin: 0;
	font-family: var(--font-primary), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 16px;
	font-weight: 400;
	line-height: 120%;
	color: #333333;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.elementor-heading-title, .elementor, .elementor-button-text {
  font-family: var(--font-primary) !important;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: .5rem;
	margin-bottom: 1rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 120%;
	color: inherit;
}
h1 {
	font-size: 2.5rem;
}
h2 {
	font-size: 2rem;
}
h3 {
	font-size: 1.75rem;
}
h4 {
	font-size: 1.5rem;
}
h5 {
	font-size: 1.25rem;
}
h6 {
	font-size: 1rem;
}
ol,
ul {
  list-style-position: inside;
}
p {
	margin-top: 0;
	margin-bottom: .9rem;
	line-height: 120%;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	
}
pre {
	font-family: var(--font-primary);
	font-size: 1em;
	white-space: pre-wrap;
}
a {
	background-color: transparent;
	color: #C1002A;
}
a:hover, a:active {
	color: #333366;
}
a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
	outline: 0;
}

.no-link > a {
    pointer-events: auto;
    cursor: pointer;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline dotted;
	
}
b,strong {
	font-weight: 500;
}
code,kbd,samp {
	font-family: var(--font-primary);
	font-size: 1em;
	
}
small {
	font-size: 80%;
}
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	border-style: none;
	height: auto;
	max-width: 100%;
}
details {
	display: block;
}
summary {
	display: list-item;
}
figcaption {
	font-size: 16px;
	color: #333333;
	line-height: 120%;
	font-style: italic;
	font-weight: 400;
}
template {
	display: none;
}

[hidden] {
	display: none;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
@media print {
	*,*:before,*:after {
		background: transparent !important;
		color: #000 !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	a[href^="#"]:after,a[href^="javascript:"]:after {
		content: "";
	}
	pre {
		white-space: pre-wrap !important;
	}
	pre,blockquote {
		page-break-inside: avoid;
		border: 1px solid #cccccc;
	}
	thead {
		display: table-header-group;
	}
	tr,img {
		page-break-inside: avoid;
	}
	p,h2,h3 {
		orphans: 3;
		widows: 3;
	}
	h2,h3 {
		page-break-after: avoid;
	}
}
label {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}
.hamburgermenu span.wpr-mobile-toggle-line {
    background: #FFFFFF90 !important;
    height: 3px !important;
}
.mainmenudivd{
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  flex-direction: row !important;
  justify-content: flex-end;
}
button,input,optgroup,select,textarea {
	font-family: inherit;
	font-size: 1rem;
	line-height: 120%;
	margin: 0;
	
}
input[type="text"],input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="url"],select,textarea {
	width: 100%;
	border: solid 1px #666666;
	border-radius: 3px;
	padding: 0.5rem 1rem;
	transition: all .3s;
}
input[type="text"]:focus,input[type="date"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="url"]:focus,select:focus,textarea:focus {
	border-color: #333333;
	outline: 0 none;
}
button,input {
	overflow: visible;
}
button,select {
	text-transform: none;
}
button,[type="button"],[type="reset"],[type="submit"] {
	width: auto;
	-webkit-appearance: button;
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
button,[type="submit"],[type="button"] {
	display: inline-block;
	font-weight: 400;
	color: #605be5;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	background-color: transparent;
	border: 1px solid #C61B30;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	border-radius: 3px;
	transition: all .3s;
}
button:focus,[type="submit"]:focus,[type="button"]:focus {
	outline: 5px auto -webkit-focus-ring-color;
}
button:hover, button:focus,[type="submit"]:hover,[type="submit"]:focus,[type="button"]:hover,[type="button"]:focus {
	color: #ffffff;
	background-color: #C61B30;
	text-decoration: none;
}
button:not(:disabled),[type="submit"]:not(:disabled),[type="button"]:not(:disabled) {
	cursor: pointer;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
	resize: vertical;
}
[type="checkbox"],[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
	
}
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
	
}
select {
	display: block;
}

table {
	background-color: transparent;
	width: 100%;
	margin-bottom: 15px;
	font-size: 0.9em;
	border-spacing: 0;
	border-collapse: collapse;
}
table th,table td {
	padding: 15px;
	line-height: 120%;
	vertical-align: top;
	border: 1px solid #cccccc;
}
table th {
	font-weight: bold;
}
table thead th,table tfoot th {
	font-size: 1em;
}
table caption + thead tr:first-child th,table caption + thead tr:first-child td,table caption + thead tr:first-child th,table caption + thead tr:first-child td,table colgroup + thead tr:first-child th,table colgroup + thead tr:first-child td,table colgroup + thead tr:first-child th,table colgroup + thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td {
	border-top: 1px solid #cccccc;
}
table tbody > tr:nth-child(odd) > td,table tbody > tr:nth-child(odd) > th {
	background-color: #f7f7f7;
}
table tbody tr:hover > td,table tbody tr:hover > th {
	background-color: #e9e9e9;
}
table tbody + tbody {
	border-top: 2px solid #cccccc;
}
@media (max-width: 767px) {
	table table {
		font-size: 0.8em;
	}
	table table th,table table td {
		padding: 7px;
		line-height: 120%;
	}
	table table th {
		font-weight: 400;
	}
  .sectestimonials .testfooter {
  flex-direction: column;
}
.sectestimonials .image-side {
  flex: 1;
  width: 100%;
}
.sectestimonials .leftcontent {
  width: 100%;
}
}
dl,dt,dd,ol,ul,li {
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* WordPress Default Class */
.alignright {
	float: right;
	margin-left: 1rem;
}
.alignleft {
	float: left;
	margin-right: 1rem;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignwide {
	margin-left: -80px;
	margin-right: -80px;
}
.alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}
.alignfull img {
    width: 100vw;
}
.wp-caption {
	margin-bottom: 1.25rem;
	max-width: 100%;
}
  .wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
  .wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption-text {
	margin: 0;
}
.gallery-caption {
	display: block;
	font-size: 0.8125rem;
	line-height: 1.5;
	margin: 0;
	padding: 0.75rem;
}
.pagination {
	margin: 20px auto;
}
.sticky {
	position: relative;
	display: block;
}
.bypostauthor {
	font-size: inherit;
}
.hide {
	display: none !important;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0 0, 0 0,0 0, 0 0);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  clip: auto !important;
  display: block;
  height: auto;
  left: 5px;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Theme Styles */
#page-wrap {
     max-width: 960px;
     margin: 0 auto;
}
 #site-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 20px 0;
     margin-bottom: 30px;
}
.site-logo h1, .site-description {
     margin: 0;
}
.main-navigation ul {
     display: flex;
     padding: 0;
     list-style-type: none;
}
.main-navigation ul li {
     margin-left: 20px;
}
.re-theme-post {
     margin-bottom: 50px;
}
.re-theme-post img {
     max-width: 100%;
}
.re-theme-post .post-title {
     margin: 0;
}
.re-theme-post .post-categories {
     margin-bottom: 20px;
}
.re-theme-post .post-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 20px 0;
     border-bottom: 1px solid #e8e8e8;
}
.re-theme-post .read-more {
     display: inline-block;
     padding: 5px 15px;
     border: 1px solid #605be5;
     text-transform: capitalize;
}
.re-theme-post .post-tags a {
     display: inline-block;
     margin-right: 10px;
}
.commentslist {
     list-style-type: none;
     padding: 0;
}
.commentslist .children {
     list-style-type: none;
}
.commentslist li {
     padding: 20px;
     margin-top: 20px;
     margin-bottom: 20px;
     border: 1px solid #e8e8e8;
}
.comment-author img {
     margin-right: 10px;
}
.commentslist .reply {
     display: inline-block;
     padding: 5px 15px;
     border: 1px solid #605be5;
}
.comment-form-comment input, .comment-form-comment textarea {
     border-color: #e8e8e8;
}
 nav.navigation {
     text-align: center;
}
 nav.navigation a, nav.navigation span {
     padding: 5px 10px;
     border: 1px solid #e8e8e8;
}
.headermenunav ul li.menu-item a, .textmenu .elementor-heading-title a {
font-weight: 400;
font-size: 15px !important;
line-height: 20px;
letter-spacing: 0px;
color:#fff !important;
cursor: pointer;
}
.headermenunav ul li.menu-item a:hover, .textmenu a:hover {
    color:#ffffff !important;
}
.headermenunav ul li.menu-item:hover, .textmenu .elementor-heading-title:hover, .textmenu .elementor-heading-title a:hover {
    color:#C61B30 !important;
}
.headermenunav ul li.menu-item  {
    padding:5px 10px 5px 0;
   margin-right:20px !important;
}
.footer-copyright {
     text-align: center;
     padding: 30px 0;
}
.footermenuvav .menu-item a {
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 0px;
}
.footermenuvav .menu-item a:hover, .lowfooterright a:hover {
color:#C61B30 !important;
}

.footermenuvav ul {
    list-style:none;
    padding:0;
}
.site-logo a,
.main-navigation a,
.re-theme-post .read-more a,
.re-theme-post .post-title a {
	text-decoration: none;
}

/* Header Menu */
.rek-menu .menu-item {
	position: relative;
}

.rek-menu .menu-item-has-children > a:after {
	content: "\25BC";
	font-size: 8px;
	margin-left: 5px;
}

.rek-menu .menu-item-has-children:hover > .sub-menu {
	display: block;
}

.rek-menu .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	z-index: 9999;
	min-width: 200px;
	margin-left: 0;
	padding: 10px;
	background-color: #000000;
}

.rek-menu .sub-menu li {
	margin-left: 0;
}

.rek-menu .sub-menu .sub-menu {
	top: 0;
	left: 100%;
	margin-left: 1px;
}

.wpr-nav-menu .wpr-sub-menu{
    width: 280px !important;
    
    
}
.wpr-sub-menu .wpr-sub-menu-item{

    font-size: 16px !important;

}





/***Css AWS team***/
/*********************************/

.whiteancher a {
    color: #fff;
}
.whiteancher a:hover {
    color: #c61b30;
}

.smallcase{text-transform: lowercase !important;}
.paylinks{
    background-color:#fff !important;
    padding:10px 20px !important;
    border-bottom:1px solid #000!important;
}
.light-mode .paylinks{
    border-bottom:1px solid rgba(242,247,252)!important;
}

.paylinks a{
    color:#000;
}
.paylinks a:hover{
    color:#C1002A;
}
.paylinks p{
    margin:0px !important;
}
.notesection {
     padding: 20px;
    border: 1px solid #DBE0E7;
    
}
.notesection ul {
 padding-left: 20px;
}


body{
	background-color: #000F24 !important;
}
.myclass .current_page_item a {
    color: #C61B30;
}
   /* Active link */
.mega-link a.active, .light-mode .mega-link .elementor-heading-title a.active {
  color: #C61B30 !important;
}

/* Active mega parent */
.active-parent > a.wpr-menu-item {
  color: #ffffff !important;
  border-bottom: 1px solid #ffffff;
}
.light-mode .active-parent > a.wpr-menu-item {
  color: #000 !important;
  border-bottom: 1px solid #000000;
}
.light-mode .wildbgimg.darkimage p, .light-mode .wildbgimg.darkimage{color:#fff !important;}
/**sticky form landing page**/
.formparentdiv {
  left: auto !important;
}
.stickydesktopform{margin-top: 50px; height: calc(100vh - 100px); overflow-y: auto; background: transparent; padding: 0;}
.whitebglp{background: #fff;
  border: 1px solid rgba(217, 217, 217, 0.1); padding: 0px;}
.stickydesktopformmobile{padding: 20px 30px !important;}
.stickydesktopformmobile {
  background: #fff;
  border: 1px solid rgba(217, 217, 217, 0.1);
}
.textboxwhitbg {
  background: #fff;
  border-radius: 20px;
  padding: 30px 30px 20px;
}
.formheadingred {
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -1px;
  color: var(--red);
}

.footerf1colum .wpr-logo.elementor-clearfix {
  display: block;
}

/***Testimonials***/
.bdt-description{display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}

.bdt-description.active {
    height: 150px;
    display: block;
    overflow-y: auto;
    -webkit-line-clamp: auto;
    cursor: pointer;
}

.topbtnlandpage .elementor-button-text{
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: right;
  color:#fff;
}
.topbtnlandpage .elementor-button-icon svg {
  height: auto;
  width: 0.6em;
}

.stickydesktopform label, .stickydesktopformmobile label {
font-weight: 600;
font-style: SemiBold;
font-size: 13px;
line-height: 100%;
letter-spacing: 0px;
color: rgba(17, 17, 17, 1);
}

.stickydesktopform input, .stickydesktopform  textarea, .stickydesktopformmobile input, .stickydesktopformmobile textarea {
font-size: 14px;
line-height: 100%;
letter-spacing: 0px;
color: rgba(136, 136, 136, 1);
  border:none;
  border-bottom: 1px solid rgba(217, 217, 217, 1);
  border-radius: 0;
  margin: 0;
  padding: 0 0px 5px;
}
.stickydesktopform .wpcf7-not-valid-tip, .stickydesktopform .wpcf7-not-valid-tip{font-size: 14px;}
.modebtn button {
    top: 30%;
    position: fixed;
    right: 0;
}
.smalltext20 h2{
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0px;
  text-align: center;
  color:#ffffff;
}

.text32 p, .smalltext20 h2{
  font-size: 32px;
}

.text32 h2.elementor-heading-title{
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0px;
}




/* Base z-index for elements */
.formparentdiv {
    position: fixed; /* or absolute */
    z-index: 1111111; /* Keep form high by default */
}

.contentsection {
    position: relative;
    z-index: 1;
}

.emptyrightside {
    position: relative;
    z-index: 2; /* Higher than content sections */
}

/* When hovering emptystickyform (the form itself) - Keep it on top */
.emptystickyform:hover,
body:has(.emptystickyform:hover) .formparentdiv {
    z-index: 1 !important;
}

/* When hovering formparentdiv, keep it on top */


/* When hovering emptystickyform, push content sections down */
body:has(.emptystickyform:hover) .contentsection {
    z-index: 999999999 !important;
}

body:has(.emptystickyform:hover) .emptyrightside {
    z-index: 1 !important;
}

/* When hovering emptyrightside, bring formparentdiv to top */
body:has(.emptyrightside:hover) .formparentdiv {
    z-index: 9999999 !important;
}

/* When hovering emptyrightside, push other sections down */
body:has(.emptyrightside:hover) .contentsection {
    z-index: 1 !important;
}

/* The specific hovered emptyrightside stays below form but above other content */
.emptyrightside:hover {
    z-index: 999999 !important;
}




.offwhitebg{background-color: rgba(239, 239, 239, 1);}
.footerformheading h2, .footerformheading .H2todiv p{
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0px;
}
.footerformheading p{
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0px;
}
.footerformheading h2, .footerformheading .H2todiv p, .footerformheading p, .awardtext p{color: #ffffff;}
.lowerfootercon {
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.footertext, .footertext p{
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0px;
color: rgba(153, 153, 153, 1);
}
.footersection {
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    margin: 0 0;
}
.modetoglebtn{top:40%; left: 0; position: absolute;}


 .awsbg{background-image: url(https://beta.awspromostack.com/wp-content/uploads/2025/12/aws.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;}

  .awsbg.awsbgtop{background-position: top center;}
  .awsbg.awsbgcenter{background-position: center center;}
  .awsbg.awsbgbottom{background-position: bottom center;}

  .mapsection .fullwidthcontainer{background-image: url(https://beta.awspromostack.com/wp-content/uploads/2025/12/map.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;}
  /* Input wrapper */
.wpcf7-form-control-wrap {
    position: relative;
    flex: 1;
}

/* Input field */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
    width: 100%;
}

/* Error message styling */
.subformsection .wpcf7-not-valid-tip {
    position: absolute;
    top: 100%;        /* show below input */
    left: 0;
    font-size: 14px;
    margin-top: 4px;
    white-space: nowrap;
}

.subformsection .wpcf7-response-output{color:#fff;}

/* Submit button */
.subformsection .wpcf7-submit {
    white-space: nowrap;
}

/* Spinner below form */
.subformsection .wpcf7-spinner {
    display: block;
    margin: 10px auto 0;
}

/**homepage animation one**/
/* ===== Section 1: Promo / One ===== */

.onesectiondiv {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
}

.main-container {
    position: fixed;
    top: 0;
    left: 10%;
    width: 80%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 10;
    padding: 20px;
    
}

.text-layer {
    position: absolute;
    width: 100%;
    transition: opacity 0.5s;
}

.text-layer h1 {
    position: relative;
    z-index: 20;
    line-height: 1.1;
    max-width: 80vw;
    margin: 0 auto 20px;
    word-break: break-word;
    /*hyphens: auto;*/
}
.text-layer h1, .text-layer p {
    font-family:var(--font-primary);
}
#animationSection .text-layer h1, #animationSection .text-layer p{color:#fff;}

/* DESKTOP */
.hideondesktop{display: none !important;}
@media (min-width: 1024px) {
  
    .text-layer h1 { font-size: 70px; }
    .text-layer p {
        max-width: 800px;
        margin: 0 auto;
    }
}

/* TABLET */
@media (min-width: 768px) and (max-width: 1023px) {
    .text-layer h1 { font-size: 64px; }
    .text-layer p {
        max-width: 700px;
        margin: 0 auto;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .main-container { padding: 40px 20px; }
    .text-layer h1 { font-size: 45px; max-width: 80%;}
    .text-layer p {
        max-width: 100%;
        margin: 0 auto;
        line-height: 120%;
        max-width: 80%;
    }
   
}

#layer1 { opacity: 1; }
#layer2, #layer3 { opacity: 0; }

.bg-images {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    z-index: 5;
}

.bg-img {
    position: absolute;
    object-fit: cover;
}

@media (min-width: 1720px) {
    .bg-img.large { width: 150px; height: 150px; opacity: 0.8; }
    .bg-img.small { width: 55px; height: 55px; opacity: 0.8; }
}

@media (min-width: 1024px) and (max-width: 1721px)  {
    .bg-img.large { width: 90px; height: 90px; opacity: 0.8; }
    .bg-img.small { width: 35px; height: 35px; opacity: 0.8; }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .bg-img.large { width: 70px; height: 70px; opacity: 0.85; }
    .bg-img.small { width: 28px; height: 28px; opacity: 0.85; }
}

@media (max-width: 767px) {
    .bg-img.large { width: 45px; height: 45px; opacity: 0.9; }
    .bg-img.small { width: 20px; height: 20px; opacity: 0.9; }
}
/** homepage animation one end***/

.text24 {
  font-weight: 400 !important;
  line-height: 120%;
}
.text28{font-size: 28px !important;
  line-height: 120%;}
.text20, .text20 p, .text20 h3 {font-size: 20px !important;}
.text28 p {margin-bottom: 10px;}

.textleft{text-align: left !important;}
.awardtext h2{font-size:84px;}
.awardtext h2, .awardtext p{color:#ffffff;font-family:var(--font-primary);}
.wpr-sticky-section-yes.headsectionwild {
  background-color:#000F24 !important;
}
.reqstar {
  font-size:15px;
  color:var(--red);
}
.pagebannertext1.pagebannertext1red h2{
font-weight: 700;
font-size: 18px;
line-height: 120%;
letter-spacing: 2px;
color:#f5f5f5;
margin-top: 10px;
}
.rediconboxcontent.smallfont20.des16 p.elementor-icon-box-description, .smallfont36.des16 p.elementor-icon-box-description{
  font-size: 16px !important;
}
.redbgfull{
  background-color: var(--red);
}
.redbgfull.fontsize32 h2{color: #fff;}
.fontsize32{
  font-weight: 600;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0px;

}
.elementor-page-8870 .headsectionwild, .elementor-page-8870 .footersection, .elementor-page-8870 .lowerfooter,
.elementor-page-10308 .headsectionwild, .elementor-page-10308 .footersection, .elementor-page-10308 .lowerfooter,
.elementor-page-10441 .headsectionwild, .elementor-page-10441 .footersection, .elementor-page-10441 .lowerfooter, 
.elementor-page-11443 .headsectionwild, .elementor-page-11443 .footersection, .elementor-page-11443 .lowerfooter
{display: none !important;}
.redbgtop p {
  margin: 0;
  color: #fff;
}
.redbgtop a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
.redbgtop{padding-left:20px !important;padding-right:20px !important;}

.lpredheading{background-color: #fff; padding:40px !important; border: 1px solid rgba(229, 229, 229, 1);}
.lpredheading h2 {
font-weight: 600 !important;
font-size: 32px;
line-height: 120%;
letter-spacing: -1px;
color: var(--red) !important;
}
.lpredheading p {color:#000;}
.darkbgfixlp{
  padding: 30px !important;
}
.darkbgfixlp p{
  color: #ffffff;
}
  .transperentbox svg path {
  stroke: white;
}
  .transperentbox.fillicon svg path {
  fill: white;
}



/**cookie syling**/
.cookie-notice-container {
    background: #fff;
    color: #000 !important;
    width: 80%;
    margin: auto;
    border-radius:25px;
     position: relative;
}
button#cn-close-notice { margin-top: 10px;background-color:transparent; border: none; top:0}
button#cn-close-notice:after, button#cn-close-notice:before {background-color:#000;}

div#cookie-notice {
    background: transparent !important;
    width: 80%;
    margin: 0 auto 10px;
    font-family:var(--font-primary);
}
.redbutooncoo {
    background: #C61B30;
    color: #fff;
    border: none;
    border-radius: 0px;
    font-size: 14px;
}

.popupforlp .txtcolor  h2{color: #fff !important;}
.popup-link {
    background: #C61B30 !important;
    color: #fff;
    border: none;
    border-radius: 0px;
    font-size: 14px;
}
span#cn-notice-buttons {
    margin-top: 10px;
}
span#cn-notice-text {
    margin-top: 20px;
}

.light-mode button#cn-close-notice:after, .light-mode button#cn-close-notice:before {background-color:#fff !important;}
  .light-mode .cookie-notice-container {
    background: #000;
    color: #fff !important;
   
}


.erpsectiontext48 h4, .text48 p, .text48 h3, .aboutcore h2, .ourstorytext h2, .homebannerslider  .slidemaindivchild1 h1, .pagebannertext2, .pagebannertext2 p, .pagebannertext2 h1,
.bigheading84, .bigheading84  h2, .bigheading84  p, .bigheading84, .bigheading48  h2, .bigheading48  h3, .fontsize40 h2, .fontsize40 p,
.owl-item .card .ccontent h2, .footerformheading h2, .footerformheading .H2todiv p{
font-size: 44px !important;
}

.smalltext20 h2, .darkbgfixlp p, .tabtextheading h4, .logosectiontext, .bgimagecontainer p.elementor-icon-box-description, 
.transperentbtnwitharrow20 .elementor-button-text, .hover-box .content, .imagetext20p14 .elementor-image-box-title, 
.imagetext20p16 .elementor-image-box-title, .smalltext20, .boxstyle div, .whitebgwithli .starli li, .contactbox h2, 
.textw20 p, .contactlocation h3.elementor-icon-box-title, .teamtext h3, .owl-item .card .ccontent h3, .tabscssred 
.tabcontentcenter p, .tabscssred .e-n-tab-title, .press-title{
font-size: 18px !important;
}

.text24, .erpsectiontextdarkbg h4, .erpsectiontextdarkbg span.smalltext, .erpsectiontextdarkbg .smalltextl20, .erpsectiontext h4, 
.redtitleboxwithimage h3, .rediconboxcontent  .elementor-icon-box-content h3, .tlefticonboxcontent  .elementor-icon-box-content h3, .tlefticonboxcontent  .lpboxtext, .megaheadwithred, .whitebgtesttext h3, .icontext24 h3, .textwithimage h3, .text24 h3, .ourstorytext h3, .homebannerslider  .slidemaindivchild1 p, .bgimagecontainer h3.elementor-icon-box-title, .casestudiesbox .elementor-icon-box-title,
.testimonialscontainer .elementor-testimonial-name, .teamcontainer .wpr-member-job, .fourboxcontent h3, .text-section .slide h2,
.custom-carousel .item h3, .imagetext20p14 h3.elementor-image-box-title
{
font-size: 20px !important;
}

/* LIGHT MODE */
body{
    --red: rgba(193, 0, 42, 1);
    background-color: var(--bg) !important;
  }
  body.light-mode {
    /*--bg: rgba(242,247,252);*/
    --bg: rgba(252, 252, 252, 1);
    --text: rgba(0, 0, 0, 1);
    --text2: rgba(68, 68, 68, 1);
    --text3: rgba(0, 0, 0, 1);
    --card: #f5f5f5;
    --red: rgba(193, 0, 42, 1);
    background-color: var(--bg) !important;
  }
  .light-mode .cookie-notice-container {
    background: #000;
    color: #fff !important;
}

 .light-mode .pagebannertext1.pagebannertext1red h2{color:var(--red) !important}
 .light-mode .lpredheading h2 {
  color: var(--red) !important;
}


.light-mode .transperentbox svg path {
  stroke: black;
}
    .light-mode .mainlogo4.lightlogo{display: none;}
 .light-mode .wpr-sticky-section-yes.headsectionwild {
    background-color:rgba(252, 252, 252, 1) !important;
  }
  .light-mode .megamenusmall{
    background: rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
  }
 .light-mode  .textmenu .elementor-heading-title a{
  color: rgba(1, 1, 1, 1) !important;
 }
.light-mode  .megamenusmall .megaheadwithred h2 {
    color: rgba(1, 1, 1, 0.5) !important;
}
 .light-mode  .textmenu .elementor-heading-title a:hover{color:var(--red) !important;}
 .light-mode  .customslider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgba(29, 23, 138, 1);
}
.light-mode  .customslider span.swiper-pagination-bullet {
  background: rgba(29, 23, 138, 0.15);
  border: 1px solid rgba(29, 23, 138, 0.15);
}
.light-mode .step-wrap::after {
  background-image: url(https://beta.awspromostack.com/wp-content/uploads/2026/03/redarrow.svg);
}

.light-mode select:focus {
  border-color: #013E94;
  background: transparent;   /* change background while open/focused */
  color:var(--text);        /* change text color while open/focused */
}

.light-mode select{
  background: transparent;
  color:var(--text);
}

.wildblackbg.darkbggrid{
  background-color: rgba(34, 34, 34, 1);
 }
 .roundcornerbg34{
  background-color: rgba(34, 34, 34, 1);
  border-radius: 20px;
  padding: 30px;
 }
 .roundcornerbg0{
  background-color: rgba(0, 0, 0, 1);
  border-radius: 20px;
  padding: 30px !important;
 }
 .topround{border-radius:10px 10px 0 0;}
.blackbg{background-color: rgba(17, 17, 17, 1);}
.blackbggrerdcorner{background: linear-gradient(to bottom, rgba(17, 17, 17, 1), rgba(34, 34, 34, 1)); border-radius: 15px;}
.bg252grerdcorner{background: rgba(252, 252, 252, 1); border-radius: 15px;}
.bg255grerdcorner{background: rgba(255, 255, 255, 1); border-radius: 15px;}
.bg17grerdcorner{background: rgba(17, 17, 17, 1); border-radius: 15px;}
.pmargin p{margin:0 !important}

  .light-mode .awsbg{background-image: url(https://beta.awspromostack.com/wp-content/uploads/2025/12/awslight.svg) !important;}
   .light-mode .mapsection .fullwidthcontainer{background-image: url(https://beta.awspromostack.com/wp-content/uploads/2025/12/maplight.svg) !important;}
  
.footermenuheading .elementor-heading-title.elementor-size-default {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--red) !important;
}

  .light-mode .lightmodepb80{padding-bottom: 80px;}
  .light-mode .lightpaddingtop40{padding-top: 40px;}
  .light-mode .hamburgermenu span.wpr-mobile-toggle-line {
      background: #000000 !important;
  }
  .light-mode .footersection {
      border-top: 1px solid rgba(29, 23, 138, 0.15) !important;
  }
  .light-mode .teamcontainer h3.wpr-member-name, .light-mode .teamcontainer div.wpr-member-name{border-bottom: 1px solid rgba(1, 1, 1, 0.15);}
  .light-mode .offwhitebg{background-color: rgba(239, 239, 239, 0.3);}
  .light-mode .whitebgwildlight, .light-mode .headsectionwild{background-color: #ffffff;}
  .light-mode .bluecollorbgcontentwild, .light-mode .lowerfooter, .light-mode .footersection{background-color: var(--bg);}
  .light-mode .elementor-social-icon svg path {fill: rgb(231, 241, 251) !important;}
  .light-mode .elementor-icon.elementor-social-icon{background-color:rgb(153, 153, 153) !important;}
  .light-mode .elementor-icon.elementor-social-icon:hover{background-color:var(--red) !important;}
  .light-mode .open-popup.rediconboxcontent.withbtn
  {background-color: rgba(17, 17, 17, 1) !important; border-radius: 20px;}
 /* .light-mode .open-popup.rediconboxcontent.withbtn .elementor-icon-box-content p, .light-mode .open-popup.rediconboxcontent.withbtn .elementor-icon-box-content h3{
    color:#ffffff;
  }*/
  .light-mode .rediconboxcontent.whitebglight, .light-mode .whitebglight .card
  {background-color: rgba(255, 255, 255, 1) !important; border: 1px solid rgba(15, 118, 214, 0.2);}
  
  .light-mode .pagebannertext2 p, .light-mode .pagebannertext2 h1, .light-mode .bigheading84 h2.elementor-heading-title,  .light-mode .fontsize40.txtcolor h2,  .light-mode .fontsize40.txtcolor p,  .light-mode .bigheading48.txtcolor h2, .light-mode .darkbggrid .redtitleboxwithimage h3,  
  .light-mode .darkbggrid .redtitleboxwithimage p, .light-mode .fixeddiv, .light-mode .whitebglight h2, .light-mode .whitebglight h3, .light-mode .whitebglight p, .light-mode  .press-box .press-date, 
  .light-mode  .press-box .press-title, .light-mode .footermenuheading h2, .light-mode .footercommentsection h2, .light-mode  .footercommentsection p, .light-mode .footertext, .light-mode .footertext p, 
  .light-mode .stayconnectedfoo .elementor-heading-title, .light-mode .footerformheading h2, .light-mode .footerformheading .H2todiv p, .light-mode .footerformheading p, .light-mode .smalltext20 h2,
  .light-mode .pin-spacer h2, .light-mode .pin-spacer p,  .light-mode .ourstorytext h2, .light-mode .ourstorytext h4, .light-mode .ourstorytext h3, .light-mode .awardheading .elementor-heading-title.elementor-size-default,
  .light-mode .awardtext p, .light-mode .footertext, .light-mode .footertext p, .light-mode .tlefticonboxcontent .elementor-icon-box-content h3, .light-mode .tlefticonboxcontent  .lpboxtext,
  .light-mode .accordianwhite .e-n-accordion-item[open=""] .e-n-accordion-item-title, .light-mode .accordianwhite .e-n-accordion-item-title,
  .light-mode .accordianwhite, .light-mode .textw20 p, .light-mode .contactform input, .light-mode .contactform select, .light-mode .contactform textarea, .light-mode .contactform  label,
  .light-mode .contactrighticonsection .elementor-icon-box-title a, .light-mode .boxstyoewithnumber .sectioncontent h5, .light-mode .popmake h2, .light-mode .popmake p, 
  .light-mode .popmake li, .light-mode .bigheading48.lightbgtextcolor h2,  .light-mode .wpr-grid-item-title .inner-block a, 
  .light-mode .wpr-grid-item-date .inner-block, .light-mode .step-title, .light-mode .step-text, .light-mode .wegetsmalltext p, .light-mode .teamcontainer .wpr-member-job,
  .light-mode .teamcontainer .wpr-member-description, .light-mode .teamcontainer .wpr-member-name, .light-mode .anrsec1 .elementor-image-box-title, 
  .light-mode .anrsec1 .elementor-image-box-description,  .light-mode .anrsec3 .elementor-image-box-title, .light-mode .anrsec3 .elementor-image-box-description, 
  .light-mode .carheadingabout h4, .light-mode #animationSection .text-layer h1, .light-mode #animationSection .text-layer p, 
  .light-mode .topbtnlandpage .elementor-button-text, .light-mode .transperentbox h3, .light-mode .transperentbox p, 
  .light-mode .smalltext32 h2.elementor-heading-title,  .light-mode .contactform{
    color:var(--text) !important;}
 .light-mode .contactform input[type="submit"]{color:#ffffff !important;}
  .light-mode .accordianwhite .e-font-icon-svg.e-fas-minus, .light-mode .accordianwhite .e-font-icon-svg.e-fas-plus{
     fill:var(--text) !important;}
  .light-mode .pagebannertext3 p{color:var(--text2);}
.footermenuvav .menu-item a{color:rgba(1, 1, 1, 0.75);}
  
  .light-mode .elementor-widget-text-editor, .light-mode .ourstorytext p, 
  .light-mode .whitebglight .card h3, .light-mode .erpsectiontext, .light-mode .tlefticonboxcontent .elementor-icon-box-content p, .light-mode .subformsection .wpcf7-response-output{color:var(--text3) !important;}
  .light-mode .press-cat {color: rgba(1, 1, 1, 0.5);}
  .light-mode .elementor-widget-heading .elementor-heading-title{
    color:var(--text);
  }
  .light-mode .lowerfootercon p, .light-mode .lowerfootercon a{color: rgba(170, 170, 170, 1);}
  .lightlogo, .lightmode, .light-mode .darksvg, .lightsvg{display: none;}
  .light-mode .lightlogo, .light-mode .lightmode, .light-mode .lightsvg{display: block;}
  .light-mode .darklogo, .light-mode .darkmode{display: none;}
  .light-mode .mainlogo2.lightlogo .wpr-logo.elementor-clearfix {
    border-left: 1px solid rgba(1, 1, 1, 0.25) !important;
  }
  .light-mode nav .menu-item a.wpr-menu-item {
    color:rgba(1, 1, 1, 1) !important;
  }
  .light-mode .wpr-grid-tax-style-1 .inner-block a{color:rgba(1, 1, 1, 0.5) !important;}
  .light-mode .boxstyoewithnumber .sectionnumber h2{color:rgba(153, 153, 153, 1);}
  .light-mode .boxstyoewithnumber{background-color: #ffffff; border: 1px solid rgba(15, 118, 214, 0.2);}

.light-mode .redbg .elementor-widget-heading .elementor-heading-title, .light-mode .darkcolbg li {
  color: #ffffff;
}


.blogpost .wpr-grid-item-date .inner-block{color: var(--red) !important; font-family: var(--font-primary) !important;}
.single-post ul, .single-post ol{padding-bottom:10px !important; list-style-position: outside;
  padding-left: 20px;}
 .wpr-taxonomy-list {
  padding-left: 0 !important;
}
  
.single-post .wpr-post-info.wpr-post-info-horizontal {
  padding-left: 0;
}


  .light-mode .headerbutton.redbuttonsmall a.wpr-menu-item{
    color:#ffffff !important; font-weight: 500 !important;
  }
  .light-mode .textbluebg{ text-decoration: underline; text-decoration-color: var(--red);text-decoration-thickness: 2px;text-underline-offset: 10px;}
  .textbluebg2{ text-decoration: underline; text-decoration-color: var(--red);text-decoration-thickness: 2px;text-underline-offset: 5px;}

  .light-mode .fixed-header {
      background: #fff;
      border-bottom: 1px solid #FFFFFF15;
  }
.light-mode .arrowbtn path {
  fill: rgba(255, 255, 255, 0.4);
  fill-opacity: 1 !important;
}
.light-mode .arrowbtn:hover path {
  fill: rgba(255, 255, 255, 0.9);
  fill-opacity: 1 !important;
}
   .light-mode .contactformcontainer {
      background: #fff;
  }
  .light-mode .bluebgbox{background: #fff;}
  .light-mode .toplink{
      border-bottom: 1px solid rgba(8, 85, 178, 0.15) !important;
  }
  .light-mode .toplink .toptrasperentbtn a{
      background-color: transparent !important;
      color: var(--red);
  }
  .toplinkcontainer{border-bottom: 1px solid rgba(8, 85, 178, 1);}
  .light-mode .toplink .topbluebtn a {
    
      background-color: rgba(227, 241, 255, 1) !important;
      color: rgba(29, 23, 138, 1)
  }
  .light-mode .bluebggredian{
    /*background: linear-gradient(
    to bottom,
    #ffffff 0%,
    rgba(242,247,252, 0.5) 20%,
    rgba(242,247,252)
  );*/
  }

  .light-mode .bluebg{
    background: rgba(242,247,252);
  }

  .light-mode .tlefticonboxcontent {border:1px solid rgba(29, 23, 138, 0.25); border-bottom:4px solid rgba(29, 23, 138, 1); 
    background-color: transparent;
    background-image: linear-gradient(211deg, rgba(15, 118, 214, 0.1) 0%, #ffffff 25%);
    --icon-box-icon-margin: 5px;
  }


.light-mode .popmake {
  background: rgb(255, 255, 255) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 40px !important;;
}

 
  .light-mode .lowerfootercon {
    border-top: 1px solid rgba(29, 23, 138, 0.15) !important;
  }




.footercommentsection h2, .footercommentsection p{
    font-family:var(--font-primary);
font-weight: 500;
font-size: 40px;
line-height: 100%;
letter-spacing: -1px;
color:#ffffff;
}

.toplink span.elementor-button-text {
    font-family:var(--font-primary);
    font-size: 12px;
font-weight: 600;
line-height: 100%;
letter-spacing: 0px;
text-align: center;
}
.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1585px !important;
}

.e-con {
    --container-max-width: 1585px !important;
}
.pmarginb5 p{margin-bottom:5px;}
.headersection{padding-top:15px; padding-bottom:15px;}
.paddingtop20{padding-top: 20px;}
.padding30{padding: 30px !important;}
.padding20{padding: 20px !important;}
.marginetop50 {margin-top: 50px;}
.sectionspace30 {margin-bottom: 30px;}
.marginbottom80 {margin-bottom: 80px;}
.padding2bottom80{padding-bottom: 80px;}
.paddingbottom20 {padding-bottom: 20px;}
.paddingbottom30{padding-bottom: 30px;}
.paddingbottom40{padding-bottom: 40px;}
.margintop80onlyd{margin-top: 80px;}
.margintop60{margin-top: 60px !important;}
.paddingtop60{padding-top: 60px;}
.paddingbottom60{padding-bottom: 60px;}
.paddingtop80{padding-top: 80px;}
.paddingtop80onlyd{padding-top: 80px;}
.paddingtop40{padding-top: 40px;}
.paddingtop30{padding-top: 30px;} 
.paddingbottom10{padding-bottom: 10px;}
.paddingtop100{padding-top: 100px;}
.paddingbottom100{padding-bottom: 100px;}
.paddingbottom40{padding-bottom: 40px !important;}
.sectionptop80{padding-top: 80px !important;}
.sectionspace60 {margin-top: 60px;margin-bottom: 60px;}
.sectionspace80 {margin-top: 80px;margin-bottom: 80px;}
.sectionspace20 {margin-top: 40px;margin-bottom: 40px;}
.paddingtopbottom60 {padding-top: 60px !important;margin-bottom: 60px !important;}
.paddingtopbottom80 {padding-top: 80px !important;padding-bottom: 80px !important;}
.paddingbottom80 {margin-bottom: 80px !important;}
.sec4mainones {padding: 80px 0;}
.aboutupperlogo{width: 90%; margin: 0 auto !important;}
.erpsectiontext ul, .erpsectiontext p {
  margin-bottom: 10px !important;
}
ul {
  padding-left: 10px;
  list-style-position: inside;
}
.footercommentsection h2, .footercommentsection p{font-size: 40px; font-family: var(--font-primary);}
.tabssection h6 {
  font-family: var(--font-primary);
    background: #ffffffc8;
  color: #000;
  padding: 5px 10px;
  display: inline-block;
  white-space: nowrap;
  margin: 5px;
  font-weight: 400;
}
.erpsectiontextdarkbg, .erpsectiontextdarkbg p, .erpsectiontextdarkbg h3{
  color:#ffffff !important;
  font-family: var(--font-primary) !important;
   font-weight: 400;
}

.erpsectiontextdarkbg h4{
  color:rgba(187, 187, 187, 1) !important;
  font-weight:400;
}
.erpsectiontextdarkbg li, .erpsectiontextdarkbg span.smalltext{
  color:rgba(255, 255, 255, 1) !important;
}
.darkbggrid .smalltextl20{color:rgba(153, 153, 153, 1) !important; letter-spacing: 20%;}
.darkbggrid .text24, .darkbggrid .erpsectiontext48 h4, .color255, .color255 p, .color255 li, .color255 h3, .color255 h3.elementor-image-box-title {color: rgba(255, 255, 255, 1) !important;}
.darkbggrid .textwithimage h3 {
  color: rgb(255, 255, 255) !important;
}
.darkbggrid .elementor-widget-text-editor li, .color187 p{
  color: rgba(187, 187, 187, 1) !important;
}

.icon32text18 .elementor-icon-box-title {
  font-size: 18px;
}
.icon32text18  .elementor-icon {
  font-size: 32px;
}


.textwithimage .elementor-image-box-title{white-space: nowrap;}
.textwithimage.wraptext .elementor-image-box-title{white-space: normal;}
.erpsectiontextdarkbg span.smalltext, .erpsectiontextdarkbg .smalltextl20{
font-weight:500;
line-height: 120%;
letter-spacing: 0%;
text-transform: uppercase;
}
.text15greyspe20, .text15greyspe20 p{font-size: 16px;
line-height: 120%;
letter-spacing: 20%;
text-transform: uppercase;
color: rgba(153, 153, 153, 1);
margin: 0;
}

.erpsectiontextdarkbg h3{
  padding-bottom: 10px;
  padding-top: 10px;
}
.erpsectiontextdarkbg p {
  padding-bottom: 10px;}


.erpsectiontext48 h4, .text48 p, .text48 h3{
   font-family: var(--font-primary) !important;
   font-weight: 400;
line-height: 120%;
text-transform: capitalize;
}
.contacttesti {
    padding: 30px;
}
.text40 p{
font-size: 40px !important;
}
.darkbground .erpsectiontext48 h4{
  color:#ffffff !important;
}
.darkbground .sec9mainbtnwhite a {
  color: rgb(255, 255, 255) !important;
  border: 1px solid rgb(255, 255, 255) !important;
}

.erpsectiontext h4, .erpsectiontext ul, .erpsectiontext p, .erpsectiontext {
  font-family: var(--font-primary) !important;
}
.erpsectiontext h4{
  font-family: var(--font-primary) !important;
font-weight: 400;
line-height: 120%;
letter-spacing: 0px;
padding-bottom: 10px;
}

.whitebg{background-color: #ffffff;}
.roundcornerimg img {
  border-radius: 20px;
}
.imgroundleft img{border-radius: 20px 0 0 20px;}
.redtitleboxwithimage{padding:0 20px 10px;}
.redtitleboxwithimage h3 {
    font-family:var(--font-primary) !important;
font-weight: 500;
line-height: 120%;
letter-spacing: 0px;
color:#C61B30;
}
.redtitleboxwithimage ul {
  margin-left: 10px;
}
.darkbggrid .redtitleboxwithimage h3, .darkbggrid .redtitleboxwithimage p  {
  color: #fff;
}
.textcolorwhite p, .textcolorwhite h3, .textcolorwhite span, .textcolorwhite h1, .textcolorwhite h2, .textcolorwhite h4, .textcolorwhite li{
  color: #fff !important;
}
.bgimageroudcor {
  padding: 30px 40px;
}
.bgimageroudcor::before {
  border-radius: 20px;
}
.redtitleboxwithimage p {
    font-family:var(--font-primary) !important;
font-weight: 400;
font-size: 16px;
line-height: 120%;
letter-spacing: 0px;
color:#000;
}
.redtitleboxwithimage .smalltext14{
    font-size: 14px !important;
    margin-top: 10px;
    font-style: italic;
  }

.rediconboxcontent .elementor-icon-box-icon {
    display: flex !important;
    justify-content: end !important;
}

.tlefticonboxcontent .elementor-icon-box-icon {
    padding-bottom: 10px;
}
.rediconboxcontent, .tlefticonboxcontent {border:1px solid #ffffff20;}
.tlefticonboxcontent {border-bottom:4px solid #013E94; 
  background-color: transparent;
  background-image: linear-gradient(211deg, #013E9494 0%, #000F24 25%);
  --icon-box-icon-margin: 5px;
}

.darkbgbox{background-color: #000F24;}


.rediconboxcontent .elementor-icon-box-content, .tlefticonboxcontent{padding: 15px 30px 40px;}
.rediconboxcontent.withbtn .elementor-icon-box-content{padding: 30px 30px 10px;}
.rediconboxcontent .arrowbtn .elementor-button{padding-left: 30px;}
.rediconboxcontent .arrowbtn .elementor-button:hover svg path{fill-opacity: 1;}

.tlefticonboxcontent .elementor-icon {
  font-size: 27px;
}
.rediconboxcontent .elementor-icon {
  font-size: 25px;
  background-color: #C61B30 !important;
  border-color: #C61B30 !important;
}
.rediconboxcontent .arrowbtn {
  
  margin-bottom: 15px !important;
}

.sagelongheading {
  padding: 0;
  margin: 0;
}
.sagelongheading  h5{
  text-align: center;
font-weight: 600;
font-size: 16px;
line-height: 120%;
letter-spacing: 0px;
text-align: center;

}
.smallfont20 h3{font-weight: 700;}
.smallfont20 p.elementor-icon-box-description, .smallfont20 p {font-family:var(--font-primary) !important;font-size:20px !important; line-height: 120%;}
.smallfont36 h3 {font-family:var(--font-primary) !important;font-size:36px !important;}
.popmake {
  background: rgba(0, 15, 36, 1) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 40px !important;
  box-shadow: none;
}
.popmake h2, .popmake p, .popmake li {
  color:#ffffff;
}

.popmake .wp-block-image.size-large {
  background:rgba(198, 27, 48, 1);
  padding: 10px; display: inline-block ; margin: 0;
}
.rediconboxcontent  .elementor-icon-box-content h3, .tlefticonboxcontent  .elementor-icon-box-content h3, .tlefticonboxcontent  .lpboxtext {
font-weight: 400;
line-height: 120%;
letter-spacing: 0px;
color:#fff;
  padding-bottom: 10px
}

.rediconboxcontent:hover {color:#ffffff;}

.rediconboxcontent  .elementor-icon-box-content p, .tlefticonboxcontent  .elementor-icon-box-content p{
font-weight: 500;
font-size: 16px;
line-height: 120%;
letter-spacing: 0px;
color:#fff;
}

.boxstyoewithnumber{border: 1px solid rgba(255, 255, 255, 0.15);justify-content: space-between; padding:20px !important;}
.boxstyoewithnumber .sectionnumber h2 {
font-weight: 300;
font-size: 40px;
line-height: 45px;
letter-spacing: 0px;
color:#999999;
}
.boxstyoewithnumber .sectioncontent h3, .erpsectiontextdarkbg h3 {
font-weight: 400;
font-size: 32px;
line-height: 120%;
letter-spacing: 0px;
}
.boxstyoewithnumber .sectioncontent h4 {
font-weight: 500;
font-size: 16px;
line-height: 120%;
letter-spacing: 0px;
  color: #999;
  margin: 20px 0 0;
}

.boxstyoewithnumber .sectioncontent a {
font-weight: 400;
font-size: 14px;
line-height: 120%;
letter-spacing: 0px;
  color: #fff;
  background-color: #C61B30;
  padding: 10px 15px;
  border-radius: 50px;
  display: inline-block;
  margin-top: 10px
}
.fullbgblacktext .teambgsection h2, .fullbgblacktext .teambgsection .tagsuptext {color:#000000 !important;}
.wildbgimg p, .wildbgimg li {
  color: #fff;
}
.boxstyoewithnumber .sectioncontent h5 {
font-weight: 400;
font-size: 16px;
line-height: 120%;
letter-spacing: 0px;
  color: #fff;
  font-style: italic;
  padding-top: 10px;
}
.belowcontainer {
  border-top: 1px solid #F5F5F536;
  margin-top: 20px;
min-height: 95px;
}
.belowcontainer p{
 line-height: 120%;
}

.tagsuptext p {
  margin: 20px 0 0;
}

.reqsectionbtncon{
  padding: 30px 0 0;
}

/*partners img*/

.tlefticonboxcontent.bc img {
  max-width: 205px;
}

.tlefticonboxcontent.ibm img {
  max-width: 126px;
}

.tlefticonboxcontent.aws img {
  max-width: 49px;
}
.tlefticonboxcontent.rackspace img {
  max-width: 106px;
}
.tlefticonboxcontent.globalpayments img {
  max-width: 153px;
}
.tlefticonboxcontent.avalara img {
  max-width: 102px;
}
.tlefticonboxcontent.accessibe img {
  max-width: 108px;
}

.tlefticonboxcontent.titleimg .elementor-icon-box-title {
  min-height: 60px;
  padding: 0;
  margin: 0;
}

.logoonwhitbg {
  padding: 50px 10px;
}

.wpr-member-social-media {
    position: absolute;
    bottom: 10px;
    right: 20px;
}
.aboutcore h2 {
font-weight: 500;
line-height: 50px;
letter-spacing: 0px;
}

.aboutcore p {
font-weight: 400;
font-size: 16px;
line-height: 120%;
letter-spacing: 0px;
}
.erpsectiontext {
  color: #fff !important;
}
.erpsectiontext p.litext{
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}
.tabtextheading h4{
font-weight: 600;
line-height: 120%;
letter-spacing: 0px;
}
.aboutupperlogo h2 {
  font-weight: 400;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: -1px;
  text-align: center;
  color: #fff;
}
.logosection img {
    padding: 45px 70px;
    align-items: center;
}
.logosectiontext {
    background: #C61B30;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
font-weight: 400;
line-height: 120%;
padding:10px;
}
.arrowvertical {
    margin-bottom: -65px !important;
    margin-top: -20px !important;
}

.logosection .sec7mainposimg {
    border: 1px solid #FFFFFF20;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
}
.megamenud {
    padding: 10px 20px 40px!important;
	background-color: #000F24;
}
 .wpr-sub-mega-menu {
    border: none !important;
}
i.wpr-sub-icon.fas {
    display: none;
}
.lowfooterright p, .lowfooterright {display:flex;gap:20px;align-items:center;justify-content: end;}
.lowerfootercon p {margin-bottom: 0;}
.lowerfootercon .rightcon, .lowerfootercon .leftcon {
  padding: 10px 0 !important;
}
.lowfooterright a{
     
font-weight: 400;
font-size: 12px;
line-height: 22px;
letter-spacing: 0px;
color:rgba(153, 153, 153, 1)}

.footerimgsag, .footerimgsagasi, .footerimgsag p{display: flex; gap:20px;flex-wrap: wrap;}


.footerimgsag img {
    height: 35px;
    width:auto;
}
.footerimgsagasi img {
    height: 55px;
}
.awssliderart {
    margin-top: -600px;
    padding-top: 650px;
    z-index: -1;
}
a.wpr-menu-item.wpr-pointer-item:hover {
    color: #fff !important;
}
span.redbox {
    background: #C61B30;
    content: " ";
    padding: 0px 12px;
    font-size: 17px;
    margin-left: 20px;
}
.wpr-pointer-line-fx .wpr-menu-item:after {
    background-color: #fff !important;
	height: 1px !important;
}
.megaheadwithred
 {
    margin: 40px auto 20px !important;
font-weight: 500;
line-height: 100%;
letter-spacing: 0px;
color:#fff !important;
}
.megasubmenuhead {
  padding-top: 20px !important;
  margin-bottom: 10px !important;
}
.megaheadwithred h2
 {
  color:#fff !important;
 }
.textmenu .megasubmenuhead.elementor-widget-heading {
    margin: 0 !important;
    padding: 5px 0 !important;
}

.megasubmenuhead p, .megamenud nav ul li a.wpr-menu-item.wpr-pointer-item{
font-weight: 400;
font-size: 16px;
line-height: 36px;
letter-spacing: 0px;
}
.megasubmenuhead a {color:#fff !important; cursor:default; font-weight: 400 !important;}
.megasubmenuhead p{color:#fff;} 
.megamenud nav ul li a.wpr-menu-item.wpr-pointer-item {color:#fff !important;}
.megamenud nav ul li {color:#bbbbbb;  display:block; width:100%;margin:0 !important; padding: 0px  !important;}
.megamenud nav ul li a.wpr-menu-item.wpr-pointer-item:hover {color:#fff !important; text-decoration:none !important}

.megamenud nav ul li a.wpr-menu-item.wpr-pointer-item::after {display:none;}

.megamenud nav ul li a.wpr-menu-item.wpr-pointer-item {
    padding:0 !important
}

.megamenusmall {
    background: #021D40;
    padding: 0 50px 0px;
    border:1px solid rgba(255, 255, 255, 0.1) !important;
}

.megamenusmall .megaheadwithred  h2 {
font-weight: 700;
font-style: Bold;
font-size: 13px;
letter-spacing: 0px;
    color:rgba(153, 153, 153, 1) !important;
}


.wpr-parallax-multi-layer {
    display: none;
}
.wpr-grid-pagination.elementor-clearfix.wpr-grid-pagination-default {
    display: none;
}
.mainlogo img {
    width: 369px;
}
.mainlogo2 img {
    width: 120px;
	padding-left:20px;
}
.mainlogo3 img {
    width: 200px;
	padding-left:20px;
}
.footerlogo{width: 198px;}
.subscriptionform p {
  display: flex;
}
.subscriptionform {
  width: 80%;
  text-align: right;
  margin: auto 0 auto auto;
}
.subscriptionform p  input {
font-weight: 400;
font-size: 14px;
line-height: 100%;
letter-spacing: 0px;
text-align: left;
color: #999999;
border-radius: 0;
border: 1px solid rgba(1, 1, 1, 0.75);
}
.subscriptionform p  .redbuton {
font-weight: 600;
font-size: 14px;
line-height: 100%;
letter-spacing: 0px;
text-align: center;
background: #C61B30;  color: #fff; border: none; border-radius: 0; margin-left: 10px;
}

.footergrid{
  padding-top: 50px;
  border-top: 1px solid rgba(204, 204, 204, 1);
}
.footersection .wpr-nav-menu li {
  color: #999;
  display: block;
  padding: 0; 
  margin: 0 !important;;
}

.footersection .wpr-nav-menu-container.wpr-nav-menu-horizontal { padding-bottom: 30px;}
.footersection .wpr-nav-menu li a{
  color: #999 !important;
  padding: 0 !important; 
  margin: 0 !important;
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 0px;

}
.footersection  nav ul li {display:block !important}
.stayconnectedfoo {
  padding-top: 40px;
  padding-bottom: 10px;
}
.footeradditionallogo{padding-top: 20px;}
.footersection .wpr-nav-menu li a:hover{
  color: #C61B30 !important;
}
.footertext {
  width: 85%;
}
.lowfooterright span {
font-weight: 400;
font-size: 12px;
line-height: 22px;
letter-spacing: 0px;
text-align: right;
color: #999999;
  padding: 0 10px
}


.imagbghome {
  padding: 30px 50px;
}
.sec9mainbtnwhite2 a {
  color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 4px !important;
  font-size: 15px !important;
  text-shadow: none !important;
}
.imagbghome h2.elementor-heading-title.elementor-size-default {
  color: #ffffff !important;
  font-weight: 400 !important;
  line-height: 120%;
  letter-spacing: 0%;
  text-transform: capitalize;
  padding-bottom: 10px;
  font-size:32px !important;
}
.darkbground{
  background: rgba(6, 7, 17, 1);
  padding: 50px 80px;
  border-radius: 30px
}
.whitebground {
  background: #ffffff;
  padding: 50px 80px;
  border-radius: 20px;
  border: 1px solid rgba(234, 239, 244, 1);
}
.whitebgroundnoborder{
  background: #ffffff;
  border-radius: 20px;
}
.fullwidthwhitebg{
  background: #ffffff;
}

.whitebgtesttext .smalltext{
  color: var(--red);
letter-spacing: 40%;
text-transform: uppercase;
    padding-top: 30px;
}
.whitebgtesttext p.textp {
    padding-top: 20px;
  font-weight: 400;
  font-size: 15px;
  width: 70%;
}

.whitebgtesttext h3 {
font-weight: 400;
line-height: 120%;
padding: 5px 0;

}

.imagewithtexttestim .elementor-image-box-title {
  font-weight: 700;
  color: rgba(0, 0, 0, 1);
  font-size: 15px;
  margin: 0 0 5px 0;
  white-space: nowrap;
}
.imagewithtexttestim .elementor-image-box-description {
  color: rgba(153, 153, 153, 1);
  line-height: 20px;
  white-space: nowrap;
}
.imagewithtexttestim strong {
  color: rgba(0, 0, 0, 1); font-weight: 400;
}


.textbluebg{/*background:rgba(1, 62, 148, 1); color:#fff;*/line-height: 120%;}
.textredcolor{color: var(--red);font-weight: 500;}

.textredcoloraws {
    color: var(--red);
    font-weight: 500;
    white-space: nowrap;
}
.textredcolor strong, .textredcoloraws strong{color:rgba(17, 17, 17, 1); font-weight: 500;}

.darkbggrid .textredcolor strong{color:rgba(255, 255, 255, 1);}

.text24.weight500 h3, .text16 .weight500, .weight500 p {
  font-weight: 500 !important;
}

.color0, .text20.color0 p a {color: rgb(0, 0, 0, 1) !important;}
.text20.color0 p a:hover {color: rgba(193, 0, 42, 1) !important;}



.maincfdiv {
    display: flex;
    gap: 50px;
    align-items: center;
    font-family: var(--font-primary);
    font-weight: 400;
}
.maincfdivcl.maincfdivcl1 h2 {
    font-size: 32px;
    font-weight: 400;
}
.maincfdiv  label {
    margin-bottom: 5px;
    color:rgba(68,68,68,1);
    font-size:14px;
}

.maincfdiv  input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email.formemailcokie {
    color: #000;
    font-size: 16px;
    font-family: var(--font-primary);
}
.maincfdivcl input, .maincfdivcl textarea {
    border: 1px solid rgba(236, 236, 239, 1);
    background: rgba(252, 252, 252, 1);
    color: rgba(68, 68, 68, 1);
}
.maincfdiv  input.wpcf7-form-control.wpcf7-submit.has-spinner.redbuttonsmall, #frictionModal button {
    background: linear-gradient(to right, rgb(53, 148, 237), rgb(15, 118, 214)) !important;
    color: #fff;
    border-radius: 4px !important;
    font-size: 15px !important;
    text-shadow: none !important;
    border: none;
        padding: 12px 24px !important;
    margin-top: 10px;
}
form#frictionForm {
    text-align: left;
}
.maincfdivcl.maincfdivcl1 h2 {
    font-size: 32px;
    font-weight: 400;
}
#frictionModal h3 {
    font-size: 20px;
    text-align: left;
    font-weight:400;
}

.icontext24 h3, .textwithimage h3, .text24 h3 {color: rgb(0, 0, 0, 1) !important;
  font-weight: 400;
  margin: 0;
}
.icontext15 h3, .icontext24 p {
  color: rgb(0, 0, 0) !important;
  font-size: 15px;
  font-weight: 400;
}
.redcap p, .redcap, .light-mode .redcap.elementor-widget-text-editor {
letter-spacing: 20%;
text-transform: uppercase;
margin-bottom: 0;
}

.redtextcolor, .redtextcolor h3, .redcap p, .redcap, .light-mode .redcap.elementor-widget-text-editor{color: var(--red) !important;}

.greycolor p{color: rgba(113, 111, 111, 1);}
.darkblackcolor{color: rgba(0, 0, 0, 1);}
.text15 p, .erpsectiontextdarkbg p, .erpsectiontextdarkbg li {
  font-size: 15px;
  font-weight: 400;
}
.paddingtop15{margin-top: 15px;}
.text16 p, .text16 li, {
  font-size: 16px;
  font-weight: 400;
}
.contacttesti p.elementor-image-box-description, .contacttesti .divname, .contacttesti .divdes {
    font-size: 16px;
}
.contacttesti p.elementor-image-box-description, .contacttesti .divname, .contacttesti .divdes {
    font-size: 16px;
    color:rgba(255, 255, 255, 1);
}
.contacttesti .divname{
    font-weight: 500;
    margin-top:10px;
}
.text24{
  font-weight: 400;
}
.maincontainer {
  width: 1585px;
  padding-left: 25px;
	padding-right: 25px;
		margin:auto;
}
.ourstorytext h2 {
    font-weight: 400;
    line-height: 120%;
color:#fff;
padding-bottom: 20px;
}
.ourstorytext h3 {
    font-weight: 500;
    line-height: 120%;
color:#fff;
padding-bottom: 20px;
margin-bottom:0;
}
.ourstorytext p {

font-weight: 400;
font-size: 16px;
line-height: 120%;
color:#fff;
/*padding-bottom: 20px;*/
}
.journeyhighlights h1 {
    font-weight: 500;
    font-size: 84px;
    line-height: 84px;
    text-align: center;
    color: #C61B30;
}

.bigfont84 p {
    font-weight: 700;
  font-size: 44px;
  line-height: 120%;

}

.mainbannersec{padding-top: 0px; margin-top: 0px;}
/**banner slider**/


.homebannerslider  .slide {
  display: flex;
  gap: 20px;
  align-content: center;
  justify-content: center;
}

.homebannerslider  .slidemaindivchild1, .homebannerslider  .slidemaindivchild2 {
  align-content: center;
  justify-content: center;
  flex: 1;
  padding: 20px 10px;
}
.homebannerslider  .slidemaindivchild1 h1 {
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: -1px;
  line-height: 120%;
  padding-bottom: 20px;
}
.homebannerslider  .slidemaindivchild1 p {
  font-weight: 500 !important;
  line-height: 120%;
  letter-spacing: 0px;
  padding-bottom: 20px;
  color: #FFFFFF;
}
.homebannerslider .navigation {
  justify-content: right;
}

.nowrap{white-space: nowrap;}
.sec7mainposimg{z-index:-1;}

.homeposts ul.wpr-grid-filters.elementor-clearfix.wpr-grid-filters-sep-right {
    display: none;
}

.homeposts .inner-block {
    font-size: 14px;
    line-height: 16px;
    padding-top: 15px;
}
.elementor-widget-wpr-grid:not(.wpr-item-styles-wrapper) .wpr-grid-item{padding:20px !important
}

.homerequestleft {
    width: 80%;
}
.homerequestleft .elementor-heading-title.elementor-size-default {
  font-size: 40px;
  line-height: 120%;
  color:#ffffff;
}
.fullwidthcontainer{padding:0 0 50px 0}
.mainbannerinner {padding: 20px 5% 80px; gap:70px;}
.maincontainer.mainbannerinner{padding-left: 25px; padding-right: 25px;}
.mainbannerinnerhome {border-bottom: 1px solid rgba(204, 204, 204, 1);}

.bgimagecontainer {
  padding: 50px 40px !important;
}
.bgimagecontainer.redbg {
  padding: 80px 50px;
}

.bgimagecontainer h3.elementor-icon-box-title {
font-weight: 500;
line-height: 120%;
letter-spacing: 0px;
padding-bottom: 20px;
}

.bgimagecontainer p.elementor-icon-box-description {
font-weight: 500;
line-height: 120%;
letter-spacing: 0px;
}
.bgimagecontainer.redbg h2{
  font-size: 40px;
  padding:10px;
  font-weight: 500;
  line-height: 130%
}
.transperentbtnwitharrow20 .elementor-button-text {
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0px;
  padding: 10px;
}
.transperentbtnwitharrow20 .elementor-button-icon svg{
  width: 22px;
}

.transperentbtnwitharrow20 a:hover{color:#BBBBBB;}
.sec3mainhead {
    padding-top: 80px !important;
    padding-bottom: 50px !important;
}
.sec4main {margin-top:80px;}
.testimocon, .secmain80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.blogsection {
    padding-top: 120px;
}
.blogsectioncontent{padding-bottom:80px;}
.hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }
.sec4mainslider {
    padding-bottom: 50px;
}
  .hover-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
    opacity: 1;
  transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  }

  .hover-box .content {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff;
    transition: opacity 0.7s ease, transform 0.7s ease;
		font-family: var(--font-primary), Sans-serif;
    font-weight: 500;
    line-height: 24px;
		padding:20px;
  }

  .hover-box .content h3 {
    margin: 0 0 10px;
  }

  .hover-box .content p {
    margin: 0;
  }

  /* Hidden text and button */
 .hover-box .hover-content {
    position: absolute;
    left: -100%;
    bottom: 20px;
    width: 90%;
    color: #fff;
    transition: all 0.7s ease;
		padding:0 20px 20px;
  }

 .hover-box .hover-content button {
        margin-top: 10px;
    padding: 30px;
    border: none;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    transform: translateY(50px);
    transition: transform 0.7s 
ease;
    background-image: url(https://beta.awspromostack.com/wp-content/uploads/2025/11/arrow-2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }



  /* Hover effects */
  .hover-box .hover-box:hover img {
    transform: translate(350px, 350px) scale(0.9);
    opacity: 0;
  }

  .hover-box .hover-box:hover .hover-content {
    left: 20px;
  }

  .hover-box .hover-box:hover .hover-content button {
    transform: translateY(0);
  }

.sec9mainbtn a {
  background: linear-gradient(to right, rgb(53, 148, 237), rgb(15, 118, 214));
  color: white;
  border-radius: 4px !important;
  font-size: 15px !important;
  text-shadow: none !important;
}
.sec9mainbtn a:hover{
  background: #C61B30;
}
.sec9mainbtnwhite a {
  background: transparent !important;
  color: rgba(68, 68, 68, 1);
  border: 1px solid rgba(68, 68, 68, 1);
  border-radius: 4px !important;
  font-size: 15px !important;
  text-shadow: none !important;
}
span.smallcase.bluebghead {
    background: rgb(15 118 214);
    color: #fff;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 16px;
}
.sec9mainbtnwhite a:visited, .color68 li, .color68, .color68 p, .color68 h2, .color68 h3, .color68 h4{color: rgba(68, 68, 68, 1);}

.color68-5 li, .color68-5, .color68-5 p, .color68-5 h2, .color68-5 h3, .color68-5 h4{color: rgba(68, 68, 68, 0.5);}
.color136 li, .color136, .color136 p, .color136 h2, .color136 h3, .color136 h4{rgba(136, 136, 136, 1);}
.color17, .color17 li, .color17 p, .color17 h3{color: rgba(17, 17, 17, 1) !important;}
.color153, .color153 p{color: rgba(153, 153, 153, 1) !important}
.sec9mainbtnwhite a:hover{
  background-color:#C61B30 !important;
  text-shadow: none;
  color:#fff;
  border-color:#C61B30;
}

/* ================================
   MOBILE CLICK (ACTIVE CLASS)
================================ */
@media (max-width: 1366px) {
  .hover-box.active img {
    transform: scale(1.2);
    opacity: 0;
  }

  .hover-box.active .hover-content {
    left: 20px;
  }

  .hover-box.active .hover-content button {
    transform: translateY(0);
  }
}


.elementor-icon-box-title, .elementor-icon-box-title a{font-family:var(--font-primary) !important;}
.pagebannertext1 h2, .pagebannertext1 h1 {
  font-family: var(--font-primary);
    font-weight: 400 !important;
    font-size: 20px;
   color:#999999 !important;
    line-height: 100%;
    text-transform: uppercase;
    color:rgba(1, 1, 1, 0.50)  !important;
}


.pagebannertext2, .pagebannertext2 p, .pagebannertext2 h1 {
  font-family: var(--font-primary);
    font-weight: 400;
   color:#fff;
    line-height: 120%;
}
.pagebannertext2 p{
    margin: 0 !important;
}
.pagebannertext2{
    margin: 10px 0 20px !important;
}

.pagebannertext2.marginb0{margin: 10px 0 0px !important;}
.pagebannertext3, .pagebannertext3 p {
  font-family: var(--font-primary);
    font-weight: 400;
    font-size: 16px;
   color:rgba(68, 68, 68, 1);
    line-height: 120%;
}

.pagebannertext4 p {
  font-family: var(--font-primary);
    font-weight: 400;
    font-size: 16px;
   color:rgba(68, 68, 68, 1);
    line-height: 120%;
}

.bigheading84, .bigheading84  h2, .bigheading84  p, .bigheading84{
    font-weight: 400;
    line-height: 120% !important;
}
.bigheading84.alignleft h2{text-align: left !important;}
.bigheading48  h2, .bigheading48  h3 {
    font-weight: 500;
    line-height: 120% !important;
    letter-spacing:0px;
}
.bigheading48.whitebglight{
  color:rgba(0, 0, 0, 1);
}
.fontsize40 h2, .fontsize40 p {
    font-weight: 400;
    line-height: 110% !important;
}

.awardheading .elementor-heading-title.elementor-size-default {
  font-weight: 500;
  font-size: 54px;
  line-height: 120%;
  letter-spacing: -2px;
  color: #fff;
}
.imagetext20p14 .elementor-image-box-content{padding: 0 20px 20px;}
.imagetext20p14 .elementor-image-box-title, .imagetext20p16 .elementor-image-box-title{
  text-align: left;
  font-weight: 500;
}
.imagetext20p14 .elementor-image-box-description {
  font-size: 14px;
}
.imagetext20p14 .elementor-image-box-title{
  margin-bottom: 10px;
}
.imagetext20p16 .elementor-image-box-title{
  color: rgba(0, 0, 0, 1) !important;
  margin-bottom: 5px;
}

.imagetext16p16 .elementor-image-box-title{font-size: 16px; font-weight: 500; color:#ffffff;margin-bottom: 10px;}
.imagetext16p16 .elementor-image-box-description{font-size: 16px; font-weight: 400; color:rgba(187, 187, 187, 1);}
.imagetext20p16 .elementor-image-box-description {
  font-size: 16px;
  text-align: left;
  color: rgba(68, 68, 68, 1) !important;
}
.borderbottom{border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
.casestudiesbox .elementor-icon-box-title {
  font-weight: 500;
  line-height: 130%;
  color: #fff;
  padding-bottom: 10px
}

.casecontainer {
  padding: 30px 0;
}
.casestudiesbox .elementor-icon-box-title span b{
  color: #999999;
  font-weight: 500;
}
.casestudiesbox .elementor-icon-box-description {
    color: #fff;
font-size: 15px;
}
.textalignleft h2{text-align:left !important;}
h2.elementor-heading-title.elementor-size-default {
    font-family:var(--font-primary) !important;
}
.testimonialscontainer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.testimonialscontainer .elementor-testimonial-content {
  font-family: var(--font-primary);
font-weight: 400 !important;
font-size: 16px !important;
line-height: 120% !important;
}
.testimonialscontainer .elementor-testimonial-name {
   font-family: var(--font-primary);
font-weight: 500 !important;
line-height: 120% !important;
}
.testimonialscontainer .elementor-testimonial-job {
   font-family: var(--font-primary);
  font-weight: 400 !important;
font-size: 16px !important;
line-height: 120% !important;
  color: #999999 !important;
  padding-top: 10px;
}
.teamcontainer h3.wpr-member-name, .teamcontainer div.wpr-member-name {
font-weight: 400 !important;
font-size: 16px !important;
line-height: 24px;
letter-spacing: 2px;
text-transform: uppercase !important;
    padding-bottom:15px;
    border-bottom: 1px solid rgba(245, 245, 245, 0.15);
  margin-bottom: 20px !important;
}


.teamcontainer .wpr-member-job {
font-weight: 400 !important;
line-height: 120%;
letter-spacing: 0px;
 padding-bottom:10px
}

.teamcontainer .wpr-member-description {
font-size: 16px !important;
line-height: 24px;
}
.teambgsection{
  padding: 80px 0;
  margin-bottom: 0px;
}

.teambgsection h2.elementor-heading-title.elementor-size-default {
font-weight: 400;
font-size: 84px;
line-height: 90px;
}

.teambgsection .elementor-widget p {
font-weight: 400;
font-size: 16px !important;
line-height: 120%;
letter-spacing: 0px;
    font-family:var(--font-primary);
}
.wegetsmalltext p{ width:80%; margin:20px auto 0; text-align:center; color:#fff;font-family:var(--font-primary) !important;
font-weight: 400;
font-size: 15px;
line-height: 120%;
text-align: center;
                }
.smalltext{ font-family:var(--font-primary) !important;
font-weight: 400;
font-size: 15px;
line-height: 120%;
                }
.smalltext20{font-family:var(--font-primary) !important;
font-weight: 400;
line-height: 120%;}
.smalltextwhite{
  color:#ffffff;
}
.paddingupdown {
    margin: 50px 0 70px !important;
}
.boxstyle div{
    font-family: var(--font-primary);
font-weight: 400;
line-height: 120%;
    text-align:center;
}
.boxstyle {
padding: 50px 20px;

}

.onsourcetext h2 {
  font-size: 76px;
  font-weight: 500 !important;
  line-height: 120%;
  display: inline;
}

.onsourcetext h2 img{display: inline}

.awsbgsection {
  margin-top: -100px;
  padding-top: 150px;
  padding-bottom: 150px;
}


.belowguaranttext p {font-family: var(--font-primary);
font-weight: 500;
font-size: 15px;
line-height: 20px;
color:#fff;
 margin:10px
}

.fourboxcontent h3 {
font-weight: 500;
line-height: 120%;
letter-spacing: 0px;
color:#C61B30;
}
.fourboxcontent p {
font-weight: 400;
font-size: 15px;
line-height: 120%;
color:#000;
}
.accordianwhite span.e-n-accordion-item-title-icon {
    border: none !important;
}
.answers, .arrowul2 ul, .trangle, .starli, .bluetick, .redcross, .accordianwhite ul, .starli ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.answers li, .arrowul2 ul li, .trangle li, .starli li, .bluetick li, .redcross li, .accordianwhite li, .starli ul li {
  padding-left: 1.7em;
  position: relative;
  margin-bottom: 15px;
  line-height: 120%;
}
.starli ul li{
  margin:5px;
}
.starli.margin30 li, .bluetick.margin30 li, .redcross.margin30 li{
  margin: 30px 0;
}

.imagbghome .text20.txtcolor p {
  padding-bottom: 10px;
  color: #fff;
}
.lightgreybgrcorner {
  background: rgb(252, 252, 252);
  border-radius: 20px;
}
.whitebgwithli, .whitebgwithoutpadding, .whitebgwithoutpadding img {
  background: #fff;
  border: 1px solid rgba(234, 239, 244, 1);
  border-radius: 20px;
}
.whitebgwithoutpadding img {
  border-radius: 20px 20px 0 0;
}
.whitebgwithli {
  padding: 0 20px;
}
.whitebgwithli.whitebgwithlipadding {
  padding: 20px;
}

.whitebgwithli .starli li p {
  font-size: 15px;
  color: rgba(34, 34, 34, 1);
  padding-top: 10px;
  line-height: 120%
}

/* SVG tick mark for "yes" */
.answers li::before, .trangle li::before, .starli li::before, .bluetick li::before, .redcross li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 14px;
  height: 14px;
  background-size: contain;
}
.answers li::before {
  background: url("https://beta.awspromostack.com/wp-content/uploads/2025/10/tick.svg") no-repeat center;
}
.trangle li::before {
  background: url("https://beta.awspromostack.com/wp-content/uploads/2026/03/liicon.svg") no-repeat center;
}
.starli li::before, .accordianwhite ul li::before {
  background: url("https://beta.awspromostack.com/wp-content/uploads/2026/03/listar.svg") no-repeat center;
}
.starli ul li::before {
  background: url("https://beta.awspromostack.com/wp-content/uploads/2026/03/liicon.svg") no-repeat center;
}
.bluetick li::before {
  background: url("https://beta.awspromostack.com/wp-content/uploads/2026/03/righttik.svg") no-repeat center;
}
.redcross li::before {
  background: url("https://beta.awspromostack.com/wp-content/uploads/2026/03/redcross.svg") no-repeat center;
}

.arrowul2 ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 12px;
  height: 12px;
  background: url("https://beta.awspromostack.com/wp-content/uploads/2025/11/arrow2.svg") no-repeat center;
  background-size: contain;
}
.headerbutton button.wpr-offcanvas-trigger {
    padding: 7px 20px !important;
    font-weight: 500;
}
.bullettextheading h2 {
  font-weight: 700 !important;;
  font-size: 15px;
  line-height: 120%;
  letter-spacing: 0px;
 padding-bottom: 10px
}
.bullettextheading .elementor-element.elementor-widget.elementor-widget-heading {
   border-bottom: 1px solid #fff3;
}


.bgwithtextbox.marginbottom {
  margin-bottom: 200px;
}
.bgwithtextbox.margintop{
  margin-top: 200px
}
.bgwithtextbox{padding: 30px 30px 40px;}
.bgwithtextbox h2 {
font-weight: 400;
font-size: 30px;
letter-spacing: -1px;
}

ul {
  list-style-position: outside;
}
.bgwithtextbox ul, .erpsectiontext ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.bgwithtextbox ul li, .erpsectiontext ul li {
  position: relative;
  padding-left: 1em; /* space for the custom bullet */
  margin: 0.4em 0;
  font-weight: 400;
line-height: 120%;
letter-spacing: 0px;
  padding-bottom: 5px;
}

.bgwithtextbox ul li::before, .erpsectiontext ul li::before{
  content: "•";             /* or use an icon, emoji, image */
  position: absolute;
  left: 0;
  top: 0.05em;              /* adjust to vertically center */
  font-size: 1.1em;
  line-height: 1;
}

/**slider css**/
.slider-container {
    width: 100%;
    overflow: hidden;
}

.slider-wrapper {
    display: flex;
    flex-direction: row;
}

.image-section {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.text-section {
    flex: 1;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

.slider-track {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
}

.slide {
    min-width: 100%;
    width: 100%;
    flex-shrink: 0;
}

.image-section .slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
}

.image-section .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}

.text-section .slide {
    padding: 60px 50px;
    width: 100%;
    box-sizing: border-box;
}

.text-section .slide h2 {
     font-weight: 500;
    line-height: 120%;
    letter-spacing: 0px;
    color:#fff;
    word-wrap: break-word;
    overflow-wrap: break-word;
}


.text-section .slide p {
    font-weight: 400;
font-size: 15px;
line-height: 120%;
 color:#fff;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
	margin-bottom: 30px;
}

.contactformcontainer {
    padding: 50px;
    border: 1px solid #FFFFFF20;
}
.contactrighticonsection {
    padding: 20px;
    border: 1px solid #FFFFFF20;
}

.contactrighticonsection h3.elementor-icon-box-title {
    font-size: 15px;
}
.contactbox h2 {
    color: #ffffff !important;
font-weight: 500;
line-height: 120%;
letter-spacing: 0px;
text-align: center;

}
.contactlocation .elementor-icon-box-description {
  color: #000;
}
.contentboxcontainer {
    padding: 40px;
    margin-top: 40px;
}
.textw20 p {
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0px;
    color:#ffffff;
}
.contactlocation {
    background: #fff;
    padding: 40px 40px 0 ;
}
.contactlocation .elementor-icon-box-wrapper:hover .elementor-icon-box-title{color:rgba(198, 27, 48, 1)}
.contactrighticonsectionlocation {
    padding: 20px 40px 40px;
}
.contactrighticonsectionlocation h3.elementor-icon-box-title {
font-weight: 500 !important;
font-size: 15px;
line-height: 24px;
letter-spacing: 0px;
    color:rgba(198, 27, 48, 1) !important;
}
.whiteheadingh2 h2 {
    color: #ffffff !important;
    font-family: var(--font-primary);
font-weight: 400;
font-size: 40px;
line-height: 100%;
letter-spacing: -1px;
}
.contactlocation h3.elementor-icon-box-title {
    font-family:var(--font-primary);
font-weight: 500;
line-height: 24px;
letter-spacing: 0px;
color:#C61B30;
}

.contactlocation p.elementor-icon-box-description{
	font-family: var(--font-primary);
font-weight: 400;
font-size: 15px;;
line-height: 24px;
letter-spacing: 0px;
color: rgba(0, 0, 0, 1);
}

.teamtext {
    padding: 20px;
}
.teamtext h3{
    font-family:var(--font-primary) !important;
font-weight: 500;
line-height: 24px;
letter-spacing: 0px;
color:#C61B30 !important;
}
.teamtext p{
    font-family:var(--font-primary) !important;
    color:#000 !important;
}

a.redbuttonsmall, .redbuttonsmall a, input.redbuttonsmall{
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    padding:10px 20px !important;
background: linear-gradient(to right, rgb(53, 148, 237), rgb(15, 118, 214)) !important;
    color:#fff !important;
    display: inline-block;
	border-radius:4px;
}
.sec9mainbtn a {
  background: linear-gradient(to right, rgb(53, 148, 237), rgb(15, 118, 214));
  color: white;
  border-radius: 4px !important;
  font-size: 15px !important;
  text-shadow: none !important;
}
.sec9mainbtn a:hover, a.redbuttonsmall:hover, .redbuttonsmall a:hover, input.redbuttonsmall:hover, .sec9mainbtnwhitebg a:hover,
.imagbghome .sec9mainbtnwhitebg a:hover, .sec9mainbtnwhite2 a:hover{
  background: #C61B30 !important;
}
.sec9mainbtnwhite a {
  background: transparent !important;
  color: rgba(68, 68, 68, 1);
  border: 1px solid rgba(68, 68, 68, 1);
  border-radius: 4px !important;
  font-size: 15px !important;
  text-shadow: none !important;
}
.sec9mainbtnwhitebg a {
  color: rgba(68, 68, 68, 1);
  border: none;
  border-radius: 4px !important;
  font-size: 15px !important;
  text-shadow: none !important;
  background-color: #ffffff !important;
}
.imagbghome .sec9mainbtnwhitebg a {
    color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.sec9mainbtnwhite.darkbg a {
  color: rgba(153, 153, 153, 1);
  border: 1px solid rgba(153, 153, 153, 1);
}


.whitebtn .elementor-button{
	font-weight: 500 !important;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    padding:10px 20px !important;
background:#ffffff !important;
    color:#C61B30;
    display: inline-block;
	border-radius:0;
}
/* Navigation */
.navigation {
    display: flex;
    align-items: start;
    justify-content: left;
    gap: 20px;
    padding: 0 50px 40px 50px;
    margin-top: auto;
}
.prev-btn, .next-btn{display: none !important;}
.nav-arrow {
    background: #667eea;
    border: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.nav-arrow:hover {
    background: #5568d3;
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
}

.nav-arrow:active {
    transform: scale(0.95);
}

.dots {
    display: flex;
    gap: 12px;
    align-items: center;
}

.dot {
    width: 30px;
    height: 4px;
    border-radius: 0;
    background: #ffffff30;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.dot:hover {
    background: #fff;
    transform: scale(1.2);
}

.dot.active {
    background: #fff;
    width: 30px;
    border-radius: 0px;
}

/* Touch/Drag cursor */
.slider-track.grabbing {
    cursor: grabbing;
}

.slider-track {
    cursor: grab;
}

.mainlogo4.lightlogo{display: none;}

iframe .hsfc-RichText p{
  margin: 0 0 10px !important;
}
iframe label{margin-bottom: 0px !important;}

/* Responsive Design */
@media (max-width: 968px) {
    .slider-wrapper {
        flex-direction: column;
    }

    .image-section {
        min-height: 300px;
    }

    .text-section .slide {
        padding: 40px 30px;
    }

    .text-section .slide h2 {
        font-size: 2rem;
    }

    .text-section .slide p {
        font-size: 1rem;
    }

    .navigation {
        padding: 0 30px 30px 30px;
    }
}

@media (max-width: 640px) {
 
  .maincontainer.megaheadwithred {
    display: none;
  }
  .textmenu .megasubmenuhead.elementor-widget-heading{
    padding: 3px 0 !important;
  }
  .innermainbannerinnerleft, .innermainbannerinnerright {
    padding: 0 0 10px;
  }
  .light-mode .mainlogo4.lightlogo{display: block;}
  .mainbannerinner {gap:20px;}
    .mainlogoparent {
        display: flex;
    }
    .mainlogoparent .mainlogo{
        flex: 4;
    }
    .mainlogoparent .mainlogo2{
        flex: 2;
    }
    .mainlogoparent .mainlogo2 img{
        padding-left:10px;
    }

    .mainlogoparent .mainlogo3{
        display:none;
    }
  
    .image-section {
        min-height: 250px;
    }

    .text-section .slide {
        padding: 30px 20px;
    }

    .text-section .slide h2 {
        font-size: 1.75rem;
        margin-bottom: 15px;
    }

    .text-section .slide p {
        font-size: 0.95rem;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    .navigation {
        padding: 0 20px 25px 20px;
        gap: 15px;
    }

    .nav-arrow {
        width: 42px;
        height: 42px;
    }

    .nav-arrow svg {
        width: 20px;
        height: 20px;
    }

    .dot {
        width: 30px;
        height: 4px;
    }

    .dot.active {
        width: 26px;
    }
	
	.image-section .slide {
	  display: block;
	}
	.sectestimonials .text-side {
	  display: block !important;
	}
	.maincfdiv{
	    gap:0px;
	}
	.maincfdivcl.maincfdivcl2 {
        display: none;
    }
    .revenue-input-wrap input{
        width:auto;
    }
}

@media (max-width: 400px) {
    .text-section .slide h2 {
        font-size: 1.5rem;
    }

    .text-section .slide p {
        font-size: 0.9rem;
    }

    .navigation {
        gap: 10px;
    }

    .nav-arrow {
        width: 38px;
        height: 38px;
    }
}

.bluebgbox{
  background: linear-gradient(to bottom, rgb(8, 85, 178), rgb(0, 43, 103));
  padding: 50px 40px;
}

.bluebgbox h3{
  padding-bottom: 15px;
}

.bigiconser {
  margin-right: 5% !important;
}
/*Services page animation*/
.stepparrent::before {
    content: " ";
    border: 15px solid rgba(255, 245, 247, 1);
    top: 20px;
    position: absolute;
    width: 87%;
    border-radius: 50px;
}
.foursection .stepparrent::before {width: 75%;}
.foursection .step-wrap {width: 25%;}
.foursection .step-wrap::after {width: 90%;}
.step-wrap {
  text-align: center;
  position: relative;
  width: 20%;
}
.step-wrap::after {
  content: " ";
  background-image: url(https://beta.awspromostack.com/wp-content/uploads/2026/03/redarrow.svg);
  background-repeat: no-repeat;
  z-index: 0;
  display: block;
  width: 80%;
  background-size: contain;
  position: absolute;
  height: 15px;
  left: 90%;
  top: 30px;
}
.step-wrap:last-child::after{display:none;}
/* ---------- Red Icon ---------- */
.step-icon {
  width: 80px;
  height: 80px;
  background: #ffffff;
  border-radius: 50%;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

/* Voice/Radiation Pulse Effect */
.step-icon.active::before,
.step-icon.active::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 3px solid rgba(255, 245, 247, 0.6);
  animation: pulse 1.5s infinite ease-out;
}

.step-icon.active::after {
  animation-delay: 0.6s;
}



/*@keyframes pulse {
  0%   { transform: scale(1); opacity: 0.8; }
  100% { transform: scale(1.5); opacity: 0; }
}*/

.stepparrent {
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 20px;
}
/* Icon enlarge on hover */
.step-icon:hover {
  transform: scale(1.1);
}

/* ---------- Title ---------- */
.step-title {
  margin-top: 10px;
  color: #ffffff;
  font-size: 16px;
}

/* ---------- Text Box ---------- */
.step-text {
  background: rgba(252, 252, 252, 1);
  color: #fff;
  padding: 15px;
  border-radius: 0px;
  font-size: 16px;
  margin: 15px auto 0;
 /* border: 1px solid #0855B2;*/
    overflow: hidden;
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.5s ease;
   
}

 @keyframes slideInFromLeft {
    0% { 
      transform: translateX(-30px);
      opacity: 0;
    }
    100% { 
      transform: translateX(0);
      opacity: 1;
    }
  }
@keyframes slideOutToRight {
    0% { 
      transform: translateX(0);
      opacity: 1;
    }
    100% { 
      transform: translateX(30px);
      opacity: 0;
    }
  }
.step-text.show {
    transform: translateX(0);
    margin-top: 10px;
    animation: slideInFromLeft 0.5s ease forwards;
  }
  
  .step-text.hide {
    animation: slideOutToRight 0.3s ease forwards;
  }
  
  .step-text.hide {
    animation: slideOutToRight 0.3s ease forwards;
  }



/**Testimonials slider**/
  .testimonial-container .image-section {
  flex: 0 0 100%;
}  
 .testimonial-container .image-section .slide img {
  width: 60%;
}

.testimonial-container .text-section {
    display: none;
}

      .sectestimonials  .testimonial-slide {
        min-width: 100%;            /* each slide fills container */
        display: flex;
        align-items: stretch;
      }

      .sectestimonials  .text-side {
        flex: 0 0 65%;
        padding: 36px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-family: "Google Sans";
      }
.sectestimonials  .quote {
    background-image: url(https://beta.awspromostack.com/wp-content/uploads/2025/10/quote.png);
    background-repeat: no-repeat;
    background-size: 52px;
    height: 29px;
    padding: 0;
    margin: 0;
}
.sectestimonials  .text-side .subdetail {
        color: rgb(153, 153, 153);
font-weight: 400;
font-size: 15px;
line-height: 18px;
padding-left: 50px;
      }

.sectestimonials  .text-side .subdetail span {
        color: rgba(0, 0, 0, 1);
}

.sectestimonials  .text-side p {
        color: #000000;
font-weight: 400;
font-size: 26px;
line-height: 120%;
    padding-bottom: 50px;
padding-left: 50px;
margin-top: 50px;
width: 70%;
      }

.sectestimonials  .text-side .name {
font-weight: 700;
font-size: 15px;
line-height: 18px;
        color: rgba(0, 0, 0, 1);
        padding-left: 50px;
      }

.sectestimonials  .image-side {
        display: flex;
        align-items: center;
        padding-left: 20px;
      }

.sectestimonials .owl-dots {
  position: absolute;
  margin: auto;
    margin-top: auto;
  width: 100%;
  margin-top: 60px;
}
.owl-dots {
    text-align: center;
    margin-top: 10px;
}

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: rgba(217, 217, 217, 1);   /* normal dot color */
    display: block;
    border-radius: 50%;
    margin: 5px;
}

.owl-dots .owl-dot.active span {
    background: var(--red);    /* active dot color */
}

.testfooter {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
}
.image-side img {
  max-height: 29px;
  width: auto !important;
  padding: 0;
}

.sectestimonials  .image-side img {
        display: block;
      }

      /* Dots */
.sectestimonials  .dots {
        position: absolute;
        bottom: 14px;
        right: 5%;
        transform: translateX(-50%);
        display: flex;
        gap: 10px;
        z-index: 5;
      }

.sectestimonials  .dot {
        width: 30px;
        height: 4px;
        background: #99999930;
        border-radius: 0;
        cursor: pointer;
        transition: all 0.25s ease;
      }

.sectestimonials  .dot.active {
        background: #999999;
        width: 30px;
        border-radius: 0px;
      }

      /* Responsive: stack vertically on small screens */
      @media (max-width: 720px) {
        /*.sectestimonials  .testimonial-container { height: auto; }
        .sectestimonials  .slides { flex-direction: column; transition: transform 0.45s ease-in-out; }
        .sectestimonials  .testimonial-slide { min-width: 100%; min-height: 360px; flex-direction: column; }
        .sectestimonials  .image-side { height: 220px; }*/
      }

/***testimonials end**/

body.home .press-pagination{
	display:none !important;
}

/**responsive**/
@media (min-width: 1600px) {
  .innermainbannerinnerleft, .innermainbannerinnerright {
      padding: 0 0 30px;
  }
}

@media (max-width: 1585px) {
	.maincontainer {
		width: 100%;
	}
  
}

@media (max-width: 1400px) {
.elementor-element.elementor-element-f562255.e-con-full.elementor-hidden-tablet.elementor-hidden-mobile.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child {
    display: none;
}
}


/***OWL carousal**/

.custom-carousel .item {
  height: 350px;
  display: flex;
  align-items: flex-start;
  padding: 30px;
  border-radius: 20px;
  flex-direction: column;
  justify-content: end;
}
.custom-carousel .item .date {
  width: 100%;
font-weight: 500;
font-size: 15px;
color: rgba(255, 255, 255, 1);
line-height: 120%;
margin-bottom: 5px;
}
.custom-carousel .item h3 {
  width: 100%;
font-weight: 400;
color: #ffffff !important;
line-height: 120%;
}
.custom-carousel .item .category {
background-color: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
  border-radius: 40px;
  padding: 5px 10px;
  font-size: 13px;
  margin-bottom: 20px;
}
.custom-carousel .item .category a {
  color: rgba(255, 255, 255, 1);
}


.carheadingabout{padding-top: 50px !important;}
.carheadingabout h4{
    font-weight: 400;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: 0px;
    color:#fff !important;
}
/* container */
    .carousel-wrap {
      position: relative;
      margin: 10px auto;
      padding: 0;
      box-sizing: border-box;
    }

    /* simple card style for items */
    .owl-item .card {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: start;
      text-align: center;
      border:1px solid #FFFFFF15;
	  background:#000F24;
    }
    .owl-item .card .icon {
    text-align: right;
    width: 100%;
}

.owl-item .card .icon img {
    height: 50px;
    padding: 10px;
    background: #C61B30;
    display: inline-block;
    width: auto;
}
.owl-item .card .ccontent {
    padding: 30px;
    text-align: left;
}

.owl-item .card .ccontent h2 {
font-weight: 300;
color: #fff;
line-height: 120%;
}
.owl-item .card .ccontent h3 {
    margin: 10px 0 15px;
font-weight: 500;
line-height: 120%;
letter-spacing: 0px;
color: #fff;
 }
    .card p { font-weight: 500;
font-size: 15px;
line-height: 120%;
letter-spacing: 0px;
color: #fff; 
text-align: left;
font-weight: 500;
}

    /* override default nav placement and style */
    .carousel-wrap .owl-nav {
      position: absolute;
      right: 0px;
      bottom: -50px;
      display: flex;
      gap: 8px;
      z-index: 20;
    }

    /* default owl nav buttons are .owl-prev / .owl-next */
    .carousel-wrap .owl-nav button {
      width: 32px;
      height: 20px;
      border-radius: 0;
      border: none;
      color: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: transform .12s ease, opacity .12s ease;
    }
    button.owl-prev, button.owl-next {
    padding: 0;
    margin: 0;
    width: auto;
    border: none;
}

button.owl-prev:hover, button.owl-next:hover {
    background:transparent !important;
}
    .carousel-wrap .owl-nav button:disabled { opacity: .40; cursor: default; transform: none; }
    .carousel-wrap .owl-nav button:focus { outline: none; }

    /* optional: hide default dots or place them */
    .carousel-wrap .owl-dots { text-align: left; margin-top: 14px; }

    /* small screens: make nav a bit smaller */
    @media (max-width: 480px) {
      .carousel-wrap .owl-nav button { width: 38px; height: 38px; }
    }


/* ===== Horizontal Parallax Scroll Section ===== */
.horizontal-scroll-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 120px;
}

.horizontal-scroll-container {
    position: relative;
    height: auto;
    width: 100%;
    overflow: hidden;
}

.horizontal-panels {
    display: flex;
    height: 100%;
    will-change: transform;
	align-items: center;
}
.fixeddiv {
    font-weight: 500;
    font-size: 78px;
    line-height: 90px;
    letter-spacing: -2px;
    color: #fff;
    flex: 0 0 50%;
    max-width: 40%;
    white-space: nowrap;
    z-index: 1;
    margin-left: 10%;
}
.fixeddiv img {
  display: inline-block;
  height: 74px;
}
.fixeddiv p.smalltext {
font-weight: 400;
font-size: 15px;
line-height: 120%;
    letter-spacing:0px;
    padding-top:20px;
    white-space: wrap;
}
.panel-1{margin-left: 0%;}
.panel {
    position: relative;
    min-width: 40vw;
    width: 40vw;
    height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.panel-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    will-change: transform;
}

.panel-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    padding: 20px;
    max-width: 600px;
    opacity: 1;
    transform: translateY(50px);
    will-change: opacity, transform;
}

.panel-content h2 {
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);
    letter-spacing: -1px;
}

.panel-content p {
    font-size: 1.5rem;
    font-weight: 300;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    line-height: 1.6;
}
.panel-content img {
  padding: 40px;
}
/* Scroll Spacer */
.scroll-spacer {
    height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 2rem;
    font-weight: 300;
}

.scroll-spacer::before {
    content: 'Normal scrolling resumes';
    opacity: 0.9;
}

/* Responsive adjustments for horizontal scroll */
@media (max-width: 968px) {
    .panel-content h2 {
        font-size: 3rem;
    }
    
    .panel-content p {
        font-size: 1.25rem;
    }
}

@media (max-width: 640px) {
    
.rabsolutemobile {
  position: inherit !important;
  padding-top: 30px;
}

    .panel-content h2 {
        font-size: 2.5rem;
    }
    
    .panel-content p {
        font-size: 1.1rem;
    }
    
    .panel-content {
        padding: 20px;
    }
	
	.subscriptionform {
	  width: 100%;
	}
	.subscriptionform .wpcf7-form-control-wrap {
	  flex: 0 0 70%;
	}
}

@media (max-width: 400px) {
    .panel-content h2 {
        font-size: 2rem;
    }
    
    .panel-content p {
        font-size: 1rem;
    }
}









  .my-flex {
    display: flex;
    flex-direction: column; /* mobile: stacked */
    gap: 40px;
  }

  @media (min-width: 768px) {
    .my-flex {
      flex-direction: row; /* desktop: side by side */
    }
    .my-flex > div {
      flex: 1; /* equal width columns */
    }
  }

  
  .contactform .fullrow{padding:5px 0;}
 .contactform{Color:#FFFFFF;}
 .contactform label{font-size:13px;}
 .contactform input, .contactform  select, .contactform textarea{background:transparent;Color:#FFFFFF;}
.contactform input, .contactform  select{border:none; border-bottom:1px solid #013E94; padding:0 0 5px 5px;}
.contactform textarea{ border:1px solid #013E94;background:transparent; padding:5px; height:70px;}
select:focus {
  border-color: #013E94;
  background: #000;   /* change background while open/focused */
  color: #fff;        /* change text color while open/focused */
}

select{
  padding: .5rem .8rem;
  background: #000;
  color: #ffffff;
  appearance: none;            /* remove default arrow on some browsers */
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
}

.tabscss .e-n-tab-title[aria-selected="true"] {
  background: #0855B233 !important;
}
.tabscss .e-n-tab-title {
  padding: 10px !important;
  margin: 0 !important;
  gap: 0px !important;
  flex: 0 0 12.5% !important;
  border: 1px solid #013E94 !important;
  background: transparent !important;
  color: #fff !important;
}
.tabscss .e-n-tabs-heading {
  gap: 0px !important;
}

.tabscssred .tabcontentcenter p {
font-weight: 400;
line-height: 120%;
letter-spacing: 0px;
text-align: center;
}
.tabscssred .e-n-tab-title {
  padding: 20px 10px !important;
  margin: 0 !important;
  gap: 0px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: rgba(0, 15, 36, 1) !important;
  color: #fff !important;
font-weight: 500;
line-height: 100%;
letter-spacing: 0px;
text-align: center;

}
.tabscssred .e-n-tab-title[aria-selected="true"] {
  background: rgba(198, 27, 48, 1) !important;
}

/**Accordian**/

.accordianwhite .e-n-accordion-item-title {
  color: rgba(153, 153, 153, 1) !important;

letter-spacing: 0px;

}
.e-n-accordion-item-title-text{font-weight: 500;
font-size: 20px !important;
line-height: 120%;}
.accordianwhite .e-font-icon-svg.e-fas-minus {
  fill: #fff !important;
}
.accordianwhite .e-font-icon-svg.e-fas-plus {
    fill: rgba(153, 153, 153, 1) !important;
}

.accordianwhite .e-n-accordion-item-title, .accordianwhite  .e-n-accordion-item .e-con.e-child  {
  border: none !important;
}
.accordianwhite  .e-n-accordion-item .e-con.e-child {
  padding-bottom: 30px;
  padding-left: 40px;
}

.accordianwhite  .e-n-accordion-item[open=""] .e-n-accordion-item-title {
  color: #ffffff !important;
}


.accordianwhite  .e-n-accordion-item-title-icon {
  border: 1px solid;
  padding: 5px;
  border-radius: 50%;
}

/* JEVIL CSS START */
.pazzeldiv {
  min-height: 285px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.anrsec1 .elementor-image-box-title {
  margin-top: 20px;
}
.anrsec3 .elementor-image-box-title {
  margin-top: 10px;
}
.anrsec3 .elementor-image-box-description {
  min-height: 100px;
  margin-top: 10px;
}
.anrsec1 .elementor-image-box-description {
  min-height: 100px;
  margin-top: 10px;
}
.anrsec1 .elementor-image-box-content, .anrsec3 .elementor-image-box-content{
  width: 100% !important;
}
.elementor-372 .elementor-element.elementor-element-1f7164b .wpr-nav-menu > .menu-item {
 
  margin-right: 6px !important;
}
.elementor-372 .elementor-element.elementor-element-1f7164b .wpr-nav-menu > .menu-item.headerbutton{
  margin-right: 0px !important;
}
.ataglanceslider .owl-item .card .ccontent {
  padding: 30px 40px !important;
  text-align: left;
  min-height: 260px !important;
}
.bgtrfinew{
  left: 46% !important;
}
.recognitionhead h2{
  font-weight: 500;
  font-size: 84px;
  line-height: 90px;
  letter-spacing: -2px;
  width: 100%;
}
.recognitiondesc p{
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  line-height: 25px;
  letter-spacing: 0px;
  padding-bottom: 0px;
  width: 100%;
}
.bgtrofficus {
  width: 100%;
}


.wpr-sub-mega-menu {
  top: 38px;
}
img.company-logo {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 120px;
}
a.cusvidimg.bdt-video-popup img {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 37px;
    height: 37px;
}
.customslider .bdt-content .bdt-title{
	font-weight: 500 !important;
	font-size: 30px;
	line-height: 120%;
	letter-spacing: 0px;
	color: #fff;
}
.customslider .bdt-content .bdt-subtitle{
	font-weight: 500;
	font-size: 16px !important;
	line-height: 30px;
	letter-spacing: 0px;
	color: #fff;
}
.customslider .bdt-content .bdt-description{
	font-weight: 300;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0px;
	color: #fff;
}
.customslider .bdt-fiestar-slider .bdt-item {
    border-radius: 6px;
}
.customslider img.bdt-quot-img {
    position: absolute;
    left: -4%;
    top: 67%;
    display:none;
}
.customslider .company-logo , .customslider .bdt-description, .customslider .cusvidimg, .customslider .bdt-quot-img{
		display: none;
}
.customslider .swiper-slide-active .company-logo , .customslider .swiper-slide-active .bdt-description, .customslider .swiper-slide-active .cusvidimg, .customslider .swiper-slide-active .bdt-quot-img, .customslider .swiper-slide-active img.bdt-quot-img{
		display: block;
}

.customslider .swiper-slide-active .bdt-img-wrap img{
	border: 7px solid rgb(2, 29, 64);
    outline: 1px solid rgba(1, 62, 148, 1);
    outline-offset: -1px; /* keeps outline touching border */
	background: linear-gradient(206.07deg, rgba(0, 0, 0, 0) 27.58%, rgba(0, 0, 0, 0.8) 97.9%);
	border-radius: 6px;
}
.customslider .bdt-item.swiper-slide.swiper-slide-visible.swiper-slide-prev{
	position: relative;
	left:-7%;
}
.customslider .bdt-item.swiper-slide.swiper-slide-visible.swiper-slide-next{
	position: relative;
	right:-7%;
}
.customslider .bdt-fiestar-slider .bdt-item {
    /*transform: scale(0.8);*/
    overflow: unset;
}
.bdt-fiestar-slider .bdt-item.swiper-slide-active {
    transform: scale(1.5);
}
.customslider .bdt-fiestar-slider .bdt-content {
    background: linear-gradient(206.07deg, rgba(0, 0, 0, 0) 27.58%, rgba(0, 0, 0, 0.8) 97.9%);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* move text to bottom */
    padding: 40px; /* adjust spacing from bottom */
    opacity:1;
    transform: translateY(0px);
}
.customslider .bdt-fiestar-slider .bdt-img-wrap .bdt-img {
    width: 100%;
    height: 100% !important;
}

.customslider span.swiper-pagination-bullet {
    background: transparent;
    border: 1px solid rgba(217, 217, 217, 1);
}

.customslider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgb(255, 255, 255);
}
.press-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0px; /* equal outside gap */
    gap:40px;
}

.press-box {
    width: calc(25% - 30px);
    padding: 0;
    box-sizing: border-box;
}
.press-pagination #press-prev, .press-pagination #press-next{
	background-color: #C61B30;
	border-radius: 0;
	color: #fff;
	border-color: #C61B30;
	font-size: 14px;
    font-weight: 600;
    padding: 12px 24px;
}
.press-img {
    width: 100%;
    border-radius: 0px;
}

.press-cat, .press-date, .press-title {font-family: var(--blog-font-family);}
.press-cat {
    margin: 20px 0;
    color: rgba(153, 153, 153, 1);
    font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	letter-spacing: 0px;
}
.press-date {
    font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 1);
}
.press-title {
    font-weight: 500;
	line-height: 100%;
	letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    margin-top: 20px;
    line-height: 22px;
}
.press-pagination {
    text-align: center;
    margin-top: 20px;
}
.press-pagination button {
    padding: 10px 25px;
    margin: 5px;
}
.boxarrow{
    display:inline-block;
    background:red;
    color:#fff;
    padding:8px 5px;
    position:relative;
    transform: rotate(3deg);
  border-radius:10px;
  margin-right: 10px
}

/* Arrow */
.boxarrow::after{
    content:"";
    position:absolute;
}

@media (max-width: 1023px) {
	.elementor-4647 .elementor-element.elementor-element-e2ed3f3 .bdt-fiestar-slider .bdt-title {
	    font-size: 20px;
	}
	.customslider .bdt-content .bdt-subtitle {
	    font-weight: 400;
	    font-size: 12px;
	    margin: 5px 0;
	}
	.customslider .bdt-content .bdt-description {
	    font-size: 13px;
	    margin-bottom: 0;
	}
	.customslider img.bdt-quot-img {
	    left: -1%;
	    top: 66%;
	    width: 20px;
	}
	.customslider .bdt-fiestar-slider .bdt-content {
	    padding: 40px 20px;
	}
	a.cusvidimg.bdt-video-popup img {
	    bottom: 10px;
	    right: 10px;
	    width: 20px;
	    height: 20px;
	}
}
@media (max-width: 769px) {
	.press-box {
    	width: 33%;
	}
}
@media (max-width: 767px) {
	.bdt-fiestar-slider .bdt-item.swiper-slide-active {
	    transform: scale(1);
	}
	.customslider .bdt-item.swiper-slide.swiper-slide-visible.swiper-slide-next {
	    right: -3%;
	}
	.customslider .bdt-fiestar-slider .bdt-item {
    	transform: scale(0.9);
	}
	.customslider .bdt-item.swiper-slide.swiper-slide-visible.swiper-slide-prev {
	    left: -3%;
	}
	.elementor-4647 .elementor-element.elementor-element-a09353a .elementor-heading-title {
    	font-size: 25px !important;
    	letter-spacing: 1px;
    }
    .elementor-4647 .elementor-element.elementor-element-e2ed3f3 .bdt-fiestar-slider .bdt-item {
	    height: auto;
	}
	.customslider img.bdt-quot-img {
        top: 83%;
    }
}
@media (max-width: 661px) {
	.press-box {
    	width: 50%;
	}
}
@media (max-width: 480px) {
	.customslider img.bdt-quot-img {
        top: unset;
        bottom: 23%;
    }
    .press-box {
    	width: 100%;
	}
}
/* JEVIL CSS END */

@media (max-width: 1025px) {
  .stepparrent {
    display: flex;
    flex-wrap: wrap;
  }
  .stepparrent .step-wrap {
      flex: 1 1 100% !important;
    }
    .stepparrent::before {
      height: 87%;
      border-radius: 50px;
      width: auto !important;
    }
    
    .step-text {

    position: inherit;
  }
  .step-wrap::after {
    display: none;
  }
}
@media (max-width: 640px) {
.wpcf7-spinner {
  position: absolute !important;
  background: green;
  z-index: 999999999;
  right: 50%;
}

.pagebannertext1 h2, .pagebannertext1 h1{font-size:16px;}
  .testimocon, .secmain80 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .mainbannerinner {padding: 20px 5% 40px; gap:20px;}
  .marginetop50 {margin-top: 50px;}
  .marginetop80{margin-top: 80px;}
  .sectionspace30 {margin-bottom: 30px;}
  .padding2bottom80{padding-bottom: 60px;}
  .paddingbottom30{padding-bottom: 30px;}
  .paddingbottom40{padding-bottom: 20px;}
  .margintop80{margin-top: 60px;}
  .margintop80onlyd{margin-top: 0px;}
  .paddingtop80onlyd{padding-top: 0px;}
  .light-mode .lightmodepb80{padding-bottom: 40px;}
  .margintop60{margin-top: 40px !important;}
  .paddingtop60{padding-top: 40px;}
  .paddingbottom60{padding-bottom: 40px;}
  .paddingtop80{padding-top: 60px;}
  .paddingtop40{padding-top: 20px;}
  .paddingtop100{padding-top: 50px;}
  .paddingbottom100{padding-bottom: 70px;}
  .sectionptop80{padding-top: 60px !important;}
  .sectionspace60 {margin-top: 40px;margin-bottom: 40px;}
  .sectionspace80 {margin-top: 60px;margin-bottom: 60px;}
  .sectionspace20 {margin-top: 40px;margin-bottom: 40px;}
  .paddingtopbottom60 {padding-top: 30px !important;margin-bottom: 30px !important;}
  .paddingbottom80 {margin-bottom: 40px !important;}
  .paddingtopbottom80 {padding-top: 40px !important;padding-bottom: 40px !important;}
  .sec4mainones {padding: 40px 0;}

  .pagebannertext2 p, .pagebannertext2 h1, .bgwithtextbox h2, .footercommentsection h2, .footercommentsection p, .pagebannertext2{
      font-size: 30px !important;
      line-height:120% !important;
      font-weight: 400 !important;
      font-family: var(--font-primary) !important;
  }

  .bigheading48 h2{
      font-size: 36px !important;
      line-height:120%;
      font-weight: 500;
  }
.teambgsection{
  padding: 40px 0;
}

  .bigheading84 h2, .teambgsection h2.elementor-heading-title.elementor-size-default, .recognitionhead h2, .journeyhighlights h1, .fixeddiv {
      font-size: 42px !important;
      line-height:120%;
      font-weight: 500;
  }
.smallfont20 p, .rediconboxcontent .elementor-icon-box-content h3 {
  font-size: 18px !important;
}
.tabscssred .tabcontentcenter p {
  font-size: 16px !important;
}
  .footerimgsag p{display: flex; gap:30px;flex-wrap: wrap;}
  .footerimgsag img {
      height: 24px;
      width:auto;
  }

  .fontsize40 h2, .fontsize40 p {
      font-size: 30px !important;
  }
  .redtitleboxwithimage h3{
    font-size: 20px !important;
  }
  .foursection .stepparrent::before {width: auto;}
  .fullbgblacktext, .elementor-element, .maincontainer .maincontainer{padding-left: 0; padding-right: 0;}
  .bluebgbox, .tlefticonboxcontent{
     padding: 50px 40px;
}
  .maincontainer, .homerequestleft{padding-left: 25px; padding-right: 25px;}
  .bgwithtextbox {padding: 20px;} 


  .sectestimonials .quote {
    background-size: 35px;
    height: 22px;
    padding: 0;
    margin: 0;
}
  .sectestimonials .text-side p {
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 15px;
    padding-left: 20px;
}
.sectestimonials .text-side{
  padding:0;
}
.sectestimonials .text-side .subdetail {
    padding-left: 20px;
}
.megamenusmall {
    padding: 0 20px 0px;
}
.contactformcontainer, .contactrighticonsection {
    padding: 20px;
}
.contactlocation {
    padding: 20px 20px 0 ;
}

.contactrighticonsectionlocation {
    padding: 20px;
}
.homerequestleft .elementor-heading-title.elementor-size-default {
  font-size: 30px;
}
.tabssection h6 {
  white-space: normal;
}
.homerequestleft {
    width: 100%;
}
}



@media (max-width: 1024px) {
  .hideondesktop{display: block !important;}
  .item{height: 400px;}
  .imagewithtexttestim .elementor-image-box-wrapper {
  display: flex;
}
.imagewithtexttestim .elementor-image-box-content {
  text-align: left;
}
  .textwithimage .elementor-image-box-wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
}
.textwithimage .elementor-image-box-img {
  order: 2;
}
.textwithimage .elementor-image-box-content {
  white-space: nowrap;
  display: contents;
}
.sectestimonials  .text-side p {margin-top: 30px;}
.erpsectiontext48 h4, .erpsectiontext48, .bigheading84, .bigheading84 p, .text48 p{font-size: 30px !important;}
.text24, .text24 p, .text24 h4, .text24 li, .text24 h3, .text24 h2, .textwithimage h3{font-size: 20px !important;}
.text32, .text32 p, .text32 h4, .text32 li, .text32 h3, .text32 h2, .erpsectiontextdarkbg h3, .smalltext32 h2.elementor-heading-title{font-size: 24px !important;}
  .testimocon, .secmain80 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .whitebground, .darkbground, .imagbghome{
    padding: 40px !important;
  }

.sectestimonials .text-side p, .whitebgtesttext p.textp {width: 100%;}

.whitebgtesttext.paddingtop80{padding-top: 80px;}
  .marginetop50 {margin-top: 50px;}
  .sectionspace30 {margin-bottom: 30px;}
  .padding2bottom80{padding-bottom: 60px;}
  .paddingbottom30{padding-bottom: 30px;}
  .paddingbottom40{padding-bottom: 20px;}
  .margintop80{margin-top: 60px;}
  .margintop80onlyd{margin-top: 0px;}
  .paddingtop80onlyd{padding-top: 0px;}
  .light-mode .lightmodepb80{padding-bottom: 40px;}
  .margintop60{margin-top: 40px !important;}
  .paddingtop60{padding-top: 40px;}
  .paddingbottom60{padding-bottom: 40px;}
  .paddingtop80{padding-top: 60px;}
  .paddingtop40{padding-top: 20px;}
  .paddingtop100{padding-top: 50px;}
  .paddingbottom100{padding-bottom: 70px;}
  .sectionptop80{padding-top: 60px !important;}
  .sectionspace60 {margin-top: 40px;margin-bottom: 40px;}
  .sectionspace80 {margin-top: 60px;margin-bottom: 60px;}
  .sectionspace20 {margin-top: 40px;margin-bottom: 40px;}
  .paddingtopbottom60 {padding-top: 30px !important;margin-bottom: 30px !important;}
  .paddingbottom80 {margin-bottom: 40px !important;}
  .sec4mainones {padding: 40px 0;}

  .pagebannertext2 p, .pagebannertext2 h1, .bgwithtextbox h2, .footercommentsection h2, .footercommentsection p{
      font-size: 30px !important;
      line-height:120% !important;
      font-weight: 500 !important;
      font-family: var(--font-primary) !important;
  }

  .bigheading48 h2{
      font-size: 36px !important;
      line-height:120%;
      font-weight: 500;
  }
.teambgsection{
  padding: 40px 0;
}
  .bigheading84 h2, .teambgsection h2.elementor-heading-title.elementor-size-default, .recognitionhead h2, .journeyhighlights h1, .fixeddiv {
      font-size: 42px !important;
      line-height:120%;
      font-weight: 500;
  }
.smallfont20 p {
  font-size: 18px !important;
}
.tabscssred .tabcontentcenter p {
  font-size: 16px !important;
}
  .footerimgsag p{display: flex; gap:30px;flex-wrap: wrap;}
  .footerimgsag img {
      height: 25px;
      width:auto;
  }

  .fontsize40 h2, .fontsize40 p {
      font-size: 30px !important;
  }
  .redtitleboxwithimage h3{
    font-size: 20px !important;
  }
  
  .fullbgblacktext, .elementor-element, .maincontainer .maincontainer{padding-left: 0; padding-right: 0;}
  .bluebgbox, .tlefticonboxcontent{
     padding: 50px 40px;
}
  .maincontainer, .homerequestleft{padding-left: 25px; padding-right: 25px;}
  .bgwithtextbox {padding: 20px;} 


  .sectestimonials .quote {
    background-size: 35px;
    height: 22px;
    padding: 0;
    margin: 0;
}
  .sectestimonials .text-side p {
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 15px;
    padding-left: 20px;
}
.sectestimonials .text-side{
  padding:0;
}
.sectestimonials .text-side .subdetail {
    padding-left: 20px;
}
.megamenusmall {
    padding: 0 20px 0px;
}
.contactformcontainer, .contactrighticonsection {
    padding: 20px;
}
.contactlocation {
    padding: 20px 20px 0 ;
}

.contactrighticonsectionlocation {
    padding: 20px;
}
.homerequestleft .elementor-heading-title.elementor-size-default {
  font-size: 30px;
}
.tabssection h6 {
  white-space: normal;
}
.homerequestleft {
    width: 100%;
}
}


@media (max-width: 640px) {
    body{font-size:15px;}
  .testimocon, .secmain80 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .textboxwhitbg {
  padding: 30px 30px 20px !important;
}
.redtitleboxwithimage {
  padding: 0 20px 10px !important;
}

  .marginetop50 {margin-top: 50px;}
  .sectionspace30 {margin-bottom: 30px;}
  .padding2bottom80{padding-bottom: 60px;}
  .paddingbottom30{padding-bottom: 30px;}
  .paddingbottom40{padding-bottom: 20px;}
  .margintop80{margin-top: 60px;}
  .margintop80onlyd{margin-top: 0px;}
  .paddingtop80onlyd{padding-top: 0px;}
  .light-mode .lightmodepb80{padding-bottom: 40px;}
  .margintop60{margin-top: 40px !important;}
  .paddingtop60{padding-top: 40px;}
  .paddingbottom60{padding-bottom: 40px;}
  .paddingtop80{padding-top: 60px;}
  .paddingtop40{padding-top: 20px;}
  .paddingtop100{padding-top: 50px;}
  .paddingbottom100{padding-bottom: 70px;}
  .sectionptop80{padding-top: 60px !important;}
  .sectionspace60 {margin-top: 40px;margin-bottom: 40px;}
  .sectionspace80 {margin-top: 60px;margin-bottom: 60px;}
  .sectionspace20 {margin-top: 40px;margin-bottom: 40px;}
  .paddingtopbottom60 {padding-top: 30px !important;margin-bottom: 30px !important;}
  .paddingbottom80 {margin-bottom: 40px !important;}
  .sec4mainones {padding: 40px 0;}

  .text24, .text24 p, .text24 h4, .text24 li, .text24 h3, .text24 h2, .textwithimage h3, .imagetext20p14 h3.elementor-image-box-title, .tlefticonboxcontent .elementor-icon-box-content h3 {
    font-size: 18px !important;
  }
  .imagbghome h2.elementor-heading-title.elementor-size-default{font-size:25px !important;}
  .pagebannertext2 p, .pagebannertext2 h1, .bgwithtextbox h2, .footercommentsection h2, .footercommentsection p, .bigheading48 h2{
      font-size: 30px !important;
      line-height:120% !important;
      font-weight: 400 !important;
      font-family: var(--font-primary) !important;
  }
.redcross.margin30 li, .starli.margin30 li, .bluetick.margin30 li, .redcross.margin30 li {
  margin: 20px 0;
}
.teambgsection{
  padding: 40px 0;
}
  .bigheading84 h2, .teambgsection h2.elementor-heading-title.elementor-size-default, .recognitionhead h2, .journeyhighlights h1, .fixeddiv {
      font-size: 30px !important;
      line-height:120%;
      font-weight: 400;
  }
  
 .text28{font-size: 24px !important;}
.smallfont20 p, .text20, .text20 p, .text20 h3 {
  font-size: 18px !important;
}
.tabscssred .tabcontentcenter p {
  font-size: 16px !important;
}
  .footerimgsag p{display: flex; gap:15px;}
  .footerimgsag img {
      height: 25px;
      width:auto;
  }

  .fontsize40 h2, .fontsize40 p, .footerformheading .H2todiv p, .bigfont84 p, .text48 h3 {
      font-size: 30px !important;
  }
  .redtitleboxwithimage h3{
    font-size: 20px !important;
  }
  
  .fullbgblacktext, .elementor-element, .maincontainer .maincontainer{padding-left: 0; padding-right: 0;}
  .bluebgbox, .tlefticonboxcontent{
     padding: 40px 40px;
}
  .maincontainer, .homerequestleft{padding-left: 25px; padding-right: 25px;}
  .bgwithtextbox {padding: 20px;} 


  .sectestimonials .quote {
    background-size: 35px;
    height: 22px;
    padding: 0;
    margin: 0;
}
  .sectestimonials .text-side p {
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 15px;
    padding-left: 20px;
}
.sectestimonials .text-side{
  padding:0;
}
.sectestimonials .text-side .subdetail, .sectestimonials .text-side .name {
    padding-left: 20px;
}
.megamenusmall {
    padding: 0 20px 0px;
}
.contactformcontainer, .contactrighticonsection {
    padding: 20px;
}
.contactlocation {
    padding: 20px 20px 0 ;
}

.contactrighticonsectionlocation {
    padding: 20px;
}
.homerequestleft .elementor-heading-title.elementor-size-default {
  font-size: 30px;
}
.tabssection h6 {
  white-space: normal;
}
.homerequestleft {
    width: 100%;
}
.rediconboxcontent .elementor-icon-box-content, .tlefticonboxcontent {
  padding: 10px 20px 25px;
}
}


@media (min-width: 1920px) {
  .bgwithtextbox h2 {
    font-size: 50px;
    margin-bottom: 30px;
  }
  .bgwithtextbox ul {
    font-size: 20px;
  }
}

.bgwithtextbox h2, .bgwithtextbox p, .collorwhite, .bigheading84.collorwhite  { color: #ffffff !important; }

.custom-carousel .item a{color:#fff;}
.custom-carousel .item a:hover{color:var(--red);}

.custom-carousel .item .category,
.custom-carousel .item .date,
.custom-carousel .item h3,
.custom-carousel .item h3 a
{
    z-index: 1;
}
.custom-carousel .item {
    position: relative;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.custom-carousel .item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* adjust */
    z-index: 1;
}
.custom-carousel .item .content {
    position: relative;
    z-index: 2;
    color: #fff;
}

/* removing unused space between elements in footer */
.elementor-element-4df6fea.e-grid {
    grid-template-rows: auto !important;
}
/* Remove extra spacing from footer menus */
.footermenuvav ul {
    margin: 0;
}
.footermenuvav ul li {
    margin-bottom: 4px; /* control spacing between items */
}
.elementor-element-4df6fea {
    gap: 0 !important;
}




div#popmake-16348 {
    border-radius: 12px;
    box-shadow: none;
}

div#popmake-16348 button.pum-close.popmake-close {
    right: 14px;
    top: 16px;
    background: transparent;
    color: #999;
    border-radius: 0;
    border: none;
    box-shadow: none;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Google Sans';
}

div#popmake-16348 button.pum-close.popmake-close:hover {color:var(--red);}
