@import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;700&family=Titillium+Web:wght@400;700&display=swap');



.Titillium {font-family: 'Titillium Web', sans-serif;}

.Exo {font-family: 'Exo', sans-serif;}

.justifiedtext { text-align: justify; text-justify: inter-word; }



.navbar-scroll .nav-link,.navbar-scroll .navbar-toggler-icon,.navbar-scroll .navbar-brand { color: #fff;







}/*-------------------- ------------ INTRO SECTION-----------------------------*/

#intro {  padding-bottom: 0px;}

.intro-img {  margin-top: 45px;

}#intro .section-heading p {  color: #000;  font-size: 30px;  line-height: 40px;}

.intro-box {  margin-top: 30px;  position: relative;  margin-bottom: 20px;}

.intro-box h4:before {  position: absolute;  left: 0px;  top: 17px;  content: "";  bottom: 0px;  background: #000;  width: 50px;  height: 2px;}

.intro-box h4 {  text-transform: uppercase;  margin-bottom: 15px;  position: relative;  padding-left: 60px;}

.intro-box span {  font-size: 28px;  color: #9e0606;}.intro-cta {  margin-top: 40px;} 

.section-padding {  padding: 90px 0px;}



/*-------------------------------- COUNTER SECTION-----------------------------*/

.counter {  font-size: 60px;  line-height: 60px;  font-weight: 700;  line-height: 70px;  margin: 10px 0px;  color: #635CDB;}

.counter-stat i {  font-size: 40px;  color: #fff;  margin-right: 10px;}

.counter-stat h5 {  font-weight: 400;  text-transform: uppercase;  color: #fff;}

.counter-block span {  font-size: 30px;}

#counter .dark-overlay {  background: #000;  opacity: 0.95;}

#counter {  background: url("../images/banner/pattern-3.png") fixed 50% 50%;  position: relative;  background-size: cover;  padding-top: 87px;  padding-bottom: 95px;}







.dropdown:hover>.dropdown-menu {

  display: block;

}



.dropdown>.dropdown-toggle:active {

  /*Without this, clicking will make it sticky*/

    pointer-events: none;

}



.logocolor {color: #9e0606;}