@font-face {
    font-family: FontBold;
    src: url(Metropolis-Bold.woff);
 }
 @font-face {
     font-family: FontSemiBold;
     src: url(Metropolis-SemiBold.woff);
 }
 @font-face {
     font-family: FontRegular;
     src: url(Metropolis-Regular.woff);
 }
 @font-face {
     font-family: FontLight;
     src: url(Metropolis-Light.woff);
 }
:root {
    --textfont: 'Poppins' !important;

}
.lazyloading {
    background:url(../loadingIcon.svg) no-repeat center center transparent;
}
:root {
    --color: #E24B32;
    --bgcolor: #DEBA39;
}
html {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
body {
    font-family: var(--textfont);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300 !important;
    width: 100%;
    min-width: 350px;
    height: 100%;
    /* position: fixed;
    top: 0px; left: 0px; */
    margin: 0px;
    padding: 0px;
	overflow: auto;
    scroll-behavior: smooth;
    font-smooth: 2em; 
    -webkit-font-smoothing: antialiased;
}

[data-elementor-type="wp-page"] {
    width:100%;
    /* position: unset !important; */
		position:relative;
		z-index:9;
	padding-top:50px;
}
.IndexHeader.HeaderActive {
background-color:white !important;
	background:white !important;
}
/* width */
::-webkit-scrollbar {
    width: 6px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #777777;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #000000;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #E24B32;
  }
.hide {display: none !important;}
h1,h2,h3,h4,h5,h6 {
    font-family: var(--textfont) !important;
}
/* body {
    position: relative;
} */
section.elementor-section {
    overflow: hidden;
}
.LiqContainer {
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 6% !important;
    padding-right: 6% !important;
    justify-content: space-between;
}
.LiqContainer .elementor-container {
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
h5 {
    position: relative;
    margin-bottom: 0px;
}
h5::before{
    content: '';
    display: block;
    width: 6.3%;
    height: 2px;
    background: #000000;
    position: absolute;
    top: 15px;
    left: -6.8%;
}
.SecBGText h3 {
    color: #000000 !important;
    text-transform: uppercase !important;
    font-size: 260px !important;
    font-weight: 900 !important;
    font-family: var(--textfont) !important;
    width: 100%;
    text-align: center;
    position: absolute;
    top: -60px;
    left: 0px;
    opacity: 0.04;
}
section {
    overflow-x: hidden;
}
.MainIndexHeader {
    width: 100%;
    position: fixed !important;
    top: 0px;
    left: 0px;
    z-index: 99999999999;
}
.TheButton button,
.TheButton a {
    display: inline-block !important;
    border-radius:  60px !important;
    background: white !important;
    color: black;
    border:solid 1px black;
    padding: 16px 40px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.TheButton button span,
.TheButton a span {
    position: relative;
    z-index: 9;
}
.TheButton button::after,
.TheButton a::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: black;
    position: absolute;
    bottom:0px;
    left: 0px;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.TheButton button:hover:after,
.TheButton a:hover:after {
    height: 100%;
    opacity: 1;
    color:white!important;
}
.HomeTabsBox .elementor-container {
    flex-wrap: wrap;
}
.HomeTabsBox .HomeTabCol {
    width: 33.33% !important;
    padding: 35px;
}
.HomeTabsBox .HomeTabCol .elementor-element-populated {
    background: #000000;
    padding: 40px !important;
    height: 500px;
    border-radius: 20px;
}
.HomeTabsBox .HomeTabCol p {
    margin-top: 100px;
    opacity: 0;
    transition: all 0.6s ease-in-out;
}
.HomeTabsBox .HomeTabCol:hover p {
    margin-top: 0px;
    opacity: 1;
}
.howcanwehelp-col .elementor-column {
    padding: 10px;
}
.howcanwehelp-col .elementor-column .elementor-element-populated {
    min-height: 300px;
}
.HomeValueCol .elementor-container.elementor-column-gap-default {
    flex-wrap: wrap;
    justify-content: space-between;
}
.HomeValueCol .elementor-column {
    width: 46% !important;
    padding-top: 40px;
}
.HomeValueCol .elementor-column h2 {
    color: #e4e1e1 !important;
    font-size: 100px !important;
    font-weight: 900 !important;
    position: absolute;
    top: -30px;
    left: 0px;
}
.HomeValueCol .elementor-column h4 {
    padding-left: 80px;
}


.ovaBox h4 {
    display: block;
    width: 100%;
    background: var(--bgcolor);
    color: white !important;
    padding: 15px 10px;
}
.ovaBox .elementor-widget-heading {
    margin-bottom: 0px !important;
}
.ovaBox ul li {
    display: block;
    width: 100%;
    background: #e5e5e5 !important;
    color: black !important;
    padding: 10px 10px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.EndOfPage {
    font-size: 0px !important;
    color: transparent !important;
    background-color: white;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

.footer {
    position: sticky;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    padding-top: 100px;
    padding-bottom: 0px;
    background: #000000;
}
.FootLarLogo {
    width: 100%;
    padding: 15px 0;
    text-align: center;
}
.FootLarLogo img {
    width: 70%;
}
.EndOfPages {
    font-size: 0px;
}
.footerHead {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 15px;
    padding-top: 15px;
    border-top: solid 1px #cccccc;
}
.FootNav {
    width: 50%;
}
.FootSocial,
.footerFoot {
    width: 50%;
}
.FootNavUL {
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.FootNavUL li {
    padding: 10px 16px;
}
.FootNavUL a {
    font-size: 20px;
   color: white;
   text-decoration: none;
}
.footerFoot{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: right;
}
.FootSocial {
    display: flex;
    justify-content: flex-start;
}
.FootSocial ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
}
.FootSocial ul li {
    width: 40px;
    height: 40px;
    margin: 5px;
}
.FootSocial ul li a {
    font-size: 0px;
    width: 40px;
    height: 40px;
    display: block;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.FootSocial ul li.fbNav a {
    background: url(../assets/fbiconw.png) no-repeat center center transparent;
    background-size: 80%;
}
.FootSocial ul li.twNav a {
    background: url(../assets/twiconw.png) no-repeat center center transparent;
    background-size: 80%;
}
.FootSocial ul li.inNav a {
    background: url(../assets/iniconw.png) no-repeat center center transparent;
    background-size: 80%;
}
.FootSocial ul li.lnNav a {
    background: url(../assets/lniconw.png) no-repeat center center transparent;
    background-size: 80%;
}
.FootSocial ul li.fbNav a:hover {
    background: url(../assets/fbiconh.png) no-repeat center center transparent;
    background-size: 80%;
}
.FootSocial ul li.twNav a:hover {
    background: url(../assets/twiconh.png) no-repeat center center transparent;
    background-size: 80%;
}
.FootSocial ul li.inNav a:hover {
    background: url(../assets/iniconh.png) no-repeat center center transparent;
    background-size: 80%;
}
.FootSocial ul li.lnNav a:hover {
    background: url(../assets/lniconh.png) no-repeat center center transparent;
    background-size: 80%;
}

.ContactButton {
    margin-top: 40px;
}
.ContactButton a {
    width: 100% !important;
    display: flex !important;
    justify-content: center;
    align-content: center;
    align-items: center;
    min-height: 80px;
}
.TheButton.Active button:after,
.TheButton.Active a:after {
    height: 100%;
    opacity: 1;
}

.ContactForm h4 {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
}
.ContactForm h4:after {
    content: '';
    width: 6%;
    height: 5px;
    background: var(--bgcolor);
    position: absolute;
    bottom: 0px;
    left: 47%;
}
.ContactForm label {
    font-family: var(--textfont) !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: black !important;
}
.ContactForm input {
    background: rgba(255, 255, 255, 0.6) !important;
    border: none !important;
    border-bottom: solid 1px black !important;
    border-radius: 0px !important;
    box-shadow: none!important;
    padding: 15px 5px !important;
    font-family: var(--textfont) !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: black !important;
}


.frm_submit button {
    display: inline-block !important;
    border-radius:  60px !important;
    background: white !important;
    color: black !important;
    border:solid 1px black !important;
    padding: 16px 40px !important;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.frm_submit button:hover {
    color: white !important;
}
.frm_submit button {
    position: relative;
    z-index: 9;
}
.frm_submit button::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: black;
    position: absolute;
    bottom:0px;
    left: 0px;
    z-index: -1;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.frm_submit button:hover:after {
    height: 100%;
    opacity: 1;
}
.HomeCapabilities h3 {
    border-bottom: solid 1px black;
    padding: 0px 0;
    margin: 0px;
    min-height: 60px;
    display: flex;
    align-items: flex-end;
    font-size: 30px !important;
}

.HomeCapabilities .elementor-column ul {
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.HomeCapabilities .elementor-column ul li {
    width: 100%;
    padding: 5px 0 5px 14px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.HomeCapabilities .elementor-column ul li::before {
    content: '';
    width: 5px;
    height: 5px;
    display: block;
    background: black;
    border-radius: 10px;
    position: absolute;
    left: 0px;
    top: 16px;
} 
.HomeCapabilities .elementor-column ul li ul li {
    width: 100%;
    padding: 5px 20px 5px 20px;
    font-size: 14px !important;
}
.termspolicy {
    display:flex;
    justify-content:end;
}
.termspolicy ul {
    display:flex;
    list-style:none;
    padding:0px;
    margin:0px;
}
.termspolicy ul li {
    margin: 0 15px;
}
.termspolicy ul li a {
    display:block;
    color:white;
    text-decoration:none;
}