@charset "utf-8";
/* CSS Document */
:root {
	--bodyfont :"Rubik", sans-serif;
	--bodybackground : #141933;
  --white: #ffffff;
  --black: #101623;
  --orange:#F7822A ;
  --primary:  #1796D6;
  --alternate: #9CE7FF;
  --primary-alt:  #1C2348;
  --secondary: #0B89C8;
  --box-shadow-1: 0 20px 50px rgba(255,255,255,0.2);
 
}
input:focus {
    outline-width: 0;
}
input:-webkit-autofill, input:-internal-autofill-selected {
    background: red !important;
}
*,*:hover,*:after,*:before{transition:all ease-in-out 0.35s}

body { background:var(--bodybackground); font-family: var(--bodyfont); font-weight:300 !important;   color:var(--white) !important; overflow-x:hidden;  letter-spacing:0.3px;}

.header { padding:35px 0; position:relative;  /* backdrop-filter: blur(3px);*/ border-bottom:solid 0px rgba(255,255,255,0.9) !important; z-index:2; }
.header .logo {
    height: 40px;
	margin:10px 0 ;
}
h1, h2, h3, h4, h5, h6, p, li {color:var(--white) !important;  margin:5px 0; padding:5px 0; font-weight:400; text-transform:inherit !important;}
h1 { font-size:58px;}

h2 { font-size:40px;}
h3 { font-size:28px; font-weight:400 !important; text-transform:uppercase !important;}
h4  { font-size:24px; line-height:130%; font-weight:400 !important;  text-transform:uppercase !important;}

 p, li { font-size:16px}
.header.freezed {position: fixed;    width: 100%;     backdrop-filter: blur(5px);    left: 0;    top: 0;    z-index: 999;
    padding: 0px 0;    box-shadow: 0 20px 20px rgba(0,0,0,0.5);  background: linear-gradient(90deg, var(--bodybackground) 0%,   var(--bodybackground) 75%,  var(--secondary)   150%)  !important;}
	.header.freezed .navBar { background: transparent !important; }
.header.freezed .custom-menu li a { padding:10px 0px; }
.header.freezed .custom-menu .sub-menu li a {padding:10px 20px  !important; }
.onlyMobile { display:none !important;}	
.onlyDesktop { display:block !important;}
.onlyDesktop.Inline{ display:inline-block !important;}
.mobileMenuIcon { display:none !important;}	
.header .navBar { padding:0px 25px; border-radius:30px; background:rgba(255,255,255,0.75) !important;  z-index:111; position:relative;}


.custom-menu{ padding:0; margin:0px 0 0 0;  display: flex;
flex-direction: row;
align-items: flex-start; justify-content: flex-end;}
.custom-menu li { position:relative; padding:10px 0; margin:0 15px; list-style:none;}



.custom-menu li a {font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
padding:5px 0;
text-transform: capitalize;

color: var(--white); display: block; text-decoration:none; position:relative}
.custom-menu li:hover a { color:var(--white) !important;}
.custom-menu li.active a, .custom-menu li.current-menu-item a, .custom-menu li.current-menu-parent a {color: var(--primary) !important; }
.custom-menu li.active a::after, .custom-menu li.current-menu-item a::after, .custom-menu li.current-menu-parent a::after { content:'';position:absolute; bottom:0px; left:0;background: linear-gradient(270deg,  var(--primary) 0%, rgba(39, 63, 107, 0) 100%) !important; height:2px; width:100%; background-size:cover;}

.custom-menu .sub-menu { margin:0; padding:10px 0; box-shadow:0px 20px 20px rgba(0,0,0,0.1); border-radius:0 ; position:absolute; left:-15px; top:100%; display:none; background: rgba(7,16,56, 0.95);     backdrop-filter: blur(20px); }
.custom-menu li:hover .sub-menu { display:block;  backdrop-filter: blur(10px) !important; }
.custom-menu .sub-menu li {list-style: none; white-space: nowrap; padding:0px 0; margin:0px; }
.custom-menu .sub-menu li { font-size:13px;}
.custom-menu .sub-menu li a {padding:10px 20px;  color:#FFF !important; }
.custom-menu .sub-menu li a::after{ display:none !important; }
.custom-menu .sub-menu li:hover { background:rgba(0,0,0,0.2)}
.custom-menu .sub-menu li:hover a {color:var(--primary) !important; }

.custom-menu li.donationBtn a {
 
  color:red !important;
  background-image:linear-gradient(to right,   #e7210b, #191335 33.33333%, #b58709 66.66666%, #700505) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 300% 300%;
  background-position: top left;
  transition:all 1s ease-in-out;
  animation: donateLinkAnimation 2s ease infinite;
}

.heroImage { position:relative; z-index:0; margin-top:-125px; padding-top:125px; padding-bottom:50px; background-size:cover; top:0; right:0; width:100%;  z-index:1; overflow:hidden !important;}
.heroImage.hasOverlay::after {content:'';position:absolute; height:100%; width:100%; bottom:0px; left:0;background:linear-gradient(to top,   var(--bodybackground),  rgba(0,0,0,0)) !important;   background-size: cover; }

.home_video {position:absolute; left:0; top:-50px;   width:100%; z-index:-2; opacity:0.5}
.videoOverlayGradient {background:linear-gradient(to bottom, rgba(39, 63, 107, 0) 0%, rgba(20, 25, 51,1)70%); height:100%;  width:100%; position:absolute; left:0; bottom:-200px; z-index:-1}

.solutionBannerImage, .simplePageBannerImage, .industiresBannerImage { position:relative; z-index:0; margin-top:-125px; padding-top:150px; padding-bottom:150px; background-size:cover; top:0; right:0; width:100%; z-index:1}
.solutionBannerImage.hasOverlay::after {content:'';position:absolute; height:100%; width:100%; bottom:0px; left:0;background:linear-gradient(to top,   var(--bodybackground),  rgba(0,0,0,0.5)) !important;   background-size: cover;}
.simplePageBannerImage.hasOverlay::after {content:'';position:absolute; height:100%; width:100%; bottom:0px; left:0;background:linear-gradient(to top,   var(--bodybackground),  rgba(0,0,0,0.5)) !important;   background-size: cover;}

.industiresBannerImage.hasOverlay::after {content:'';position:absolute; height:100%; width:100%; bottom:0px; left:0;background:linear-gradient(to top,   var(--bodybackground),  rgba(0,0,0,0.5)) !important;   background-size: cover;}


.highlight { color:var(--white) !important; background-image:linear-gradient(to right,   var(--secondary), var(--secondary) 33.33333%, var(--white) 66.66666%, var(--secondary)) !important;
  background-size: cover;  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
  
  .blogContent img { max-width:100% !important;}
  
.shield { background:#FFF; text-shadow:0 20px 50px rgba(255,255,255,0.2); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.underline_blue{ position:relative;}
.underline_blue::after{content:'';position:absolute; bottom:-5px; left:0; background:url(../images/underline_blue.svg) no-repeat center center; height:5px; width:100%; background-size:cover;}

.underline_gray{ position:relative;}
.underline_gray::after{content:'';position:absolute; bottom:-5p; left:0; background:url(../images/underline_gray.svg) no-repeat center center; height:5px; width:100%; background-size:cover;}

.underline_purple{ position:relative;}
.underline_purple::after{content:'';position:absolute; bottom:-5p; left:0; background:url(../images/underline_purple.svg) no-repeat center center; height:5px; width:100%; background-size:cover;}

.underline_white{ position:relative;}
.underline_white::after{content:'';position:absolute; bottom:-5p; left:0; background:url(../images/underline_white.svg) no-repeat center center; height:5px; width:100%; background-size:cover;}

.input-group-text { color:var(--primary) !important;}

.capitalcase  { text-transform:capitalize !important;}
.uppercase { text-transform:uppercase !important;}
.black {color:#000 !important;}
.orange {color:var(--orange) !important;}
.alertnate {color:var(--alternate) !important;}
.primary, .blue {color:var(--primary) !important;}
.bold { font-weight:500 !important;}
.bolder { font-weight:600 !important;}
.rounded{border-radius:30px !important; }
.shadow{ box-shadow:0 10px 50px rgba(0,0,0,0.2)}
.border-bottom-dotted { border-bottom: dotted 2px var(--alternate); padding-bottom:10px !important;}

.specialnote { font-size:14px; color:#DDD  !important; padding:15px; background:rgba(0,0,0,0.3); border-radius:7px;}
/* action_button1 */

.btn, .step-btn, .woocommerce a.button, .wc-block-components-button{ background-color: var(--secondary) !important;  border-radius: 5px !important;  border: solid 1px var(--secondary) !important;  color: var(--white) !important;  font-weight: 400  !important; white-space: nowrap !important;  font-size: 20px !important; letter-spacing:0.5px;  padding: 8px 16px; !important;  text-decoration:none; text-transform: capitalize !important;}
  .btn:hover, .add_to_cart_button:hover, .wc-block-components-button:hover {  background: var(--secondary) !important;  color: #FFF !important;  border: solid 1px var(--secondary) !important;}
.step-btn:hover { background-color: var(--black) !important; color: var(--black)  !important;  border: solid 1px var(--primary) !important;}
.btn.alt {  background-color:  var(--white) !important;  border-radius: 50px;  border: solid 1px  var(--white) !important;  color: var(--white);  font-weight: 700;
  font-size: 16px;  padding: 10px 30px; text-decoration:none; white-space: nowrap !important;}
.btn.alt:hover {  background: linear-gradient(135deg, #FFF 0%, #EEE 100%) !important;  color:  var(--primary) !important;  border: solid 1px  var(--primary) !important;}
.btn.border {  background-color:transparent !important;  border-radius: 50px;  border: solid 1px  var(--white) !important;  color: var(--white);  font-weight: 700;
  font-size: 16px;  padding: 10px 30px; text-decoration:none; white-space: nowrap !important; text-transform: capitalize !important;}
.btn.border:hover {  background: var(--black) !important;  color:  var(--white) !important;  border: solid 1px  var(--white) !important;}
.btn.lg { font-size:24px !important; padding:15px 35px !important;}
.text-link, .woocommerce .added_to_cart {color: var(--primary) !important; font-weight: 400; font-size: 16px !important; text-decoration:none; position:relative;  padding-right:10px;  transition:ease-in-out 0.25s;}
.text-link:after, .woocommerce .added_to_cart:after {content:url(../images/textlink_arrow.svg); position:absolute; top:-2px; right:0px;}
.text-link:hover:after, .woocommerce .added_to_cart:hover:after {right:-5px; transition:ease-in-out 0.25s;}

.learnmore {color: var(--white) !important; font-weight: 400; font-size: 18px !important; text-decoration:none; position:relative;  padding-right:10px;  transition:ease-in-out 0.25s; z-index:1;}
.learnmore:after{content:url(../images/textlink_arrow.svg); position:absolute; top:-1px; right:-5px;}
.learnmore:hover:after{right:-10px; transition:ease-in-out 0.25s;}

.iconList { margin:0; padding:0;}
.iconList li { padding:25px 0 25px 80px; margin:15px 0; position:relative; list-style:none; display:block}
.iconList li img{ position:absolute; top:50%; left:0; margin-top:-32px; height:64px;}

.industryList { margin:0; padding:0; column-count:3 !important;}
.industryList li { padding:10px 0 10px 50px; margin:10px 0; list-style:none; position:relative; display:block}
.industryList li img{ position:absolute; top:50%; left:0; margin-top:-18px; height:36px;}


.icon_column { padding:40px; text-align:left; background: linear-gradient(180deg, #273F6B 0%, rgba(11, 19, 34, 0) 100%);
border-radius: 5px;}
.icon_column_horizontal_gradient { padding:40px; text-align:left; background: linear-gradient(90deg, rgba(39, 63, 107, 0.2) 0%, rgba(39, 63, 107, 0) 100%);
border-radius: 5px;}
.icon_column_with_left_border { padding:40px; text-align:left; border-left:solid 2px var(--primary);  background: linear-gradient(180deg, #273F6B 0%, rgba(11, 19, 34, 0) 100%); border-radius: 10px;}

.sideBar { background:rgba(0,0,0,0.5); padding:50px;}

.accordion_column {background: linear-gradient(90deg, rgba(39, 63, 107, 0.2) 0%, rgba(39, 63, 107, 0) 100%);
border-radius: 5px; padding:15px;}
.accordion_column_list { margin:0; padding:0 20px;}
.accordion_column_list li { margin:0; padding:0 ; border-bottom:solid 1px rgba(255,255,255,0.1); list-style:none; }
.accordion_column_list li:last-child { border-bottom:solid 0px rgba(255,255,255,0.1); list-style:none; }
.accordion_column_list .accordian_toggle {font-weight:400; cursor:pointer; padding:10px 0; display:block;}
.accordion_column_list .accordian_toggle.active { color:var(--primary) !important; font-size:18px;}
.accordion_column_list .accordian_toggle.active .accordian_content{ color:#FFFFFF !important;}
.accordion_column_list .accordian_toggle::after { content:'+';}
.accordion_column_list .accordian_content { display:none; font-weight:400; font-size:16px; margin:10px 0;}
.accordion_column_list .accordian_toggle.active::after { display:none;}

.tabsContainer {background: linear-gradient(180deg, rgba(24, 32, 80, 0.25) 51.5%, rgba(10, 13, 31, 0.072) 100%);
border: 10px solid #213257; border-radius:10px;
}
.tabsContainer .custom_tabs { margin:0 auto; text-align:center; justify-content: space-evenly; border-bottom:solid 0px #000; overflow:hidden;}
.tabsContainer .custom_tabs li {  margin:0px !important; display:block;}
.tabsContainer .custom_tabs li a { color:#FFF !important;  padding:15px 30px !important; text-decoration:none !important;}
.tabsContainer .custom_tabs li .active { background: rgba(24, 32, 80, 1);  box-shadow:0px -20px 10px rgba(0,0,0,0.2);}
.tabsContainer .custom_tabs li a.active { color:var(--primary) !important; text-decoration:none !important;}
.tabsContainer .custom_tabs li a .icon { margin-bottom:15px;}
.tabsContainer .tab-content { padding:0px !important; margin-top:-5px;}
.tabsContainer .custom_tabs_content.active { background:linear-gradient(180deg, rgba(24, 32, 80, 0.76) 51.5%, rgba(10, 13, 31, 0.072) 100%); padding:30px 50px;}

.subscribeinput { padding:12px 20px; border-radius:5px; width:100%; border:solid 2px var(--secondary) !important;}

section.bg_1{background: linear-gradient(135deg, var(--bodybackground) 0%,   var(--bodybackground)    100%); background-size:cover;  }
section.bg_2{background: linear-gradient(45deg, var(--primary-alt) 0%,    var(--bodybackground)    100%);background-size:cover;}
section.bg_3{ background: linear-gradient(-90deg, var(--primary-alt) 0%,     var(--bodybackground)    100%); background-size:cover;}
section.bg_4 { background: linear-gradient(to left, #140e3b 0%, #000000 50%,  #140e3b 100% ); background-size:cover;}
section.subscribeBg { background:url(../images/subscibe_bg.jpg) no-repeat center center; background-size:cover;}

.img-responsive { max-width:100%;}

.tilesContainer { display:flex;}
.wholeTileLink { text-decoration:none !important; color:inherit !important;}

.solutionTile, .bgTile { border-radius:5px; border:solid 1px rgba(255,255,255,0.1); background:url('../images/temp_solution_tile_bg.jpg') no-repeat center center; background-size:cover; padding:60px 40px; text-align:center; margin:0 40px 40px 0;  position:relative;}
.solutionTile .content, .bgTile .content { z-index:2; position:relative;}
.solutionTile .readMore, .bgTile .readMore {opacity:0; position:absolute; left:50%; margin-left:-20px;  bottom:20px; display:none !important; }
.solutionTile:hover,  .bgTile:hover { border:solid 1px rgba(255,255,255,0.2); box-shadow:--box-shadow-1; transform:translateY(-10px) }
.solutionTile::after,  .bgTile::after {content:''; border-radius:5px;   position:absolute; top:0; left:0; height:100%; width:100%;  background:var(--black); opacity:0.8; z-index:0;}
.solutionTile:hover::after, .bgTile:hover::after{ background: linear-gradient(180deg, var(--black) 0%,     var(--secondary)    100%); opacity:0.8; }
.solutionTile:hover .readMore { opacity:1; bottom:-40px; }

.tag { background: var(--secondary); padding:2px 10px; margin:0 10px 15px 0; font-size:14px; border-radius:30px; border:solid 1px rgba(255,255,255,0.2); display:inline-block;}

.gradientTile { border-radius:5px; border-left:solid 1px rgba(23, 150, 214, 0.40); background: linear-gradient(180deg, rgba(23, 150, 214, 0.40) 0%,    rgba(11, 63, 89, 0)   100%); background-size:cover; padding:30px 30px; text-align:center; margin:0 40px 40px 0;  position:relative; margin:0 15px 15px 0}
.gradientTile .content { z-index:2; position:relative; text-align:left;}
.gradientTile .readMore {opacity:0; position:absolute; left:50%; margin-left:-20px;  bottom:20px; }
.gradientTile:hover { border-left:solid 1px rgba(255,255,255,0.2); box-shadow:--box-shadow-1;  transform:translateY(-10px) }
.gradientTile::after {content:''; border-radius:5px;   position:absolute; top:0; left:0; height:100%; width:100%;  background:var(--black); opacity:0; z-index:0;}
.gradientTile:hover::after{ background: linear-gradient(180deg, rgba(23, 150, 214, 0.10) 0%,    rgba(11, 63, 89, 0)   100%); }

.howItWorksTile { border-radius:5px; border-left:solid 2px rgba(23, 150, 214, 0.40); background: linear-gradient(313.01deg, #263F6B 0%, rgba(11, 21, 40, 0) 100%); background-size:cover; padding:30px 30px; text-align:center; margin:0 40px 40px 0;  position:relative;}
.howItWorksTile .content { z-index:2; position:relative; text-align:left;}
.howItWorksTile .readMore {opacity:0; position:absolute; left:50%; margin-left:-20px;  bottom:20px; }
.howItWorksTile:hover { border-left:solid 2px rgba(255,255,255,0.2); box-shadow:--box-shadow-1; transform:translateY(-10px) }
.howItWorksTile::after {content:''; border-radius:5px;   position:absolute; top:0; left:0; height:100%; width:100%;  background:var(--black); opacity:0; z-index:0;}
.howItWorksTile:hover::after{ background: linear-gradient(180deg, rgba(23, 150, 214, 0.10) 0%,    rgba(11, 63, 89, 0)   100%); }
/* info box */



.iconTile_1 { border-radius:5px; border:solid 0; background: linear-gradient(to right, rgba(39, 63, 107, 1) 0%,    rgba(39, 63, 107, 0)   100%); background-size:cover; padding:50px; text-align:center; margin:0 40px 40px 0;  position:relative;}
.iconTile_1 .content { z-index:2; position:relative; text-align:center;}
.iconTile_1 .readMore {opacity:0; position:absolute; left:50%; margin-left:-20px;  bottom:20px; }
.iconTile_1:hover { border:solid 0; box-shadow:--box-shadow-1; cursor:pointer; transform:translateY(-10px) }
.iconTile_1::after {content:''; border-radius:5px;   position:absolute; top:0; left:0; height:100%; width:100%;  background:var(--black); opacity:0; z-index:0;}
.iconTile_1:hover::after{ background: linear-gradient(to right, rgba(39, 63, 107, 0.1) 0%,   rgba(11, 63, 89, 0)   200%); }


.numberTile_1 {

padding: 30px;
background: linear-gradient(180deg, #132543 0%, rgba(19, 37, 67, 0) 100%);
border-width:0px;
border-style: solid;
border-color: #F7822A;
backdrop-filter: blur(2px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 5px;
margin:20px 0;
height:100%;


}

.numberTile_1 .content {position:relative;
z-index:1;}
.numberTile_1::before {content:''; position:absolute; top:-5px; right:-5px; height:100%; width:100%; border-top:2px solid var(--primary);  border-right:2px solid  var(--primary); border-radius: 5px; z-index:-1; opacity:1; }
.numberTile_1:hover::before{top:-10px; right:-10px;}

.icon { height:36px; margin:0 0 15px 0;}

.padR50 { padding-right:50px !important;}

.pageTitle { padding:20px; margin:15px; color:#FFF !important; border-radius:30px; background-size:cover !important; background-color:#EEE; position:relative;}
.pageTitle h1 { z-index:11; color:#FFF !important; position:relative;}
.pageTitle::after {content:''; position:absolute; border-radius:30px; width:100%; height:100%; left:0; top:0; background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 100%); z-index:1;}

hr {
    margin: 5px 0 !important; }

/* info box */



.infoBox {  /* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 12px 24px;
gap: 16px;
background: linear-gradient(180deg, rgba(23, 150, 214, 0.3) 0%, rgba(23, 150, 214, 0) 100%);
border: 1px solid #1796D6;
backdrop-filter: blur(7.5px);
border-radius: 5px; }
.infoBox p{ font-size:24px;}
.infoBox:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; transform:scaleY(1.1) rotate(0deg);  background:#FFF; opacity:0.5;  border-radius:20px; z-index:-1; }

.testimonialsList { margin:0; padding:0;}
.testimonialsList li { margin:0; padding:25px; list-style:none; display:inline-block; width:33%;}
.testimonialTile {  position:relative; padding:40px; display:block;  border-radius:20px; z-index:2; background: linear-gradient(-45deg, var(--primary-alt) 0%, var(--primary-alt) 60%,     var(--secondary)    300%); color:#FFF;  box-shadow: 0 20px 20px rgba(0,0,0,0.1); margin:25px; }


.testimonialTile p{ font-size:18px; line-height:26px; }

.testimonialTile:before { content:url(../images/bi_quote.svg);  position:absolute; top:0px; left:-65px;  opacity:1;  z-index:2; }



.testimonialTile .client-details {background:rgba(255,255,255,0.8); padding:15px; font-size:22px; line-height:30px; font-family: 'Edu VIC WA NT Beginner', cursive; border-radius:20px; margin:15px 0; }


.logo_scroll_1, .logo_scroll_2 {white-space: nowrap !important; margin:0; padding:0;}
.logo_scroll_1 li, .logo_scroll_2 li { list-style:none !important;display:inline-block; margin:10px; vertical-align:top;  border-radius:5px;  padding:0px; }
.logo_scroll_1 li img, .logo_scroll_2 li img {max-height:75px; opacity:0.75}
.logo_scroll_1 li:hover, .logo_scroll_2 li:hover { background:var(--white); opacity:1;}
.logo_scroll_1 li:hover img, .logo_scroll_2 li:hover img {opacity:1}


.logoList { display:block; margin:0px ; padding:0; vertical-align:top; z-index:1; position:relative;}
.logoList li { list-style:none; display:inline-block; text-align:left; transition:all 0.2s linear; width:175px;transform:scale(0.95); }
.logoList li img { max-width:100%; opacity:0.75; border-radius:7px;}
.logoList li:hover { transform:scale(1); }
.logoList li:hover img {background:var(--white); opacity:1;  border-radius:7px;}
.logoList li a { display:block; vertical-align:top; border:solid 2px #FFF;  box-shadow:0 10px 20px rgba(0,0,0,0.1); width:100%;  border-radius:5px;  background:#FFF; padding:10px;}
.logoList li a img { height:50px;  filter: grayscale(0.2);}
.logoList li:hover a img {	 filter: grayscale(0); background:var(--white); opacity:1;}
.logoList li:hover a  { border:solid 2px #DDD;	 filter: grayscale(0);}


.modal-body { height:80vh; overflow-y:auto; text-align:left; padding:0 25px;}
.modal-body .hljs { background:none;}
.modal-body pre { margin:0; padding:0;}
.modal-body code { margin:0; padding:0; font-size:14px;}
.modal-header h4 {color:#000 !important; position:relative; margin:0; padding:0;	}
.modal .closeModal { position:absolute; right:-25px; top:10px; text-decoration:none; color:#000;}
.modal .closeModal img { height:24px;}
.modal-header img { height:50px;}

.tab-content { padding:50px;}

.numberList {
  counter-reset: section;
  margin-left:10px;
}
.numberList li { padding-left:10px; position:relative;}
.numberList li::marker { 
  font-size:40px;
  color:var(--primary);
  position:absolute;
  left:0;
  top:0;}
  .numberList li ul { margin-left:0px !important;}
  .numberList li li { list-style:none !important; padding-left:0px !important;}
.numberList li li::before {
content:' - ';
color:#FFF;
}
.numberList li li { padding-left:0px !important;}
.numberList li li::marker  { list-style:none !important;  display:none !important;}

.simpleList {margin:0; padding:0;}
.simpleList li{margin:0 0 10px 25px; padding:0 15px 0 5px;}
.simpleList br { display:none !important;}

 /* Custom styles for the timeline */
    .timeline { list-style: none;  padding: 0; position: relative; }

    .timeline:before {  content: '';  position: absolute;   top: 0;  bottom: 0;  width: 2px;    background: linear-gradient(-45deg, var(--bodybackground) 0%, var(--primary) 20%, var(--primary) 80%,     var(--bodybackground)    100%); left: 50%;  margin-left: -1px;  }

    .timeline-item {
      margin-bottom: 0px;
      position: relative;
    }

    .timeline-item:before,
    .timeline-item:after {
      content: "";
      display: block;
    }

    .timeline-item:after {
      clear: both;
    }

    .timeline-item .timeline-content {
      background: linear-gradient(45deg, rgba(10, 13, 31, 0.25) 0%,rgba(10, 13, 31, 0.25) 70%,     var(--bodybackground)    100%);
      border-radius: 8px;
      padding: 20px;
      position: relative;
      width: 45%;
      float: left;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	  border:solid 1px rgba(255,255,255,0.1);
    }
	
	.timeline-item:nth-child(even) .timeline-content { background: linear-gradient(-45deg, rgba(10, 13, 31, 0.25) 0%,rgba(10, 13, 31, 0.25) 70%,     var(--bodybackground)    100%);}
	.timeline-item:hover { transform:scale(1.1);}
	.timeline-item:hover .timeline-content{  background: linear-gradient(45deg, rgba(10, 13, 31, 0.50) 0%,rgba(10, 13, 31, 0.50) 70%,     var(--bodybackground)    100%); }
.timeline-item:nth-child(even) .timeline-content{ float: right;}
    .timeline-item .timeline-content h4 {
      margin-top: 0;
      color: var(--primary) !important;
      font-weight: 600;
      font-size: 18px;
    }

    .timeline-item .timeline-content p {
      color: #FFF;
      font-size: 16px;
    }

    .timeline-item .timeline-badge {
      color: #fff;
  
 
      text-align: center;
      position: absolute;
	 
      top: 50%;
      left: 50%;
  
      z-index: 100;
      -webkit-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    }
	.timeline-item .timeline-badge::after { content:''; width: 0;  height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent;
      border-right: 20px solid var(--white); left:-10px; position:absolute; top:50%; margin-top:-20px;}
	 .timeline-item:nth-child(even) .timeline-badge::after { content:''; width: 0;  height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent;
     border-right:0; border-left: 20px solid var(--white); left:auto; right:-10px; position:absolute; top:50%; margin-top:-20px;}
	  
	.timeline-item .timeline-badge .icon { margin:0px; padding:10px; width:48px; height:48px;       background-color:var(--white);
      border-radius: 5px;
	 }
	 .timeline-item:hover .timeline-badge::after {border-left-color:var(--white) !important; border-right-color:var(--white) !important;}
	 .timeline-item:hover .timeline-badge .icon { background-color:var(--white) !important;
	 }


.compareTable th, td{ padding:10px 20px;}
.compareTable th{ background:#006; font-weight:bold; padding:10px;}
.tableHeader {background:#1E273B; font-size:22px !important;}
.tableHeader * { font-size:22px !important;  padding:15px 0 !important;}
.row_label {font-size:600;}

.ScrollToTop { position:fixed; right:-10px; bottom:100px; cursor:pointer; z-index:99999;}
.ScrollToTop:hover {  right:0px;}
.footer {  padding:75px 0  !important; text-align:left;  color:var(--white); font-size:14px; background: url(../images/footer_bg.png) no-repeat !important; background-size:cover !important; position:relative; font-size:14px;}
.footer::before {content:'';position:absolute; height:100%; width:100%; bottom:0px; left:0;background:linear-gradient(to bottom,   var(--bodybackground),  rgba(0,0,0,0.3)) !important; z-index:0;  background-size: cover;}
.footer .container {z-index:1; position:relative;}

.footer .footerMenu { margin:0; padding:0; }
.footer .footerMenu li { margin:0; padding:2px 0; list-style:none; text-align:left;}
.footer .footerMenu li a { color:var(--white); text-decoration:none; font-size:16px;}
 .policyLinks a, .copyRight, .copyRight a{ font-size:14px; color:#FFF; text-decoration:none;}
 .footer .footer_sm_icon { height:24px;}
  .footer .iconBlock, .contactBlock { position:relative; padding-left:30px;}
 .footer .iconBlock .icon, .contactBlock .icon { position:absolute; left:0; top:12px; height:18px;}
.countryName{ font-size:22px; margin-bottom:5px; padding-bottom:5px; display:block;}
 .formArea { padding:25px; background:rgba(0,0,0,0.20);}
 .formArea .wpcf7 .wpcf7-text{ border:0 !important; background:none !important; border-bottom:solid 1px #9CE7FF !important; color:#FFF; width:100%; outline:none !important;}

  .formArea .wpcf7 label{ width:100%; font-size:14px; color:#9CE7FF;  }
 .formArea .wpcf7-list-item { margin:5px 15px 5px 0;  display:block; }
 .formArea .wpcf7-list-item .wpcf7-list-item-label { color:#FFF; margin-left:10px;}
 .formArea .wpcf7-acceptance .wpcf7-list-item-label {color:#9CE7FF  !important;}
 .formArea .wpcf7 .wpcf7-submit:disabled { opacity:0.25; }
 .formArea .wpcf7 .wpcf7-not-valid-tip { font-size:14px;}
 
 .formArea .wpcf7 .wpcf7-submit { background-color: var(--secondary) !important;  border-radius: 50px !important;  border: solid 1px var(--secondary) !important;  color: var(--white) !important;  font-weight: 400  !important; white-space: nowrap !important;  font-size: 18px !important; letter-spacing:0.5px;  padding: 10px 30px !important;  text-decoration:none;}
 .formArea .wpcf7 .wpcf7-submit:hover {  background: var(--secondary) !important;  color: #FFF !important;  border: solid 1px var(--secondary) !important;}
 
 .teamTile { padding:15px; border-radius:15px; background: rgba(39, 63, 107, 0.2); text-align:center;}
   .teamTile .photo { width:80%; margin:20px auto;}
  .teamTile .icon { height:24px;}
 .vision_mission {  border-radius:5px; border:solid 0; background: linear-gradient(to right, rgba(39, 63, 107, 0.2) 0%,    rgba(39, 63, 107, 0.1)   200%); padding:25px;}
 
  /* Accordian */
.acc-container {  max-width: 100%;  width: 100%;  background-color:rgba(255,255,255,0); height:auto !important;  }

.acc {  margin-bottom: 20px;  border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 15px; text-align:left !important;}

.acc-head {   padding: 10px 75px 10px 30px;  font-size: 18px; line-height:30px;  position: relative;  font-weight:500 !important;   cursor: pointer;  text-transform:inherit !important;  }
.acc:first-child  .acc-head { border-top:solid 0px #FFF !important;}
 .acc-head::before, .acc-head::after {  content: '';  position: absolute;  top: 10px; right:20px;   transition: all .3s; }

 .acc-head::before { content:url(../images/accordian_minus.svg); display:none;  }
.acc-head.active { color:var(--primary) !important;}
.acc-head::after { content:url(../images/accordian_plus.svg);  display:block;}
.acc-head.active::after { display:none;}
.acc-head.active::before { display:block;}
.acc-head p {  color: #000;  font-weight: 600; font-size:16px; margin:0px; padding:0px;}

.acc-content { padding: 0px 50px 10px  30px;  display: none;  font-size: 18px;  line-height:24px; }
  .acc-content li { padding:10px 0 !important;} 
  .acc-content a {color:var(--primary) !important; }
p:empty { display:none !important;}

 
@keyframes fadeinout {
 0% { opacity:0; }
    50%  { opacity:1; }
    100%   { opacity:0; } 
}


.fadeinout {
  animation: fadeinout 5s ease infinite;
}
