@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');

.poppins-light {font-family: "Poppins", sans-serif;font-weight: 300;font-style: normal;}
.poppins-regular {font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;}
.poppins-medium {font-family: "Poppins", sans-serif;font-weight: 500;font-style: normal;}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

@layer theme {
  :root, :host {
--color-blue-50: oklch(97% 0.014 254.604);
--color-blue-100: oklch(93.2% 0.032 255.585);
--color-blue-200: oklch(88.2% 0.059 254.128);
--color-blue-600: oklch(54.6% 0.245 262.881);
--color-blue-700: oklch(48.8% 0.243 264.376);
  }
}

.f-c-white {color: #fff !important;}

body {background-color: #080c32; font-family: "Poppins", sans-serif;}

.m-n-c {position: relative;margin: 0;padding: 0px 0;border-bottom: solid 2px #555;}
.m-n-c .container {position: relative;padding: 55px 0;}
.m-n-c a {color:#aaa !important; font-size: 14px !important;}
.m-n-c a.active {font-weight: bold; color:#fff !important;}
.m-n-c a:hover {color:#fff !important;}
.logo-c {position: absolute;top: 15px;left: 10px;width: 180px;height: 112px;}
.phone-c {position: absolute; top: 50px; right: 0px; padding: 10px 25px; background-color: #fff; border-radius: 15px;}
.phone-c a {font-weight: bold; color:#080c32 !important; text-decoration: none;font-size: 15px !important;letter-spacing: .5px;}
.phone-c a:hover {font-weight: bold; color:#080c32 !important;}

.hero-c {background-color: #fff;}
.bg-blue-100 {background-color: var(--color-blue-100);}
.ad-pill {color: rgb(17, 69, 231); border-radius: 60px; padding:10px 15px;display: inline-block;font-size: 12px;margin: 50px 0 20px;}
.m-tagline h1 {font-size: 4rem;font-weight: bold;}
p.hero-c {font-size: 20px;}
.f-est {/**padding: 10px 25px; background-color: #76b9f0 !important;**/border-radius: 20px;display: inline-block; margin: 20px 0 50px}
.f-est a {color:#080c32 !important; text-decoration: none;font-size: 18px !important;}
.video-c {margin:50px 0 50px; position: relative;}
.number-c {background-color: #fff;
  border: 2px solid;
  display: inline-block;
  padding: 20px;
  border-radius: 20px;
  position: absolute;
  bottom: -20px;
  left: -20px;
  font-size: 30px;
  font-weight: bold;
  color: #76b9f0;
line-height: 18px;}

.services-c {padding: 60px 0 120px;}
.services-wrap {padding: 60px 0 90px; background-color: #fff;}

.keys-c {background-color: #fff; padding: 60px 0 80px;}
.custom-card-c {background-color: #76b9f0 !important;
  border-radius: 20px !important;
  padding: 30px;}

.a-b-u-c {background: url("../img/img_aboutus_hero.jpg");}

.intro-text {font-size: 18px;text-align: center;color: #70b6ea; text-transform: uppercase; padding:20px 0 30px; border-top:dotted 1px rgba(58,62,94,0.7); border-bottom: dotted 1px rgba(58,62,94,0.7); margin-top:20px; letter-spacing: 7px;font-family: "Poppins", sans-serif;font-weight: 700;font-style: normal;}
.intro-text span {text-decoration:uppercase; color: #292d4b;font-size: 14px;letter-spacing: 8px;}
p.footer a {color: #70b6ea !important;}
p.footer a:hover {color: #fff !important;}

.ad-pill {margin: 90px auto 50px;}
.m-tagline-about h1 {color:#fff;}
.m-tagline-about p {margin: 50px auto 100px; color: #fff; width: 50%; line-height: 28px}
.hero-a, .where-c {background-color: #fff; padding: 70px 0;}
.core-c {padding: 70px 0px; color: #fff;}
.hero-a p {margin-bottom:60px}
.num-about {text-align: center;
  background-color: #eee;
  border: solid 1px #ddd;
  padding: 30px;
  border-radius: 50px;
margin: 0 20px 20px;
width: 40%}
.num-about span {font-size: 34px;
  font-weight: bold;
  line-height: 34px;
color:#76b9f0;}
.img-about-c {display: block;
  border-radius: 20px;
  width: 90%;
  margin: 0 auto;}
  .core-pill {color: rgb(17, 69, 231); border-radius: 60px; padding:10px 15px;display: inline-block;font-size: 12px;margin: 0px 0 10px;}

.core-idea {border: solid 1px #76b9f0;
  border-radius: 10px;
  font-size: 14px;
  margin: 10px auto 40px;
  padding: 20px;
  width: 28%;}

.ser-img {border-radius: 15px;
  border: solid 1px rgb(17, 69, 231);
  box-shadow: #ccc 10px 10px 20px;
  margin: 4px 0px 0 0;}

.ser-img-right {margin: 4px 40px 0 0;}
.ser-img-left {margin: 4px 0px 0 40px;}

.services-wrap p {margin-bottom: 40px;padding-right: 30px;}

li a.dropdown-item {color:#080c32 !important;}
li a.dropdown-item:hover {color:#080c32 !important;}
.where-c ul {
  column-count: 2;     /* Splits the list into 2 equal columns */
  column-gap: 20px;    /* Adds space between the columns */
}

.serv-row-spacing {padding-bottom: 50px;
  border-bottom: dotted 2px;
  margin-bottom: 60px;}

.contactForm td {text-align: left;padding-bottom: 10px;font-size: 14px;display: inline-block;}
.fontRed {color: #da1f27 !important;}


/* Mobile Fixes */

.ua-mobile ul.nav {display: block; margin-top: 90px; border-top: solid 1px #fff;}
.ua-mobile ul.nav li {float: left; padding-top: 2px;}
.ua-mobile .m-n-c .container {position: relative;padding: 55px 0 40px;}
.ua-mobile .phone-c {position: absolute;top: 50px;right: 10px;padding: 10px 18px;background-color: #fff;border-radius: 15px;}
.ua-mobile .ad-pill {margin: 40px auto 50px;}

.ua-mobile p.f-c-white {width:80%; margin: 0 auto;}
.ua-mobile .services-c {padding: 60px 0 60px;}
.ua-mobile .services-c .card {width: 90%;margin: 0 auto 30px;}

.ua-mobile .keys-c .card {width: 90%;margin: 0 auto 30px;}
.ua-mobile .m-tagline-about p {margin: 40px auto 70px;color: #fff;width: 90%;line-height: 28px;}
.ua-mobile .num-about {text-align: center;background-color: #eee; border: solid 1px #ddd;padding: 30px;border-radius: 50px;margin: 0 15px 20px;width: 40%;}
.ua-mobile .core-idea {border: solid 1px #76b9f0;border-radius: 10px;font-size: 14px;margin: 10px auto 40px;padding: 20px;width: 85%;}
.ua-mobile .where-c h2 {padding-top: 30px;}