/* ------------ Google Fonts ------------ */

.header-style {
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
}

.p-style {
   font-family: 'Nunito', sans-serif;
}

.barlow-condensed-regular {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-condensed-extrabold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.h1-home {
  color: #DCDCDE;
  line-height: 1.2;
  z-index: 1;
}

@media (max-width: 991.98px) { 
  .h1-home {
    position: relative;
    padding-left: 50px;
    padding-top: 50px;
  };      
}

@media (min-width: 992px) { 
  .h1-home {
    position: absolute;
    padding-left: 10px;
    padding-top: 100px;
  };
}

#carouselMobileSites {
  position: relative;
  z-index: 2;
}


.barlow-condensed-extrabold {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    white-space: pre;
}

.typewriter-text {
    display: inline-block;
    border-right: 2px solid black;
    animation: blink-caret 0.75s step-end infinite;
}

@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: black; }
}

.btn-webaam-call {
    color: #efefef;
    background-color: #1643d4;
    border-color: #1643d4;
}
.btn-webaam-call:hover {
    color: #fff;
    background-color: #0f2e94;
    border-color: #0f2e94;
}

.btn-webaam-call-contain {
    min-width: 230px;
}

.text-decoration-call {
    text-decoration: none;
}

.text-decoration-call:hover {
    text-decoration: underline white;
}

.top-spacing {
  margin-top: 150px;
}

.center-line {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.dashed-line {
    border: none;
    border-top: 3px dashed #1643D4;
    width: 110px; /* Adjust the width to control the length of the dashed line */
    height: 0;
    background: linear-gradient(to right, #1643D4 33%, #DADBDC 33%, #DADBDC 66%, #1643D4 66%);
    background-size: 110px 3px;
}


.bnm {
    margin-bottom: -16px;
}


@media (min-width: 1000px) { 
  .btn-align-md {
    text-align: right;
  };      
}


.partner-footer {
  max-width: 130px;
  padding-top: 10px;
}



.rounded-image {
  border-radius: 25px;
}



















/* ------------ Blue to Gray Angled Background ------------ */
@media (max-width: 575.98px) { 
  .bg-blue-gray-split{   
    background: linear-gradient(135deg, #1643d4 60%, #ffffff 60%, #ffffff 61%, #1e263b 61%);
    height: 35px;
  };      
}

@media (min-width: 576px) { 
  .bg-blue-gray-split{     
    background: linear-gradient(135deg, #1643d4 60%, #ffffff 60%, #ffffff 61%, #1e263b 61%);
    height: 35px;
  };
}

@media (min-width: 992px) { 
.bg-blue-gray-split{
  background: linear-gradient(135deg, #1643d4 60%, #ffffff 60%, #ffffff 60.5%, #1e263b 60.5%);
  height: 35px;
};
}

@media (min-width: 1200px) { 
.bg-blue-gray-split{
  background: linear-gradient(135deg, #1643d4 60%, #ffffff 60%, #ffffff 60.5%, #1e263b 60.5%);
  height: 35px;
};
}

@media (min-width: 1400px) { 
.bg-blue-gray-split{
  background: linear-gradient(135deg, #1643d4 60%, #ffffff 60%, #ffffff 60.5%, #1e263b 60.5%);
  height: 35px;
};
}

@media (min-width: 1600px) { 
.bg-blue-gray-split{
  background: linear-gradient(135deg, #1643d4 60%, #ffffff 60%, #ffffff 60.3%, #1e263b 60.3%);
  height: 35px;
};
}

@media (min-width: 1800px) { 
.bg-blue-gray-split{
  background: linear-gradient(135deg, #1643d4 60%, #ffffff 60%, #ffffff 60.3%, #1e263b 60.3%);
  height: 35px;
};
}

@media (min-width: 2000px) { 
.bg-blue-gray-split{
  background: linear-gradient(135deg, #1643d4 60%, #ffffff 60%, #ffffff 60.3%, #1e263b 60.3%);
  height: 35px;
};
}

/* ------------ Hide Email on Small Screen ------------ */
@media (max-width: 750px) { 
  .hide-small {   
    display: none;
  };      
}

@media (max-width: 992px) { 
  .hide-medium {   
    display: none;
  };      
}

@media (min-width: 992.98px) {
  .hide-large {
    display: none;
  };
}

/* ------------ Nav Height ------------ */
.h-28{
  height: 28px;
}

.nav-custom {
  height: 80px;
  box-shadow: 0px 0px 5px 1px #666666aa;
}

@media (max-width: 992px) {
  .nav-slide-custom {
    box-shadow: 0px 0px 5px 1px #666666aa;
  };
}

/* ------------ Top Nav Link ------------ */
.t-nav-link {
  text-decoration: none;
}

.t-nav-link:focus,
.t-nav-link:hover,
.t-nav-link:active {
  text-decoration: underline;
}

/* ------------ White to Blue Straight Background ------------ */
@media (max-width: 575.98px) { 
  .bg-white-blue-split {   
    background: linear-gradient(135deg, #ffffff 68%, #1643d4 68%);
  };      
}

@media (min-width: 576px) { 
  .bg-white-blue-split {   
    background: linear-gradient(135deg, #ffffff 70%, #1643d4 70%);
  };
}

@media (min-width: 992px) { 
  .bg-white-blue-split {   
    background: linear-gradient(135deg, #ffffff 65%, #1643d4 65%);
  };
}

@media (min-width: 1200px) { 
  .bg-white-blue-split {   
    background: linear-gradient(135deg, #ffffff 70%, #1643d4 70%);
  };
}

@media (min-width: 1400px) { 
  .bg-white-blue-split {   
    background: linear-gradient(135deg, #ffffff 70%, #1643d4 70%);
  };
}

@media (min-width: 1600px) { 
  .bg-white-blue-split {   
    background: linear-gradient(135deg, #ffffff 70%, #1643d4 70%);
  };
}

@media (min-width: 1800px) { 
  .bg-white-blue-split {   
    background: linear-gradient(135deg, #ffffff 65%, #1643d4 65%);
  };
}

@media (min-width: 2000px) { 
  .bg-white-blue-split {   
    background: linear-gradient(135deg, #ffffff 65%, #1643d4 65%);
  };
}

/* ------------ Nav Blue Underline Interaction ------------ */
@media (min-width: 992px) { 
  .nav-text-blue-underline {
      color: #979797 !important;
  }

  .nav-text-blue-underline:focus,
  .nav-text-blue-underline:hover {
      color: #979797 !important;
      text-decoration: underline 5px #1643d4;
      text-underline-offset: 27px;
  }

  .nav-text-blue-underline.active,
  .nav-text-blue-underline:active {
      color: #979797;
      text-decoration: underline 5px #1643d4;
      text-underline-offset: 27px;
  };
}

/* ------------ Centering Header Text ------------ */
@media (max-width: 575.98px) { 
  .center-header {
    text-align: center;
  };      
}

@media (min-width: 576px) { 
  .center-header {
    text-align: center;
  };
}

@media (min-width: 992px) { 
  .center-header {
    text-align: left;
  };
}

@media (min-width: 1200px) { 
  .center-header {
    text-align: left;
  };
}

@media (min-width: 1400px) { 
  .center-header {;
    text-align: left;
  };
}

@media (min-width: 1600px) { 
  .center-header {
    text-align: left;
  };
}

@media (min-width: 1800px) { 
  .center-header {
    text-align: left;
  };
}

@media (min-width: 2000px) { 
  .center-header {
    text-align: left;
  };
}



/* ------------ Centering Form Fields ------------ */
@media (max-width: 575.98px) { 
  .center-form {
    margin: auto;
    width: 100%;
    text-align: center;
  };      
}

@media (min-width: 576px) { 
  .center-form {
    margin: auto;
    width: 90%;
    text-align: center;
  };
}

@media (min-width: 992px) { 
  .center-form {
    margin: auto;
    width: 90%;
    text-align: left;
  };
}

@media (min-width: 1200px) { 
  .center-form {
    margin: auto;
    width: 80%;
    text-align: left;
  };
}

@media (min-width: 1400px) { 
  .center-form {
    margin-left: 40px;
    width: 70%;
    text-align: left;
  };
}

@media (min-width: 1600px) { 
  .center-form {
    margin-left: 20px;
    width: 60%;
    text-align: left;
  };
}

@media (min-width: 1800px) { 
  .center-form {
    margin-left: 20px;
    width: 50%;
    text-align: left;
  };
}

@media (min-width: 2000px) { 
  .center-form {
    margin-left: 20px;
    width: 50%;
    text-align: left;
  };
}



/* ------------ Div Height ------------ */
@media (max-width: 575.98px) { 
  .min-h-300 {
    min-height: 250px;
  };      
}

@media (min-width: 576px) { 
  .min-h-300 {
    min-height: 180px;
  };
}

@media (min-width: 992px) { 
  .min-h-300 {
    min-height: 450px;
  };
}

@media (min-width: 1200px) { 
  .min-h-300 {
    min-height: 320px;
  };
}

@media (min-width: 1400px) { 
  .min-h-300 {
    min-height: 320px;
  };
}

@media (min-width: 1600px) { 
  .min-h-300 {
    min-height: 320px;
  };
}

@media (min-width: 1800px) { 
  .min-h-300 {
    min-height: 320px;
  };
}

@media (min-width: 2000px) { 
  .min-h-300 {
    min-height: 320px;
  };
}

/* ------------ Div Height ------------ */
@media (max-width: 575.98px) { 
  .min-h-800 {
    min-height: 1000px;
  };      
}

@media (min-width: 576px) { 
  .min-h-800 {
    min-height: 1000px;
  };
}

@media (min-width: 992px) { 
  .min-h-800 {
    min-height: 1000px;
  };
}

@media (min-width: 1200px) { 
  .min-h-800 {
    min-height: 1000px;
  };
}

@media (min-width: 1400px) { 
  .min-h-800 {
    min-height: 1000px;
  };
}

@media (min-width: 1600px) { 
  .min-h-800 {
    min-height: 1000px;
  };
}

@media (min-width: 1800px) { 
  .min-h-800 {
    min-height: 1000px;
  };
}

@media (min-width: 2000px) { 
  .min-h-800 {
    min-height: 1000px;
  };
}








/* ------------ Custom Buttons ------------ */
.btn-webaam {
    color: #fff;
    background-color: #1643d4;
    border-color: #1643d4;
}
.btn-webaam:hover {
    color: #fff;
    background-color: #0f2e94;
    border-color: #0f2e94;
}

.btn-webaam-dark {
    color: #fff;
    background-color: #545454;
    border-color: #545454;
}
.btn-webaam-dark:hover {
    color: #fff;
    background-color: #323232;
    border-color: #323232;
}

.btn-webaam-nav {
    color: #fff;
    background-color: #1643d4;
    border-color: #1643d4;
    border-radius: 50px;
}
.btn-webaam-nav:hover {
    color: #fff;
    background-color: #0f2e94;
    border-color: #0f2e94;
    border-radius: 50px;
}

.btn-review {
    color: #000;
    background-color: #f8f9fa ;
    border-color: #f8f9fa ;
}
.btn-review:hover {
    color: #000;
    background-color: #c6c7c8;
    border-color: #c6c7c8;
}

.btn-form {
  color: #fff;
  border-color: #fff;
  width: 100%;
}

.btn-form:hover {
  color: #fff;
  background-color: #0f2e94;
  border-color: #fff;
  width: 100%;
}

.btn-webaam-left {
    color: #fff;
    background-color: #1643d4;
    border-color: #1643d4;
    border-radius: 25px 0px 0px 25px;
}
.btn-webaam-left:hover {
    color: #fff;
    background-color: #0f2e94;
    border-color: #0f2e94;
}
.btn-webaam-right {
    color: #fff;
    background-color: #0f2e94;
    border-color: #0f2e94;
    border-radius: 0px 25px 25px 0px;
}
.btn-webaam-right:hover {
    color: #fff;
    background-color: #1e263b;
    border-color: #1e263b;
}

/* ------------ Custom Form Fields ------------ */
.form-blue-dark,
.form-blue-dark:focus {
  color: #fff;
  background-color: #0f2e94;
  border-color: #0f2e94;
}

/* ------------ Center Objects ------------ */
.center {
margin: auto;
width: 70%;
}

/* ------------ Center Google Partner ------------ */
.center-google {
margin: auto;
}

/* ------------ Custom Form Text ------------ */
.form-text {
  color: #fff;
}

/* ------------ Digital Space Background Image ------------ */
.bgimg-space {
  background-image: url('https://s3.amazonaws.com/webaam.com/assets/img/webp/space-header.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bgimg-donnie {
  background-image:url('https://s3.amazonaws.com/webaam.com/assets/img/png/donnie.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

.bgimg-atlanta-skyline {
  background-image:url('https://s3.amazonaws.com/webaam.com/assets/img/webp/atlanta-skyline.webp');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

.bg-digital-background {
  background-image: url('https://s3.amazonaws.com/webaam.com/assets/img/png/digital-background.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-img-digital {
  background-image: url('https://s3.amazonaws.com/webaam.com/assets/img/png/abstract-digital-bkgd-2.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;

}

.bg-img-digital-2 {
  background-image: url('https://s3.amazonaws.com/webaam.com/assets/img/png/space.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: inset 0px 0px 15px 8px #000;
}

.bg-black-hex {
  background-image: url('https://s3.amazonaws.com/webaam.com/assets/img/png/black-hex.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: inset 0px 0px 15px 8px #000;
}

/* ------------ Blue Background Color ------------ */
.bg-blk {
  background-color: #242426;
}

.bg-blk-radial {
  background: radial-gradient(#39393b, #242426);
}

.bg-light-radial {
  background: radial-gradient(#F8F9FA, #ADAEAF);
}

.bg-aeroshell-blk {
  background: radial-gradient(#39393b, #242426);
  background-color: #242426;
  border-radius: 25px;
  box-shadow: 0px 3px 5px 3px #666666aa;
  margin: auto;
  color: #efefef;
}

.bg-aeroshell-blk-2 {
  background-color: #000;
  border-radius: 25px;
  box-shadow: 0px 3px 5px 3px #666666aa;
  margin: auto;
  color: #efefef;
}

.bg-aeroshell-b1 {
  background-color: #1643d4;
  border-radius: 25px;
  box-shadow: 0px 3px 5px 3px #666666aa;
  margin: auto;
  color: #efefef;
}

.bg-aeroshell-b2 {
  background-color: #1135a9;
  border-radius: 25px;
  box-shadow: 0px 3px 5px 3px #666666aa;
  margin: auto;
  color: #efefef;
}

.bg-aeroshell-b3 {
  background-color: #0d287f;
  border-radius: 25px;
  box-shadow: 0px 3px 5px 3px #666666aa;
  margin: auto;
  color: #efefef;
}

.bg-aeroshell-b4 {
  background-color: #081a54;
  border-radius: 25px;
  box-shadow: 0px 3px 5px 3px #666666aa;
  margin: auto;
  color: #efefef;
}

.bg-aeroshell-b5 {
  background-color: #06123A;
  border-radius: 25px;
  box-shadow: 0px 3px 5px 3px #666666aa;
  margin: auto;
  color: #efefef;
}

.bg-aeroshell-b6 {
  background-color: #040B23;
  border-radius: 25px;
  box-shadow: 0px 3px 5px 3px #666666aa;
  margin: auto;
  color: #efefef;
}

.bg-blue {
  background-color: #1643d4;
}

.bg-light-blue {
  background-color: #e7ecfa;
}

.bg-dark-blue {
  background-color: #1e263b;
}

.bg-mid-blue {
  background-color: #0f2e94;
}

.bg-grey {
  background-color: #f5f6f9;
}

.bg-aeroshell {
  background-color: #FBFBFB;
  border-radius: 25px;
  box-shadow: 0px 3px 5px 3px #C1C1C1;
  margin: auto;
}

.bg-aeroshell-dark {
  background-color: #1e263b;
  border-radius: 25px;
  box-shadow: 0px 3px 5px 3px #666666aa;
  margin: auto;
  color: #efefef;
}

.bg-aeroshell-blue {
  background-color: #1643d4;
  border-radius: 25px;
  box-shadow: 0px 3px 5px 3px #666666aa;
  margin: auto;
  color: #efefef;
  text-decoration: none;
}

.bg-clutch {
  background-color: #FBFBFB;
  border-radius: 25px; 
  max-width: 160px;
}

.bg-aeroshell-logo {
  max-width: 196px;
}

.bg-aeroshell-logo:hover {
  box-shadow: 0px 3px 5px 3px #878787;
}

@media (max-width: 575.98px) {
  .mobile-half {
    width: 50%;
  };
}

.min-h-80 {
  min-height: 80px;
}

.min-h-150 {
  min-height: 200px;
}

.min-h {
  min-height: 300px;
}

.min-h-325 {
  min-height: 325px;
}

@media (min-width: 992px) {
  .min-h-400 {
    min-height: 400px;
  };
}

@media (min-width: 992px) {
  .min-h-450 {
    min-height: 450px;
  };
}

.min-h-375 {
  min-height: 375px;
}

@media (min-width: 576px) {
  .min-h-500 {
    min-height: 350px;
  };
}

@media (min-width: 992px) {
  .min-h-500 {
    min-height: 400px;
  };
}

@media (min-width: 1200px) {
  .min-h-500 {
    min-height: 650px;
  };
}

@media (min-width: 1400px) {
  .min-h-500 {
    min-height: 500px;
  };
}

@media (min-width: 992px) {
  .min-h-550 {
    min-height: 550px;
  };
}

/* ------------ Blue Text ------------ */
.blue-text {
  color: #1643d4;
}

.grey-text {
  color: #979797;
}

/* ------------ Vertical Line ------------ */
.vertical-line {
    padding-left: 1rem;
    border-left: 1px solid #979797 !important;
}

.vertical-line-white {
    padding-left: 1rem;
    border-left: 1px solid #ffffff !important;
}

/* ------------ Center Image ------------ */
.center-img {
display: flex;
justify-content: center;
vertical-align: middle;

}

/* ------------ Custom Image Size ------------ */
.img-size {
  width: 300px;
  height: 300px;
  vertical-align: middle;
  border-radius: 25px;
}

/* ------------ Center Services Text ------------ */
.center-services {
margin: auto;
width: 100%;
margin-top: 50px;
}

/* ------------ Blue Text Color ------------ */
.svg-blue {
  color: #1643d4;
}

/* ------------ Custom Rounded Shape ------------ */
.custom-rounded {
  border-radius: 50px;
}

/* ------------ Custom Blue Circle ------------ */
.circle-svg-blue {
  color: #ffffff;
  background-color: #1643d4;
  border: solid 2px #ffffff;
  border-radius: 100px;
  padding: 15px;
  width: 100px;
}

/* ------------ Nav Dropdown ------------ */

.dropdown {
    position:static; !important;
}

/* ------------ Custom Nav Dropdown ------------ */
@media (max-width: 575.98px) {
  .nav-link-small {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .nav-link-small:hover {
    color: #979797 !important;
    text-decoration: underline 5px #1643d4;
    text-underline-offset: 8px;
  }
  .nav-center {
    text-align: center;
    margin-top: 10px;
  }
  .custom-dropdown {
    margin-top:0px !important;
    width:100% !important;
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-radius: 25px 25px 25px 25px;
    padding: 10px;
  }
  .custom-box {
    background-color: #f8f9fa;
    border: solid 1px #dee2e6;
    border-radius: 10px;
    padding: 20px;
  }
  .custom-item {
    background-color: #ffffff;
    width: 150px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .custom-item:hover {
    color: #ffffff;
    background-color: #1643d4;
  }  
  .custom-line {   
    display: inline-block;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
  };      
}

@media (min-width: 576px) { 
  .nav-link {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .nav-link:hover {
    color: #979797 !important;
    text-decoration: underline 5px #1643d4;
    text-underline-offset: 8px;
  }
  .nav-center {
    text-align: center;
  }
  .custom-dropdown {
    margin-top:0px !important;
    width:100% !important;
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-radius: 25px 25px 25px 25px;
    padding: 10px;
  }
  .custom-box {
    background-color: #f8f9fa;
    border: solid 1px #dee2e6;
    border-radius: 10px;
    padding: 20px;
  }
  .custom-item {
    background-color: #ffffff;
    width: 150px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }  
  .custom-item:hover {
    color: #ffffff;
    background-color: #1643d4;
  }
  .custom-line {   
    display: inline-block;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
  };
}

@media (min-width: 992px) { 
  .nav-link {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .nav-link:hover {
    color: #979797 !important;
    text-decoration: underline 5px #1643d4;
    text-underline-offset: 27px;
  }
  .custom-dropdown {
    margin-top:0px !important;
    width:70% !important;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-radius: 0px 0px 25px 25px;
    margin-left: 15%;
    padding: 10px;
  }
  .custom-box {
    background-color: #f8f9fa;
    border: solid 1px #dee2e6;
    border-radius: 10px;
    padding: 20px;
  }
  .custom-item {
    background-color: #ffffff;
    width: 150px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
  } 
  .custom-item:hover {
    color: #ffffff;
    background-color: #1643d4;
  } 
  .custom-line {   
    display: inline-block;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
  };
}

@media (min-width: 1200px) { 
  .nav-link {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .nav-link:hover {
    color: #979797 !important;
    text-decoration: underline 5px #1643d4;
    text-underline-offset: 27px;
  }
  .custom-dropdown {
    margin-top:0px !important;
    width:60% !important;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-radius: 0px 0px 25px 25px;
    margin-left: 20%;
    padding: 10px;
  }
  .custom-box {
    background-color: #f8f9fa;
    border: solid 1px #dee2e6;
    border-radius: 10px;
    padding: 20px;
  }
  .custom-item {
    background-color: #ffffff;
    width: 150px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }  
  .custom-item:hover {
    color: #ffffff;
    background-color: #1643d4;
  }
  .custom-line {   
    display: inline-block;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
  };
}

@media (min-width: 1400px) { 
  .nav-link {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .nav-link:hover {
    color: #979797 !important;
    text-decoration: underline 5px #1643d4;
    text-underline-offset: 27px;
  }
  .custom-dropdown {
    margin-top:0px !important;
    width:60% !important;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-radius: 0px 0px 25px 25px;
    margin-left: 20%;
    padding: 10px;
  }
  .custom-box {
    background-color: #f8f9fa;
    border: solid 1px #dee2e6;
    border-radius: 10px;
    padding: 20px;
  }
  .custom-item {
    background-color: #ffffff;
    width: 150px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .custom-item:hover {
    color: #ffffff;
    background-color: #1643d4;
  }  
  .custom-line {   
    display: inline-block;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
  };
}

@media (min-width: 1600px) { 
  .nav-link {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .nav-link:hover {
    color: #979797 !important;
    text-decoration: underline 5px #1643d4;
    text-underline-offset: 27px;
  }
  .custom-dropdown {
    margin-top:0px !important;
    width:50% !important;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-radius: 0px 0px 25px 25px;
    margin-left: 25%;
    padding: 10px;
  }
  .custom-box {
    background-color: #f8f9fa;
    border: solid 1px #dee2e6;
    border-radius: 10px;
    padding: 20px;
  }
  .custom-item {
    background-color: #ffffff;
    width: 150px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }  
  .custom-item:hover {
    color: #ffffff;
    background-color: #1643d4;
  }
  .custom-line {   
    display: inline-block;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
  };
}

@media (min-width: 1800px) { 
  .nav-link {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .nav-link:hover {
    color: #979797 !important;
    text-decoration: underline 5px #1643d4;
    text-underline-offset: 27px;
  }
  .custom-dropdown {
    margin-top:0px !important;
    width:50% !important;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-radius: 0px 0px 25px 25px;
    margin-left: 25%;
    padding: 10px;
  }
  .custom-box {
    background-color: #f8f9fa;
    border: solid 1px #dee2e6;
    border-radius: 10px;
    padding: 20px;
  }
  .custom-item {
    background-color: #ffffff;
    width: 150px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  } 
  .custom-item:hover {
    color: #ffffff;
    background-color: #1643d4;
  } 
  .custom-line {   
    display: inline-block;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
  };
}

@media (min-width: 2000px) { 
  .nav-link {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .nav-link:hover {
    color: #979797 !important;
    text-decoration: underline 5px #1643d4;
    text-underline-offset: 27px;
  }
  .custom-dropdown {
    margin-top:0px !important;
    width:50% !important;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-radius: 0px 0px 25px 25px;
    margin-left: 25%;
    padding: 10px;
  }
  .custom-box {
    background-color: #f8f9fa;
    border: solid 1px #dee2e6;
    border-radius: 10px;
    padding: 20px;
  }
  .custom-item {
    background-color: #ffffff;
    width: 150px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  } 
  .custom-item:hover {
    color: #ffffff;
    background-color: #1643d4;
  } 
  .custom-line {   
    display: inline-block;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
  };
}

.footer-link {
  color: #ffffff;
}

/* ------------ Square Button ------------ */

.square-button-text {
    color: #1643d4 !important;
}

.square-button-text:focus,
.square-button-text:hover {
    color: #ffffff !important;
}

.square-button-text.active,
.square-button-text:active {
    color: #1643d4;
    text-decoration: none;
    background-color: transparent;
}

.btn-square {
    background-color: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.075) !important;
    border-radius: 25px !important;
    margin: 1rem 1rem 1rem 1rem !important;
    padding: 1rem 0rem 0rem 0rem !important;
    width: 8rem;
    display: block;
    text-decoration: none;
}

.btn-square:focus,
.btn-square:hover {
    background-color: #1643d4 !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.075) !important;
    border-radius: 25px !important;
}

.box-center {
  background-color: #ffffff !important;
  border: 1px solid #dee2e6 !important;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.075) !important;
  border-radius: 15px 15px 15px 15px !important; 
  text-decoration: none;
  text-align: center;
  width: 200px;
  padding: 25px;
}

.overlap-up {
  margin-top: -95px;
}

@media (max-width: 575.98px) { 
  .align-xs-items{   
    flex: 0 0 auto;
    width: 50%;
  };      
}

.rounded-box {
  background-color: #ffffff !important;
  border: 1px solid #dee2e6 !important;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.075) !important;
  border-radius: 15px 15px 15px 15px !important; 
  text-decoration: none;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 25px;
  
}

.logo-box {
  background-color: #ffffff !important;
  text-align: center;
  border-radius: 35px !important; 

  margin: 5px;
  padding: 25px;
  
}

.rounded-box-blue-contact {
  background-color: #1643d4 !important;  
  border-radius: 35px !important; 
  text-decoration: none;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 50px 30px 40px 30px;
  
}

.rounded-box-blue {
  background-color: #e7ecfa !important;  
  border-radius: 35px !important; 
  text-decoration: none;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 50px 30px 40px 30px;
  
}

.rounded-box-yellow {
  background-color: #faf5e7 !important;  
  border-radius: 35px !important; 
  text-decoration: none;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 50px 30px 40px 30px;
  
}

.rounded-box-green {
  background-color: #ecfae7 !important;  
  border-radius: 35px !important; 
  text-decoration: none;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 50px 30px 40px 30px;
  
}

.rounded-box-red {
  background-color: #fae7ec !important;  
  border-radius: 35px !important; 
  text-decoration: none;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 50px 30px 40px 30px;
  
}

@media (min-width: 992px) {
  .shift-down {
    margin-top: 150px;
  }
}

@media (min-width: 992px) {
  .shift-up {
    margin-top: -125px;
  }
}

.center-quote {
  margin: auto;
  padding: 100px 0;
}

@media (min-width: 992px) {
  .large-pads {
    padding: 3em !important;
  }
}

/* ------------ Pill Numbers ------------ */

.pill-font {
  vertical-align: bottom;
  font-size: 50px;
}

.pill-vl {
  font-size: 55px;
}

.pill-base {
  text-align: center;
  padding-top: 8px;
  padding-bottom: 3px;
  max-width: 260px;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  margin: auto;
  height: 350px;
}

.pill-base-2 {
  background-color: white;
  border-radius: 5px 5px 150px 150px;
  box-shadow: 0px 5px 10px #5d5d5d;
  text-align: center;
  color: #999999;
  padding-top: 8px;
  padding-bottom: 3px;
  max-width: 260px;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  margin: auto;
  height: 350px;
}

.blue-pill {
  background-color: #1643d4;
  border-radius: 50px;
  box-shadow: 0px 5px 10px #5d5d5d;
  text-align: center;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 3px;
  max-width: 350px;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  margin: auto;
  max-width: 200px;
}

.discovery-pill {
  background-color: #1643d4;
  border-radius: 50px;
  box-shadow: 0px 5px 10px #5d5d5d;
  text-align: center;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 3px;
  max-width: 350px;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  margin: auto;
  max-width: 200px;
}

.layout-pill {
  background-color: #1135a9;
  border-radius: 50px;
  box-shadow: 0px 5px 10px #5d5d5d;
  text-align: center;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 3px;
  max-width: 350px;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  margin: auto;
  max-width: 200px;
}

.development-pill {
  background-color: #0d287f;
  border-radius: 50px;
  box-shadow: 0px 5px 10px #5d5d5d;
  text-align: center;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 3px;
  max-width: 350px;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  margin: auto;
  max-width: 200px;
}

.launch-pill {
  background-color: #081a54;
  border-radius: 50px;
  box-shadow: 0px 5px 10px #5d5d5d;
  text-align: center;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 3px;
  max-width: 350px;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  margin: auto;
  max-width: 200px;
}

@media (min-width: 992px) { 
  .element-down {   
    margin-top: 200px;
  };
}



@media (max-width: 575.98px) { 
  .top-shape-blue {
    background-color: #1e263b;
    border-radius: 0px 0px 200px 200px;
  };
}

@media (min-width: 576px) { 
  .top-shape-blue {
    background-color: #1e263b;
    border-radius: 0px 0px 200px 100px;
  };
}

.header-shape-blue {
  background-color: #1e263b;
  border-radius: 100px 100px 200px 200px;
  padding-top: 100px;
  padding-bottom: 80px;
  margin-bottom: 50px;
};