@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* ========== Font Family Files ========== */
@font-face {
    font-family: 'charterbold';
    src: url('charter_bold-webfont.eot');
    src: url('charter_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('charter_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* ========== Core Style CSS ========== */
body{font-family: "Poppins", sans-serif; font-weight:500; font-size:18px; line-height:174%; overflow-x: hidden; color:#404041;}
*{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;}
a{-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
::-moz-selection{background:#ED4224; text-shadow:none; color:#fff;}
::selection{background:#ED4224;text-shadow:none;color:#fff;}
img::-moz-selection{background:transparent;}
img::selection{background:transparent;}
img::-moz-selection{background:transparent;}

.fade{transition: opacity 0.2s ease;;}




/* ========== Style Guide CSS ========== */
.demo-span{color:#aaaaaa; font-size:16px; font-weight:400; line-height:22px; padding:0 0 30px 0; display:block}
.style-heading{color:#898989; font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase; border-bottom:1px solid #cbcbcb; margin:70px 0 25px 0; padding:0 0 20px 0; text-align:left;}



/* Color Swatches CSS */
ul.color-swatches-block li{width:85px; height:85px; font-size:12px; font-weight:700;
text-align:center; line-height:85px; text-transform:uppercase;}
.color-000000{background:#000; border:1px solid #000000;color:#fff;}
.color-d03239{background:#d03239; border:1px solid #d03239;color:#fff;}
.color-fe671b{background:#fe671b; border:1px solid #fe671b;color:#fff;}
.color-febe3b{background:#febe3b; border:1px solid #febe3b;color:#fff;}
.color-018065{background:#018065; border:1px solid #018065;color:#fff;}
.color-015487{background:#015487; border:1px solid #015487;color:#fff;}
.color-231f20{background:#231f20; border:1px solid #231f20;color:#fff;}
.color-fff{background:#fff; border:1px solid #000;color:#000;}


/* ========== Text Heading CSS ========== */
h1{ font-family: 'charterbold'; font-size:55px; line-height:72px; color:#000;  letter-spacing:1.5px;}
h2{ font-family: 'charterbold'; font-size:42px; line-height:55px; color:#000;  letter-spacing:1.5px;}
h3{font-family: 'charterbold'; font-size:30px; line-height:42px; color:#000; letter-spacing:1.5px;}
h4{font-family: "Poppins", sans-serif; font-weight:600; font-size:20px; line-height:32px color:#404041; letter-spacing:1px;}
h5{font-family: "Poppins", sans-serif; font-weight:600; font-size:18px; line-height:30px; color:#404041; letter-spacing:1px;}
h6{font-family: "Poppins", sans-serif; font-weight:500; font-size:16px; line-height:28px; color:#404041; letter-spacing:1px;}
.quiz-feedback-box h3 p{font-family: 'charterbold'; font-size:30px; line-height:42px; color:#000; letter-spacing:1.5px;}


/* ========== Text Paragraph CSS ========== */
p{font-family: "Poppins", sans-serif; font-weight:500; font-size:18px; color:#404041;  line-height:32px; margin-bottom:0; letter-spacing:0.5px;}
p a{color:#ED4224;}
p a:hover, p a:focus{color:#ED4224; 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:#404041; margin:0; padding:0 0 0 12px; list-style:none; position:relative; font-family: "Poppins", sans-serif; font-weight:500; font-size:18px;}
ul.solid-main li::before {left:0; color:#404041; position:absolute; top:0; font-size:5px; content:"\f111"; font-family: "Font Awesome 5 Free"; font-weight:600;}


/* ========== Ordered List CSS ========== */
ol.main{padding:0; margin:0 0 10px 0; counter-reset:my-awesome-counter; list-style:none; counter-reset: li;}
ol.main li {counter-increment:step-counter; margin:0; color:#404041; padding:0 0 0 22px; position:relative; font-family: "Poppins", sans-serif; font-weight:500; font-size:18px;}
ol.main li::before {content: "0" counter(li)'. ';  counter-increment: li; color:#404041; margin-right:0; top:1px; position:absolute; left:-5px; font-family: "Poppins", sans-serif; font-weight:500; font-size:18px;}


/* ========== Button CSS ========== */

.primary-link{
  display: inline-block;
  color:#FFFFFF; 
  letter-spacing:2px; 
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-transform:uppercase;
  min-height:50px;
  line-height:50px;
  padding:0 40px;
  border-width:1px;
  border-radius: 5px;
  text-align:center;
  background-size: 300% 100%;
  border:0;
  moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
background-image: linear-gradient(to right, #ED4224, #F59120, #F59120, #ED4224);}  

.primary-link:hover, .primary-link:focus{color:#fff; text-decoration:none;
 background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}


.primary-outline-link{
  display: inline-block;
  color:#ED4224; 
  letter-spacing:2px; 
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-align:center;
  text-transform:uppercase;
  min-height:50px;
  line-height:50px;
  padding:0 40px;

  


 background: linear-gradient(white, white) padding-box,
              linear-gradient(to right, #ED4224, #F59120) border-box;
  border-radius:5px;
  border:1px solid transparent;
}  

.primary-outline-link:hover, .primary-outline-link:focus{color:#fff; text-decoration:none; background:#ED4224;
background: linear-gradient(white, white) padding-box,
              linear-gradient(to right, #ED4224, #F59120) border-box;
  border-radius:5px;
  border:1px solid transparent;
  background-image: linear-gradient(to right, #ED4224, #F59120);
}

.text-link{font-size:15px; color:#ED4224; letter-spacing:1px; font-weight:600; text-transform:uppercase; text-decoration:underline; display:block;}
.text-link:hover, .text-link:focus{color:#ED4224; text-decoration:none; }



.body-nav .col-lg-12.col-xl-12{position:static}
.body-nav .nav-box{position:static}
.body-nav .menu__btn{right:30px;}


.nav-box{position:relative; width:100%; display:flex; align-items:center; justify-content: space-between;}
.login-menu{ display: flex; margin-right:50px;}
.login-menu li{margin-right:20px;}
.login-menu a{padding:0; width:140px; text-align:center;}
.tp-background{padding:10px 0; background:#fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
 border-bottom:1px solid #DEDEDE; }

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

.dashboard-menu{display:flex;margin-right:50px;}
.dashboard-menu li{margin-right:40px;}
.dashboard-menu li a img{margin-right:6px; position:relative; top:-2px;}
.dashboard-menu li a{font-size:15px; font-family: "Poppins", sans-serif; font-weight:600; color:#000000; text-transform:uppercase; letter-spacing:1px;}
.dashboard-menu li a:hover, .dashboard-menu li a:focus{text-decoration:none; opacity:0.7;}

/* ==== Home Page Banner ==== */
.masthead{height:675px; margin:0; position:relative;}
.home-banner-transparent{background: linear-gradient(270deg, rgba(189, 28, 0, 0.20) -0.54%, #3F0E06 99.2%); 
width:100%; height:100%; position:absolute; top:0; right:0;}

.home-white-transparent{background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
z-index: 1; width:100%; height:50%; position:absolute; top:0; right:0;}


.banner-white-transparent{background:rgba(255, 255, 255, 0.8); z-index:100; width:100%; height:100%; position:absolute; top:0; right:0; display:none;}
.body-transparent{display:block;}

.home-banner-image{position:relative; height:100%;}
.home-banner-image img{width:100%; height:100%; object-fit:cover;}

#home-banner-text{position:absolute; top:0; left:0; right:0; z-index:5;     height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}
	
.home-banner-video{     height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}
.home-banner-subheading h1{ color:#fff; text-shadow: 1px 4px 5px rgba(0,0,0,0.36); margin-bottom:30px;}
.home-banner-subheading h2{ color:#fff; padding-right:20%; margin-bottom:35px; text-transform:inherit;}

.home-banner-video{float:right;}

.home-banner-subheading ul{display:flex; margin-top:30px;}
.home-banner-subheading ul li{margin-right:30px;}
.home-banner-subheading ul li .primary-outline-link{color:#fff; border:1px solid #fff;}
.home-banner-subheading ul li .primary-outline-link:hover, .home-banner-subheading ul li .primary-outline-link:focus{border:1px solid #0DB5FF;}
.home-banner-subheading ul li a{width:220px; text-align:center}




/* ========== Footer CSS ========== */
footer{background-color:#404041; padding:60px 0; margin-top:100px;}
.footer-link{padding-bottom:40px;}
.footer-link ul{display:flex; justify-content: center;}
.footer-link ul li{margin:0 20px;}
.footer-link ul li a{font-size:16px; font-family: "Poppins", sans-serif; font-weight:500; color:#fff; text-transform:uppercase; letter-spacing:1.5px;}
.footer-link ul li a:hover, .footer-link ul li a:focus{color:#ED4224; text-decoration:none;}

.footer-logo{text-align:center; margin-bottom:45px;}
.copyright-text{text-align:left; margin-bottom:0; height:100%; display:flex; align-items:center;}
.copyright-text span{font-size:14px; color:#fff; letter-spacing:1px; font-weight:500; text-transform:uppercase;}


.social-media{display:flex; justify-content:center; align-items:center;}
.social-media ul{display:flex; justify-content:center;}
.social-media ul li{margin:0 20px;}
.social-media ul li a:hover, .social-media ul li a:focus{opacity:0.7;}
.instagram-icon{background-image:url(../img/instagram-icon.svg); background-repeat:no-repeat;  background-position:center center;  width:28px; height:28px; display:block;}
.facebook-icon{background-image:url(../img/facebook-icon.svg); background-repeat:no-repeat;  background-position:center center; width:15px; height:28px; display:block;}
.youtube-icon{background-image:url(../img/youtube-icon.svg); background-repeat:no-repeat;  background-position:center center; width:40px; height:28px; display:block;}
.linkedin-icon{background-image:url(../img/linkedin-icon.svg); background-repeat:no-repeat;  background-position:center center; width:30px; height:28px; display:block;}


.copyright-link ul{display:flex; justify-content:flex-end;}
.copyright-link ul li{margin-left:33px;}
.copyright-link ul li a{font-size:14px; color:#fff; letter-spacing:1px; font-weight:500; text-transform:uppercase;}

.footer-hr hr{margin:50px 0 42px 0; border-top:1px solid #2B2B2B}


@media (max-width:1500px){
.intro-block{padding-right:15%;}
.intro-text{padding-left:15%; }
.financial-insights-text img{width:90%; height:100%;}
}

@media (max-width:1300px){
.intro-block{padding-right:50px;}
.intro-text{padding-left:50px; padding-right:50px;}

}

@media (min-width:1300px){
.container{max-width:1320px;}
}


@media (max-width:1299px){
.footer-link ul li{margin-right:10px;}
}

@media (max-width:1199px){
.about-us-link{justify-content:center; margin-top:20px;}
.primary-link{font-size:14px;}
.primary-outline-link{font-size:14px;}

}

@media (max-width:991px){

footer{padding:60px 0; margin-top:60px;}
.footer-hr hr {margin:20px 0 22px 0;}
.footer-logo{float:none; margin:0 auto; text-align:center; margin-bottom:25px;}
.footer-link{padding-bottom:30px;}
.copyright-link ul li{margin:0 10px;}
.social-media{justify-content:center; padding-bottom:20px;}
.copyright-text{justify-content:center; text-align:center;}
.copyright-link ul {justify-content: center; margin-bottom:15px;}
.footer-link ul{flex-wrap:wrap; justify-content:center;}
.footer-link ul li{margin:0 20px 10px 20px;}


#contact-us-section{padding:70px 0}
.contact-us-heading{text-align:center; margin-bottom:35px;}
#get-started-section .contact-us-heading{margin-bottom:0;}
#services-section{padding:70px 0 50px 0}
.services-box{margin-bottom:50px;}

.intro-block{padding-top:50px; padding-bottom:50px;}
.intro-block::after{display:none;}
.intro-block::before{display:none;}

.intro-spacer{margin-top:0;}
.intro-text{padding-top:70px; padding-bottom:70px;}

#about-us-section{padding:70px 0}
.fixed-nav{right:0!important;}
#about-us-inner-section{padding:70px 0 50px 0;}
#help-section{padding:70px 0}
.about-us-inner-box{padding-bottom:40px;}
.leadership-box{margin-bottom:40px; }
#leadership-section{padding:70px 0 50px 0;}
#home-banner-text{text-align:center;}
.home-banner-subheading h2{padding-right:0;}
.home-banner-subheading ul{justify-content:center;}
.services-corner{width:200px;}
.services-corner-about{width:200px;}
.home-banner-subheading ul li{margin-right:15px; margin-left:15px;}

.home-banner-video{float:none; margin-top:30px;}




}

.form-border{
  background: #F1F1F2;
border-radius: 20px;
padding: 65px;
}

@media (max-width:767px){
.menu__box{width:100%!important;}
#menu__toggle:checked ~ .menu__box{padding-right:25px!important; padding-left:25px!important;}
.services-corner{width:175px;}
.services-corner-about{width:175px;}
h1{font-size:40px;}

.primary-link{font-size:15px; padding:0 30px; min-height:45px; line-height:45px;}
.primary-outline-link{font-size:15px; padding:0 30px; min-height:45px; line-height:45px;}

}


@media (max-width:1024px){
h1{font-size:45px; line-height:60px;}
h2{font-size:35px; line-height:45px;}
h3{font-size:25px; line-height:38px;}
h4{font-size:18px; line-height:30px;}
h5{font-size:16px; line-height:28px;}
p{font-size:17px; line-height:30px;}
}




@media (max-width:767px){
.login-menu a.primary-link{background:transparent; padding:0; border:0; color:#000; width:auto;}
.login-menu a.primary-link:hover,.login-menu a.primary-link:focus{color:#ED4224; text-decoration:underline;}
.login-menu a.primary-outline-link{background:transparent; padding:0; border:0; width:auto; text-decoration:none;}
.login-menu a.primary-outline-link:hover, .login-menu a.primary-outline-link:focus{color:#ED4224; text-decoration:underline;}
}

@media (max-width:575px){
.copyright-text{flex-wrap:wrap;}

.copyright-text span:nth-child(2){display:none;}
.intro-text{padding-right:15px; padding-left:15px;}

.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid{padding-right:15px; padding-left:15px;}
.home-banner-subheading ul{flex-wrap:wrap;}
.home-banner-subheading ul li{padding-bottom:20px; margin-right:0; margin-left:0; width:100%;}

.sticky .container-fluids{ padding-right:20px!important; padding-left:20px!important;}
.home-banner-subheading h2{padding-right:3%; padding-left:3%;}
.home-banner-subheading ul li a{width: 80%;}
.navbar-brand img{width:100%;}
.dashboard-menu{margin-right:40px;}

h1{font-size:38px; line-height:52px;}
h2{font-size:30px; line-height:38px;}

.footer-link{padding-bottom:20px;}
.social-media i{width:35px; height:35px; line-height:35px; font-size:15px;}
footer{padding:50px 0; margin-top:40px;}
}

@media (max-width:480px){
.nav-height{height:65px;}
.navbar-brand{width:55%;}
.body-nav .menu__btn{top:23px!important;}
.menu__btn{top:10px!important;}
.footer-link ul li{margin-left:10px; margin-right:10px;}

.copyright-text span{display:block; width:100%;}
}
