html,body,.ui-application-window {
    background-color: #ffffff;
}

.carousel-control-prev,
.carousel-control-next {
    background:none;
    border:0px;
}

.web-headline {
    font-family: 'ClashDisplay-Semibold';
    font-size:18px;
}
.home-claim-holder {
    padding:100px;
}

.web-claim-title {
    font-family: 'ClashDisplay-Medium';
    font-size:46px;
    line-height:62px;
    font-weight:500;
}
.web-claim-subtitle {
    font-family: 'ClashDisplay-Medium';
    font-size:36px;
    font-weight:500;
}

@media (min-width: 768px) and (max-width: 992px) {
    .web-claim-title {
        font-size:30px;
        line-height:30px;
    }
    .home-claim-holder {
        padding:40px;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    .web-claim-title {
        font-size:28px;
        line-height:30px;
    }
    .home-claim-holder {
        padding:20px;
    }
}
@media (max-width: 576px) {
    .web-claim-title {
        font-size:28px;
        line-height:30px;
    }
    .home-claim-holder {
        padding:20px;
    }
}

.web-home-holder {
    padding-top:100px;
}
@media (max-width: 576px) {
    .web-home-holder {
        padding-top:30px;
    }
}

@media (max-width: 700px) {
    .container, .container-sm {
        max-width: 95%;
    }
    .container.no-padding, .container-sm.no-padding {
        padding:0px;
    }
}


.web-container-blue {
    background-color:#049699;
    color:#fff;
}
.web-container-turquise {
    background-color:#73c1c2;
    color:#fff;
}

.carousel.captioned .carousel-caption {
    width:50%;
    right:0;
    left:auto;
    color:#000;
    padding:40px;
    text-align: left;
    position:absolute;
}
.carousel.captioned .container {
    position:relative;
}
.carousel.captioned .carousel-caption h5{
    font-family: 'ClashDisplay-Medium';
    font-size:38px;
}
.carousel.captioned .carousel-caption p{
    font-family: 'ClashDisplay-Regular';
    font-size:25px;
    margin-bottom:0px;
}

.ui-layout-grid-column.border-right-gray {
    border-right:1px solid #666;
}

@media (min-width: 768px) and (max-width:1024px) {
    .carousel.captioned .carousel-caption {
        padding:20px;
    }
    .carousel.captioned .carousel-caption h5 {
        font-size:30px;
        line-height:30px;
    }
}
@media (min-width: 576px) and (max-width:768px) {
    .carousel.captioned .carousel-caption {
        padding:10px;
    }
    .carousel.captioned .carousel-caption h5 {
        font-size:28px;
        line-height:31px;
    }
    .carousel.captioned .carousel-caption p {
        font-size:14px !important;
    }
}

@media (max-width: 576px) {
    .carousel.captioned .carousel-caption {
        padding:10px;
        width:100%;
        display:block;
        left:0px;
        top:212px;
        height:167px;
        text-align: center;
    }
    .carousel {
        height:388px;
    }
    .carousel-item {
        overflow-y: visible;
        height: 391px;
    }
    .carousel-item img {
        width: 178% !important;
    }
    .carousel.captioned .carousel-caption h5 {
        font-size:27px;
        line-height:30px;
    }
    .carousel.captioned .carousel-caption p{
        font-size:19px;
    }
    .carousel.captioned .carousel-caption h5 br{
        display:none;
    }
    .ui-layout-grid-column.border-right-gray {
        border-right:0px;
        border-bottom:1px solid #666;
        padding-bottom:10px !important;
        padding-top:10px !important;
    }
}

.web-image-cover {
    object-fit: cover;
    background-color: rgba(0, 0, 0, 0);
    flex: 1;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
}

.web-image-max300-center {
    max-width: 300px;
    margin: 0 auto;
}

.web-gradient-bar {
    background: transparent linear-gradient(90deg,#001e4f 0,#008bc2);
    padding: 15px;
    color: #fff;
    font-weight: bold;
    display:inline-block;
}

.home-gradient-holder {
    background: transparent linear-gradient(90deg,#7abf7d 0,#4db4b2);
    -webkit-box-shadow: inset -7px -12px 5px -7px rgba(0,0,0,0.39);
    -moz-box-shadow: inset -7px -12px 5px -7px rgba(0,0,0,0.39);
    box-shadow: inset -7px -12px 5px -7px rgba(0,0,0,0.39);
}

/**
* @license
*
* Font Family: Clash Display
* Designed by: Indian Type Foundry
* URL: https://www.fontshare.com/fonts/clash-display
* © 2024 Indian Type Foundry
*
* Clash Display Extralight
* Clash Display Light
* Clash Display Regular
* Clash Display Medium
* Clash Display Semibold
* Clash Display Bold
* Clash Display Variable (Variable font)

*
*/
@font-face {
    font-family: 'ClashDisplay-Extralight';
    src: url('../fonts/ClashDisplay-Extralight.woff2') format('woff2'),
    url('../fonts/ClashDisplay-Extralight.woff') format('woff'),
    url('../fonts/ClashDisplay-Extralight.ttf') format('truetype');
    font-weight: 200;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: 'ClashDisplay-Light';
    src: url('../fonts/ClashDisplay-Light.woff2') format('woff2'),
    url('../fonts/ClashDisplay-Light.woff') format('woff'),
    url('../fonts/ClashDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: 'ClashDisplay-Regular';
    src: url('../fonts/ClashDisplay-Regular.woff2') format('woff2'),
    url('../fonts/ClashDisplay-Regular.woff') format('woff'),
    url('../fonts/ClashDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: 'ClashDisplay-Medium';
    src: url('../fonts/ClashDisplay-Medium.woff2') format('woff2'),
    url('../fonts/ClashDisplay-Medium.woff') format('woff'),
    url('../fonts/ClashDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: 'ClashDisplay-Semibold';
    src: url('../fonts/ClashDisplay-Semibold.woff2') format('woff2'),
    url('../fonts/ClashDisplay-Semibold.woff') format('woff'),
    url('../fonts/ClashDisplay-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: 'ClashDisplay-Bold';
    src: url('../fonts/ClashDisplay-Bold.woff2') format('woff2'),
    url('../fonts/ClashDisplay-Bold.woff') format('woff'),
    url('../fonts/ClashDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 200.0 to 700.0
*/
@font-face {
    font-family: 'ClashDisplay-Variable';
    src: url('../fonts/ClashDisplay-Variable.woff2') format('woff2'),
    url('../fonts/ClashDisplay-Variable.woff') format('woff'),
    url('../fonts/ClashDisplay-Variable.ttf') format('truetype');
    font-weight: 200 700;
    font-display: swap;
    font-style: normal;
}

.navbar-web .navbar-nav > li > .spaced {
    font-size: 20px;
    padding-bottom: 7px;
}