/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
.sv-color-dark-gray{ color: #333333; }
.sv-color-dark-blue{ color: #042B75; }
.sv-color-sky-blue{  color: #76E7E3; }
.sv-color-yellow{  color: #FDC865; }
.sv-color-green{  color: #36CCA7; }
.sv-color-white{  color: #FFFFFF; }
.sv-color-gray{  color: #999999; }

.sv-bg-dark-blue{  background-color: #042B75; }
.sv-bg-gray{       background-color: #E9E8E9; }
.sv-bg-light-gray{ background-color: #FAFAFA; }
.sv-bg-sky-blue{   background-color: #76E7E3; }
.sv-bg-yellow{     background-color: #FDC865; }
.sv-bg-green{     background-color: #36CCA7; }

.sv-link-color-white a{ color: #FFFFFF; }
.sv-color-sky-blue a{   color: #76E7E3; }

:root {
    --bs-link-color: #042B75;
    --bs-link-hover-color: #36CCA7;
}

/*--------------------------------------------------------------
# Line Backgrounds
--------------------------------------------------------------*/
.sv-with-bg-lines::after{
    position: absolute;
    content: ' ';
    border:3px solid;
    width: 90%;
    height: 90%;
    z-index: -1;
}

.cta .sv-with-bg-lines-left::after {
  z-index: 0;
  width: 50%;
  height: 90%;
  left: -3px;
  bottom: -3px;
}

.cta .sv-with-bg-lines-right::after {
  z-index: 0;
  width: 40%;
  height: 30%;
  right: -3px;
  bottom: -3px;
}

.sv-with-bg-lines-full::after{
    width: 100%;
}

.sv-bg-lines-radius-top-right::after{ border-top-right-radius: 120px; }
.sv-bg-lines-radius-top-left::after{ border-top-left-radius: 120px; }
.sv-bg-lines-radius-bottom-right::after{ border-bottom-right-radius: 120px; }
.sv-bg-lines-radius-bottom-left::after{ border-bottom-left-radius: 120px; }

.sv-bg-lines-sky-blue::after{ border-color:#76E7E3; }
.sv-bg-lines-yellow::after{ border-color:#FDC865; }


.sv-bg-lines-top::after{ top:20px; }
.sv-bg-lines-right::after{ right:20px; }
.sv-bg-lines-left::after{ left:20px; }
.sv-bg-lines-bottom::after{ bottom:20px; }

.sv-tile-testimonial.sv-bg-lines-bottom::after{ bottom:0px; }

/*--------------------------------------------------------------
# Borders
--------------------------------------------------------------*/
.sv-mini-border {
    height: 5px;
    width:80px;
}

.sv-radius-top-left{ border-top-left-radius: 120px; }
.sv-radius-top-right{ border-top-right-radius: 120px; }
.sv-radius-bottom-left{ border-bottom-left-radius: 120px; }
.sv-radius-bottom-right{ border-bottom-right-radius: 120px; }

.sv-border {
    border:1px solid #042B75;
}

.sv-border-color-yellow{
    border: 2px solid #FDC865;
}

/*--------------------------------------------------------------
# Images
--------------------------------------------------------------*/
.sv-img-fluid{
    width:100%;
}

/*--------------------------------------------------------------
# Iframes
--------------------------------------------------------------*/
iframe {
    min-width: 100%;
    max-width: 100%;
}

/*--------------------------------------------------------------
# Font Sizes
--------------------------------------------------------------*/
.sv-font-13 { font-size:13px; }
.sv-font-15 { font-size:15px; }
.sv-font-20 { font-size:20px; }
.sv-font-25 { font-size:25px; }
.sv-font-35 { font-size:35px; }

.sv-line-16 { line-height: 16px; }
.sv-line-50 { line-height: 50px; }

/*--------------------------------------------------------------
# Positioning
--------------------------------------------------------------*/
.sv-bg.position-absolute{
    z-index: -1;
}

.sv-index-1{
    z-index:10;
}

.sv-index-0{
    z-index:0;
}

.sv-index-top{
    z-index:99;
}

.mw-80{ max-width: 80%; }

.sv-top-30 { top:30px; }
.sv-bottom-30 { bottom:30px; }
.sv-start-30 { left:30px; }
.sv-end-30 { right:30px; }

/*--------------------------------------------------------------
# Sizing
--------------------------------------------------------------*/
.w-50{ width: 90%; }


/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1, .h1{ font-size: 64px; font-weight: 800; font-family: 'Gilroy-Bold', sans-serif; }
h2, .h2{ font-size: 41px; font-weight: 800; font-family: 'Gilroy-Bold', sans-serif; }
h3, .h3{ font-size: 36px; font-weight: 800; font-family: 'Gilroy-Bold', sans-serif; }
h4, .h4{ font-size: 28px; font-weight: 800; font-family: 'Gilroy-Medium', sans-serif; }
h5, .h5{ font-size: 24px; font-weight: 800; font-family: 'Gilroy-Medium', sans-serif; }

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.sv-btn{
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    padding:  1rem;
    font-weight: bold;
}

.sv-btn:hover {
  background: #042b75;
}

.sv-btn .fa-solid {
  margin-right: .5rem;
  font-size: 20px;
}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
.sv-animate,
.sv-animate-hover {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.sv-animate-slow{
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.sv-animate-hover-up:hover{
    margin-bottom: 1rem !important;
}

.sv-animate-hover-up-small:hover{
    margin-bottom: .5rem !important;
}