@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Puritan:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* ========== Core Style CSS ========== */
body{font-family: "Manrope", sans-serif; font-style: normal;  line-height:160%; color:#2E2E2E; overflow-x: hidden;}
html{font-size:18px;}
*{outline:0;}
textarea{resize:none}
textarea:focus, input:focus, button:focus{outline:none;}
.form-control:focus{border-color:inherit;-webkit-box-shadow:none; box-shadow: none;}
ul{margin:0; padding:0;}
ul li{list-style:none;}

::-moz-selection{background:#030657; text-shadow:none; color:#fff;}
::selection{background:#030657;text-shadow:none;color:#fff;}
img::-moz-selection{background:transparent;}
img::selection{background:transparent;}
img::-moz-selection{background:transparent;}
.navbar-toggler:focus{box-shadow:none;}
html {scroll-behavior: smooth;}

.input-group ::placeholder {color: #B5D1EF; opacity:0.6; /* Firefox */}
.input-group ::-ms-input-placeholder { /* Edge 12 -18 */color: #B5D1EF;}

.navbar .container-fluid{padding:0 7% ; overflow:hidden;}
.tp-background .container-fluid{overflow:visible;}

/* ========== Navigation Style CSS ========== */
.dropdown-toggle::after{display:none;}
.tp-background{background: linear-gradient(90deg, #4B0204 0%, #740110 100%);
 padding:10px 0; align-items: baseline; background-size: cover;}

.tp-background.shrink{background: linear-gradient(90deg, #4B0204 0%, #740110 100%);}

.nav-height{height:95px; width:100%; display:block;}

#navbarResponsive .contact-link{margin-left:35px;}
.sticky .navbar-nav .nav-item{margin:0 30px 0 0;}


.sticky .navbar-nav .nav-link{color:#FFFFFF; font-family: "Manrope", sans-serif; font-weight:500; font-size:18px;  padding:0; position:relative; cursor:pointer; letter-spacing:0.5px; padding:0; }
.sticky .navbar-nav .nav-link:hover, .sticky .navbar-nav .nav-link:focus, .sticky .navbar-nav .nav-link:active{color:#C3996B;}

.navbar-brand{padding: 0;}


.fixed-nav{background:#fff!important; border-bottom:1px solid #e9e9e9;}
.navbar-nav .donate-btn-top{padding:0 75px 0 45px!important;}
.sticky .navbar-nav .nav-link.get-started-btn:hover::after{border:0!important;}

.fixed-nav .get-started-btn::after{border:1px solid #231f20;}
.fixed-nav .get-started-btn{color:#231f20;}
.fixed-nav .get-started-btn:hover::after{border: 1px solid transparent;}
.navbar-expand-xl .navbar-collapse{justify-content:center; position:relative;}
.mobile-header{position:absolute; right:0;}
.navbar .megamenu{padding:10px 0 10px 15px!important; border-radius:0!important; margin-top:0; width:154px; background-color: rgba(31, 42, 68, 0.8);}

.col-megamenu ul li{margin:0 0 3px 0; text-align:left;}
.col-megamenu ul li:last-child{margin-bottom:0;}
.col-megamenu ul li a{color:#fff; font-family: 'Montserrat', sans-serif;  font-weight: 500; font-size:16px; text-shadow:none;}
.col-megamenu ul li a:hover{color:#FAC332;text-decoration:none;}
.dropdown-menu .row{margin:0;}
.dropdown-menu{border:0;}
.navbar-section{display:flex; align-items:center; justify-content:space-between;}
.industries-block h6{font-weight:800; margin:0 0 10px 0;}
.functions-block h6{font-weight:800; margin:0 0 10px 0;}


.shrink .footer-logo-black{display:none;}
.footer-logo-white{display:none;}
.shrink .footer-logo-white{display:block;}
.functions-block{margin-left:5%;}
.dropdown-menu{background:#fff; left:0; top:40px;}
.dropdown-menu::after{right:0; left:0; position:absolute; top:-25px; content:""; width:100%; height:35px; margin:0 auto; background:transparent;}
li.nav-item:hover a.dropdown-toggle-icon{color:#FAC332!important; cursor:pointer}
.sticky .navbar-nav .dropdown-nav{position:relative;}
.inner-page-nav .navbar-nav .nav-link{color:#fff;}
.sticky.inner-page-nav.shrink .navbar-nav .nav-link{color:#fff;}

li.nav-item:hover a.dropdown-toggle{background:transparent; color:#C3996B; cursor:pointer}
.shrink li.nav-item:hover a.dropdown-toggle{background:transparent; color:#C3996B; cursor:pointer}

/* .dropdown-menu:before{background:#00346B; content:""; position:absolute; width:137px; height:30px; top:-9px; left:0;} 
.shrink .dropdown-menu:before{background:#fff; content:""; position:absolute; width:137px; height:30px; top:-9px; left:0;}*/
.navbar-expand-xl .navbar-nav .dropdown-menu{width:260px; border-top-left-radius:0!important; border-top-right-radius:0!important; box-shadow:none; padding:20px 10px; margin-top:0; background:#C3996B; top:63px; border-bottom-right-radius:0;  border-bottom-left-radius:0;}
.dropdown-item{font-family: "Manrope", sans-serif; font-weight:500; font-size:18px; color:#fff; margin-bottom: 5px;}
.dropdown-item:focus, .dropdown-item:hover{background:transparent; color:#fff; text-decoration:none;}
.mobile-header a{display:flex;align-items:center; margin-left:0; padding:0}
.mobile-header a:hover, .mobile-header a:focus{background:transparent; color:#CEE2DB;}
.mobile-header a{display:flex; text-decoration:none;}
.mobile-header p{color:#fff; font-family: "Manrope", sans-serif; font-weight:700; font-size:18px;   padding:0; position:relative;  letter-spacing:1px; padding-left:5px; margin-bottom: 0;}
.mobile-header a .header-phone{background:url("../img/header-phone-icon.svg") no-repeat 0 0; width:30px; height:30px; display:block; margin-top:0;}

.mobile-header a:hover p, .mobile-header a:focus p{color:#fff;}
.mobile-header-mobile{display:none;}

.shrink .container-fluid .navbar-nav .nav-link{color:#fff;}
.shrink .navbar-nav .nav-link:hover, .shrink .navbar-nav .nav-link:focus, .shrink .navbar-nav .nav-link:active{color:#C3996B; background:transparent;}

.shrink .dropdown-menu{background:#fff!important; box-shadow: 0px 12px 18.4px -8px rgba(0, 0, 0, 0.10)!important;}
.shrink .dropdown-item{color:#fff!important;}



.inner-page-nav{background:#0C4242; opacity:1;}

/* ==== Navigation Animation Icon ==== */
.navbar-toggler .top-bar {transform: rotate(45deg); transform-origin:18% 5%;}
.navbar-toggler .middle-bar {opacity: 0;}
.navbar-toggler .bottom-bar {transform: rotate(-45deg);  transform-origin:16% 95%;}
.navbar-toggler.collapsed .top-bar {transform: rotate(0);}
.navbar-toggler.collapsed .middle-bar {opacity:1;}
.navbar-toggler.collapsed .bottom-bar {transform:rotate(0);}
.shrink .icon-bar{width:40px; height:3px; display:block; transition:all 0.2s; margin-top:0;  margin-bottom:6px; background-color:#FFFFFF; border-radius:100px;}
.icon-bar{width:40px; height:3px; display:block; transition:all 0.2s; margin-top:0;  margin-bottom:6px; background-color:#FFFFFF; border-radius:100px;}
.navbar-toggler{background:transparent; border-radius:0; padding:0;}
.navbar-light .navbar-toggler{border:0; padding-right:0;}

/* ========== Text Heading CSS ========== */
h1{font-family: "Manrope", sans-serif; font-weight:800; font-size:52px; line-height: normal; color:#333333;}
h2{font-family: "Manrope", sans-serif; font-weight:700; font-size:36px; line-height: normal; color:#333333;}
h3{font-family: "Manrope", sans-serif; font-weight:600; font-size:26px; line-height: normal; color:#333333;}
h4{font-family: "Manrope", sans-serif; font-weight:600; font-size:22px; line-height: normal; color:#333333;}
h5{font-family: "Manrope", sans-serif; font-weight:500; font-size:18px; line-height: normal; color:#333333;}
h6{font-family: "Manrope", sans-serif; font-weight:700; font-size:16px; line-height: normal; color:#333333;}

/* ========== Text Paragraph CSS ========== */
p{font-family: "Manrope", sans-serif; font-weight:500; font-size:16px; color:#686868; line-height:175%; letter-spacing:0.25px; margin-bottom:20px;}
p a{color:#686868;}
p a:hover, p a:focus{color:#686868; text-decoration:underline;}

/* ========== Bold Unordered List CSS ========== */
ul.solid-main{padding:0 0 10px 0; margin:0; list-style: none;}
ul.solid-main li{color:#686868; margin:0 0 10px 0;  padding:0 0 0 25px; list-style:none; position:relative; font-family: "Manrope", sans-serif; font-weight:500; font-size:16px; line-height:180%; letter-spacing:1px; text-align: left;}
ul.solid-main li::before {width:9px; height:9px; left:0; position:absolute; top:8px; background-color:#686868; content:""; background-repeat:no-repeat;  background-position:center center;border-radius:100%;}


/* ========== Ordered List CSS ========== */
ol.main{padding:0; margin:0 0 5px 0; counter-reset:my-awesome-counter; list-style:none; counter-reset: li;}
ol.main li {counter-increment:step-counter; margin:0 0 10px 0; color:#000; padding:0 0 0 40px; line-height:180%; position:relative; font-family: "Manrope", sans-serif; font-weight:500; font-size:16px; color:#686868; letter-spacing:1px; }
ol.main li::before {content: "0" counter(li)'. ';  counter-increment: li;  margin-right:0; color:#900D27; top:-5px; position:absolute; left:-5px; font-family: "Manrope", sans-serif; font-weight:500; font-size:18px; color:#686868; line-height:180%; letter-spacing:2px;}


/* ========== Button CSS ========== */
.primary-btn{
  color:#fff; 
  font-size:18px;
  font-weight:700;
  border-radius:4px;
  font-family: "Manrope", sans-serif;
  padding:0 30px;
  text-decoration:none;
  text-align:center;
  line-height:60px;
  height:60px;
  letter-spacing:0;
  background: linear-gradient(270deg, #B40023 0%, #791213 100%);
   border:1px solid #fff;
  cursor: pointer;
  display: inline-block;
  position:relative;
}
.primary-btn:hover, .primary-btn:focus{color:#fff; background: linear-gradient(90deg, #B40023 0%, #791213 100%); text-decoration:none;}

.primary-outline-btn{
  color:#791213; 
  font-size:18px;
  font-weight:700;
  border-radius:4px;
  font-family: "Manrope", sans-serif;
  padding:0 30px;
  text-decoration:none;
  text-align:center;
  line-height:60px;
  height:60px;
  letter-spacing:0;
  background:transparent;
   border:1px solid #791213;
  cursor: pointer;
  display: inline-block;
  position:relative;
}
.primary-outline-btn:hover, .primary-outline-btn:focus{color:#fff; border:1px solid #791213; background: linear-gradient(90deg, #B40023 0%, #791213 100%); text-decoration:none;}


.white-outline-btn{
  color:#fff; 
  font-size:18px;
  font-weight:700;
  border-radius:4px;
  font-family: "Manrope", sans-serif;
  padding:0 30px;
  text-decoration:none;
  text-align:center;
  line-height:60px;
  height:60px;
  letter-spacing:0;
  background:transparent;
   border:1px solid #fff;
  cursor: pointer;
  display: inline-block;
  position:relative;
}
.white-outline-btn:hover, .white-outline-btn:focus{color:#791213; border:1px solid #791213; background:transparent; text-decoration:none;}



.text-link{
  display:inline-flex;
  align-items: flex-start;
  justify-content: left;
  position:relative;
  color:#791213; 
  font-size:16px;
  font-family: "Manrope", sans-serif;
  font-weight:700;
  padding:0;
  text-decoration:none;
  text-align:left;


   letter-spacing:0;}
   .text-link:hover,    .text-link:focus{ color:#791213;}
.text-link:after{ content: '';
  position: absolute;
  width: 100%;
  
  height: 2px;
  bottom:-5px;
  left: 0;
  background-color: #791213;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.25s ease-out;}
.text-link:hover::after{  transform: scaleX(0); color:#791213;}


@media (max-width:1399px){
.sticky .navbar-nav .nav-item{margin: 0 20px 0 0;}
.sticky .navbar-nav .nav-link{font-size:17px;}
.mobile-header p{font-size:17px; padding-left:2px;}
h1{font-size:40px;}
}

@media (max-width:1500px){
.sticky .navbar-nav .nav-link{margin:0;}
}



@media (max-width:1299px){
h1{font-size:36px;}
}

@media (max-width:1199px){
	
	
.navbar-expand-xl .navbar-nav .dropdown-menu{background:#C3996B!important; border-radius:5px!important; padding-top:15px!important; padding-bottom:15px!important;}
.dropdown-item{color:#fff;}	
.dropdown-menu:before{display:none}
.sticky .navbar-nav .nav-link:hover, .sticky .navbar-nav .nav-link:focus, .sticky .navbar-nav .nav-link:active{background:transparent; color:#fff; text-decoration:underline;}
.nav-link.dropdown-toggle.icon-main:after{color:#231F20;}
.dropdown-item{padding:8px 12px;}
.shrink .dropdown-menu{box-shadow:none!important;}
li.nav-item:hover a.dropdown-toggle{background:transparent; color:#C3996B}

.non-scroll-logo{display:block}
.shrink .non-scroll-logo{display:block!important}

.scroll-logo{display:none}
.shrink .scroll-logo{display:none}

.navbar-section{flex-wrap:wrap; padding:10px 0; width: 100%;}
.tp-background{height:auto!important;}
.navbar-nav{background:transparent; padding:0; text-align:center; margin-top:10px; margin-bottom:0;}
.sticky .navbar-nav .nav-item{margin:0; text-align: left; margin-bottom:10px;  padding:6px 10px 6px 0; }

.mobile-header-mobile{background: linear-gradient(270deg, #00346B 0%, #016179 100%);text-align:center; padding:8px 5px; display:block; width:100%;margin-bottom:0; display:flex; align-items:center;justify-content:center;}
.mobile-header-mobile a{display:flex; align-items:center; justify-content:center; text-decoration:none;}
.mobile-header-mobile a p{color:#fff; font-family: "Roboto", serif; font-weight:500; font-size:1rem;  padding:0; position:relative; text-transform:uppercase; letter-spacing:1px; padding-left:5px; text-decoration:none;}
.mobile-header-mobile a .header-phone{background:url("../img/header-phone-icon.svg") no-repeat 0 0; width:30px; height:30px; display:block; position:relative; top:4px;}
.mobile-header-mobile a:hover .header-phone, .mobile-header-mobile a:focus .header-phone{background:url("../img/white-phone-icon.svg") no-repeat 0 0;}
.mobile-header-mobile a:hover p, .mobile-header-mobile a:focus p{color:#fff; text-decoration:none;}

.navbar-expand-xl .navbar-collapse{text-align:center;}
#navbarResponsive .contact-link{margin-left:0;}
.white-PJE-Logo{display:none;}
.mobile-PJE-Logo{display:block;}
.tp-background.shrink{padding:0;}


#navbarResponsive .contact-link{display:none;}
.tp-background{padding-bottom:0; padding-top:0;}
.bg-active{background:linear-gradient(90deg, #4B0204 0%, #740110 100%);}
.shrink.tp-background {padding-top:0;}

.containerDesktop ul li{width:25%;}

.mobile-account-link{display:block; margin-right:20px;}
.container-mobile{display:flex;}

.mobile-header{position:static; }

.navbar-expand-xl .navbar-nav .dropdown-menu{width:100%; border-radius:0!important; margin-top:15px;}
}


 
@media (max-width:1199px){
.mobile-header{margin:0 0 20px 0; padding:5px 10px 5px 0;}
.index-heading h6 br{display:none;}
.logo-heading-text.index-heading h6 br{display:none;}

h1{font-size:32px;}
h2{font-size:30px;}
h3{font-size:22px;}
h4{font-size:20px;}




}

@media (max-width:1064px){
h1{font-size:30px;}
	
}


@media (max-width:991px){

h2{font-size:27px;}
h3{font-size:20px;}
h4{font-size:20px;}
	
	
    .nav-height {
        height:108px;
    }
.navbar-brand img{height:57px;}
	

.mobile-header-mobile a p{font-size:0.9rem}
.sticky .navbar-nav .nav-link{font-size:0.9rem}
.dropdown-item{font-size:0.9rem}
.navbar-section{padding: 15px 0;}

}


@media (max-width:767px){

.primary-btn, .secondary-btn, .primary-outline-btn, .secondary-outline-btn{line-height:48px;  height:48px; font-size:15px;}	
}


@media (max-width:575px){

}