@import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;500;600&family=Poppins:wght@400;500;600&display=swap');

body {  font-family: "Exo", sans-serif; font-weight: 400; font-style: normal; color:#213D61;  }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Exo", sans-serif; font-weight: 600; }
a { color:#213D61; }

button { 
    font-family: "Exo", sans-serif; background: none; border: 0; 
}
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }
.fs24 { font-size:24px; }
.fs28 { font-size:28px; }
.fs30 { font-size:30px; }
.fs35 { font-size:35px; }
.fs45 { font-size:45px; }
.fs50 { font-size:50px; }
.fs75 { font-size:75px; }
.fs90 { font-size:90px; }
.bg-primary { background-color:#213D61 !important; } 
.bg-light { background-color:#FBF8F4 !important; }
.text-lightorange { color:#C3FF77; }
.section-sp-lg { padding:105px 0;  }
.section-sp-sm { padding:75px 0;  } 

.btn { border-radius:75px;  font-weight:500;  }
.btn-theme { background-color:#C3FF77; color:#FBF8F4; fill: #FFF; }
.btn-theme:hover { background-color:#FBF8F4; color:#C3FF77;  fill: #C3FF77; }

.navbar { padding:25px 0; background-color:#FFF; }
.navbar.navbar-expand-lg .navbar-nav li a { font-weight:500; font-size:16px; color:#000000;  padding: 0 10px; }
.navbar.navbar-expand-lg .navbar-nav li a.active, .navbar.navbar-expand-lg .navbar-nav li a:hover { color:#C3FF77;  }

.v-titleline { background-color:#C3FF77; width:75px; height:5px; border-radius:5px; display:inline-block; }

.hero-section { background:url('../img/hero-section.jpg') no-repeat; background-position:bottom center; background-size: cover; position:relative; font-family: "Exo", sans-serif; }
.hero-section:after { content:""; position:absolute; right:0;  top:0px; height:100%; width: 100%;  background:rgba(0, 0, 0, 0.15); }
.hero-section .row { min-height:74vh; position:relative; z-index:1; }

 
.footer { background-color:#E8E8E8; }
.footer h4 { color:#000; }
.footer ul { list-style:none; padding:0; margin-bottom:25px;  }
.footer ul li { position:relative; padding-left:30px; margin-bottom:5px; }
.footer ul li svg{ max-width:18px; position: absolute ; left:0; top:5px; color:#000000; }

@media (min-width: 1200px) {
.btn-lg { font-size:20px; padding:1rem 2rem; } 
}
@media (max-width: 1399px) {
.fs28 { font-size:18px; }
.fs30 { font-size:20px; }
.fs35 { font-size:25px; }
.fs45 { font-size:35px; }
.fs50 { font-size:40px; }
.fs75 { font-size:65px; }
.fs90 { font-size:80px; }	
}
@media (max-width: 1200px) {
.container { max-width:100%; } 
}
@media (max-width: 1099px) {
.fs90 { font-size:70px; }
}
@media (max-width: 991px) {
.fs50 { font-size:40px;}	
.fs90 { font-size:50px; }
.navbar .navbar-brand { margin-right:0; }
.navbar .navbar-collapse { position:absolute; left:0; top: 100%; width:100%; background-color:#FFF;  }
.navbar.navbar-expand-lg .navbar-nav li a { padding:15px; }
}
@media (max-width: 767px) {
.btn-lg { font-size:14px; }
.fs45 { font-size:25px; }
.fs50 { font-size:40px; }
.fs75 { font-size:45px; }
.fs90 { font-size:50px; } 
.section-sp-lg { padding:75px 0;  }
}
@media (max-width: 480px) {
.fs50 { font-size:25px; }
.fs75 { font-size:35px; }
.fs90 { font-size:40px; }
.btn-lg { font-size:13px; } 
}
@media (max-width: 380px) {
.fs24 { font-size: 20px;}
}