@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');
.background-color1-remix {
    background-color: #012668;
}

svg.background-color1-remix {
    background-color: transparent;
    fill: #012668;
}


/*this is the remixed background color of the page*/

.paragraph-text-color2-remix {
    color: #ffffff;
}


/*this is the remixed colour of all the paragraph text*/

.headline-text-color3-remix {
    color: #ffc000;
}

svg.headline-text-color3-remix {
    fill: #ffc000;
}


/*this is the remixed color of all the headline text*/

.accent-color4-remix {
    color: #95ca21;
}

svg.accent-color4-remix {
    fill: #95ca21;
}


/*this is the remixed accent color*/

.border-accent-color4-remix {
    border-bottom: 2px solid #95ca21;
}

.headline-font1-remix {
    font-family: 'Poppins', sans-serif;
}


/*this is the remixed font of the headline text*/

.paragraph-font2-remix {
    font-family: 'Source Sans Pro', sans-serif;
}


/*this is the remixed font of the paragraph text*/

.headline-weight-remix {
    font-weight: 600;
}


/*this is the remixed weight of the headline text*/

.paragraph-weight-remix {
    font-weight: 400;
}


/*this is the remixed weight of the paragraph text*/

.background-color1-remix-darker {
    background-color: #000b1e;
}

svg.background-color1-remix-darker {
    background-color: transparent;
    fill: #000b1e;
}


/*this is a darker version of the remixed background color*/

.background-color1-remix-lighter {
    background-color: #0244b6;
}

svg.background-color1-remix-lighter {
    background-color: transparent;
    fill: #0244b6;
}


/*this is a lighter version of the*/

.paragraph-text-color2-remix-darker {
    color: #d9d9d9;
}


/*this is a darker version of the remixed colour of all the paragraph text*/

.paragraph-text-color2-remix-lighter {
    color: #ffffff;
}


/*this is a lighter version of the remixed text color*/

.accent-color4-remix-darker {
    color: #648816
}

svg.accent-color4-remix-darker {
    background-color: transparent;
    fill: #648816
}


/*this is a darker version of the remixed accent color*/

.accent-color4-remix-lighter {
    color: #b6e354;
}

svg.accent-color4-remix-lighter {
    fill: #b6e354;
}


/*this is a lighter version of the remixed accent color*/

.background-color1-remix-opposite {
    background-color: #684301;
}

svg.background-color1-remix-opposite {
    background-color: transparent;
    fill: #684301;
}

/*this is a black version of the remixed accent color*/

.background-color1-remix-black {
    background-color: #000000;
}


/*this is a navy blue version of the remixed accent color*/

.accent-color6-remix-navy-blue {
    background-color: #1a6aee ;
	display:block;
    text-align: center;
    text-decoration: none !important;
}



/*this is the opposite of the remixed background color*/

.paragraph-text-color2-remix-opposite {
    color: #000000;
}


/*this is the opposite of the remixed colour of all the paragraph text*/

.headline-text-color3-remix-opposite {
    color: #003FFF;
}


/*this is the opposite of the remixed color of all the headline text*/

.accent-color4-remix-opposite {
    color: #5621CA !important;
}

svg.accent-color4-remix-opposite {
    fill: #5621CA;
}


/*this is the opposite of the remixed accent color*/

.basic-black {
    color: #2d2d2d !important;
}

svg.basic-black {
    fill: #2d2d2d;
}


/*this is the basic black paragraph text color*/

.basic-white {
    color: #ffffff;
}

svg.basic-white {
    fill: #ffffff;
}


/*this is the basic white paragraph text*/


/*Classes from our side*/

.bold-weight-remix {
    font-weight: bold;
}


/*this is the remixed weight of the paragraph text*/

.white-background {
    background-color: #ffffff;
}

svg.white-background {
    background-color: transparent;
    fill: #ffffff;
}


/*this is the basic white background*/

.verticle-align-middle-remix {
    align-items: center;
}

.accent-color4-background-remix {
    background-color: #95ca21;
}

svg.accent-color4-background-remix {
    background-color: transparent;
    fill: #95ca21;
}


/*this is the remixed accent color*/


/*gradient button for green shade*/

.button-accent-color4-remix {
    background: #b6e354;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #b6e354 0%, #95ca21 79%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #b6e354 0%, #95ca21 79%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #b6e354 0%, #95ca21 79%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b6e354', endColorstr='#95ca21', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
	display: inline-block;
    text-align: center;
    text-decoration: none !important;
    color: #ffffff;
}

.button-accent-color4-remix:hover {
    background: #95ca21;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #95ca21 0%, #b6e354 79%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #95ca21 0%, #b6e354 79%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #95ca21 0%, #b6e354 79%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#95ca21', endColorstr='#b6e354', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.button-font-weight-remix {
    font-weight: 600;
}

.border-radius-30 {
    border-radius: 30px;
}

.gradient-background-remix {
    background: #b6e354;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #b6e354 0%, #95ca21 79%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #b6e354 0%, #95ca21 79%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #b6e354 0%, #95ca21 79%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b6e354', endColorstr='#95ca21', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
	
}


/*different paddings for top and bottom gaps*/

.padding-top-bottom-20-remix {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-top-bottom-50-remix {
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-top-bottom-5-remix {
    padding-top: 5px;
    padding-bottom: 5px;
}

.button-padding-remix {
    padding: 15px 25px;
}

.basic-5-10-padding-remix {
    padding: 5px 10px;
}


/*different margins for top and bottom gaps*/

.margin-top-20-remix {
    margin-top: 20px;
}

.margin-top-bottom-25-remix {
    margin-top: 25px;
    margin-bottom: 25px;
}

.margin-top-bottom-15-remix {
    margin-top: 15px;
    margin-bottom: 15px;
}

.margin-top-bottom-10-remix {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-bottom-negetive-25-remix {
    margin-bottom: -25px;
}

.margin-bottom-negetive-15-remix {
    margin-bottom: -15px;
}

.margin-bottom-negetive-16-remix {
    margin-bottom: -16px;
}

.margin-top-negetive-15-remix {
    margin-top: -15px;
}

.margin-bottom-negetive-10-remix {
    margin-bottom: -10px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-negetive-6-remix {
    margin-bottom: -6px;
}

.margin-bottom-10-remix {
    margin-bottom: 10px;
}

.left-right-margin-15-remix {
    margin-left: 15px;
    margin-right: 15px;
}

.verticle-line-remix {
    height: 50px;
    background-color: #95ca21;
    width: 4px;
    margin: 0 auto 20px;
}

.horizontal-middle {
    justify-content: center;
}

.margin0 {
    margin-bottom: 0;
}


/*uneccessary borders*/

.no-button-border {
    border: none;
}

*:focus {
    outline: none;
}

.shape .icon-remix {
    fill: url(#accent-color4-lighter-darker-gradient) transparent;
}

#accent-color4-lighter-darker-gradient {
    --color-stop: #b6e354;
    --color-bot: #95ca21;
}

#background-color1-lighter-darker-gradient {
    --color-stop: #0244b6;
    --color-bot: #000b1e;
}

#paragraph-text-color2-lighter-darker-gradient {
    --color-stop: #ffffff;
    --color-bot: #d9d9d9;
}

.right-arrow-remix {
    position: absolute;
    right: -25px;
    top: 20%;
}


/*styles for shape divider*/


/*triangle shape divider*/

.triangle-down-remix {
    fill: #012668;
}


/*Wave divider*/

.wave-divider-remix {
    fill: #012668;
}

.wave-flip {
    transform: rotate(-180deg);
}


/*Gradient box colors (block thirteen)*/

.box-gradient-accent-color4-lighter-darker-gradient {
    background: #95ca21;
    /* Old browsers */
    background: -moz-linear-gradient(left, #95ca21 0%, #b6e354 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #95ca21 0%, #b6e354 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #95ca21 0%, #b6e354 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#95ca21', endColorstr='#b6e354', GradientType=1);
}

.box-gradient-background-color1-lighter-darker-gradient {
    background: #0244b6;
    /* Old browsers */
    background: -moz-linear-gradient(left, #0244b6 0%, #000b1e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0244b6 0%, #000b1e 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0244b6 0%, #000b1e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0244b6', endColorstr='#000b1e', GradientType=1);
}

.box-gradient-paragraph-text-color2-lighter-darker-gradient {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #d9d9d9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, #d9d9d9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, #d9d9d9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9', GradientType=1);
}


/*styles for backgrounds*/


/*styles for background positions*/

.background-position-center-remix {
    background-position: center;
}

.background-position-top-center-remix {
    background-position: top center;
}

.background-position-bottom-center-remix {
    background-position: bottom center;
}

.background-position-top-left-remix {
    background-position: top left;
}

.background-position-top-right-remix {
    background-position: top right;
}

.background-position-bottom-left-remix {
    background-position: top left;
}

.background-position-bottom-right-remix {
    background-position: top right;
}


/*styles for background size*/

.background-size-cover-remix {
    background-size: cover;
}

.background-size-full-remix {
    background-size: 100%;
}

.background-size-pattern-cover-remix {
    background-size: cover;
}


/*styles for background repeat*/

.background-repeat-remix {
    background-repeat: repeat;
}

.background-no-repeat-remix {
    background-repeat: no-repeat;
}


/* Background Image types */

.background-type-1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
}

.background-type-2 {
    /*background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom center;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
}

.background-type-3 {
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: top left;
}

.background-type-4 {
    background-repeat: repeat;
    background-position: top left;
}


/*styles for carousel*/

.carousel,
.carousel .carousel-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.carousel {
    width: 100%;
    z-index: 1
}

.carousel .carousel-inner {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.carousel .carousel-inner:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.carousel .carousel-inner-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.carousel .carousel-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.carousel .carousel-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.carousel .carousel-item img {
    display: block;
    width: 100%;
    height: auto;
}

.carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.carousel-item {
    position: relative;
    display: block;
    float: none;
    width: auto;
    margin-right: 0%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
}

.carousel-item>* {
    transform: scale(.7) !important;
    transition: .3s;
}

.carousel-item.active>* {
    transform: scale(.9) !important;
}

.slider_box {
    overflow: hidden;
    padding-bottom: 100px;
}

.carousel-indicators li {
    width: 10px;
    height: 11px;
    border-radius: 100%;
    background-color: #012668;
}

.carousel-indicators {
    bottom: -70px;
}

#carousel-wrapper {
    position: relative;
    max-width: 900px;
    margin: auto;
}