/*--------------------------------------------------------------
** Forms
--------------------------------------------------------------*/

.form-label-group {margin-bottom: 1rem;}

/*2026*/

.programmes{background-color:#ffffff;}
.programmes h2{color: #102c6d;}
.programmes a{text-decoration:none !important;}

.news{background-color:#f8f9fb;}
    .news h2 {
        color: #102c6d;
    }
.video{background-color:#f8f9fb;}

.video h2 {color: #102c6d; }

.intro{color:#ffffff;background-color:#0a72cd;}
.intro h2{color:#ffffff;}

.intro .btn-light {
  color: #102c6d;
  background-color: #f8f9fa;
  border-color: #0a72cd;
text-decoration: none !important;}

/*.intro .btn-light a{}*/

.intro .btn-light.focus, .intro .btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color:   #0a72cd;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5);
}

.intro .btn-light:hover{
    outline: 0;
    /*box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);*/
     color: #ffffff;
    background-color: #102c6d;
}

.text-primary1 {
  color: #003366 !important;
}

.text-primary {
    color: #003366 !important;
}

.form-control {
    border-radius: 50px !important;
    border: 0px solid #ddd  !important;
    font-size: 14px;
    height:60px;
}
.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding: .75rem .85rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm);
}
.form-control {
    display: block;
    width: 100%;
    padding: .25rem .95rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    input[type="text"] {
        background-color: transparent;
        border: 1px;
        outline: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 5px;
        color: transparent;
        cursor: default;
    }












    :root {
        --primary: #005EB8;
        --secondary: #003087;
        --light: #F7F9FC;
        --dark: #1E2A38;
        --text: #555;
        --white: #fff;
        --radius: 16px;
        --transition: .3s ease;
    }




    @media (max-width: 768px) {
        .video-box {
            height: 260px;
        }
    }

    @media (max-width: 991px) {
        .video-box {
            height: 340px;
        }
    }





   
    /*======================================
 Video
======================================*/

    .video-box {
        background: linear-gradient(135deg,#082b7a,#143e9d);
        border-radius: 18px;
        height: 420px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .play {
        width: 95px;
        height: 95px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 50%;
        cursor: pointer;
        transition: .3s;
    }

        .play:hover {
            transform: scale(1.08);
        }

        .play i {
            color: var(--primary);
            font-size: 55px;
        }

    .footer h5 {
        font-weight: 600;
    }
    /*2026*/
    /*--------------------------------------------------------------
** Block Lists
--------------------------------------------------------------*/

    .umb-block-list {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    /*--------------------------------------------------------------
** Top Bar
--------------------------------------------------------------*/

    #header {
        padding: 0;
    }
    /*--------------------------------------------------------------
** Top Bar
--------------------------------------------------------------*/

    #main .about-btn {
        text-decoration: none;
    }
    /* - - - - - - - - - - - - - - - - - - -
                Header
- - - - - - - - - - - - - - - - - - - */
    /header {
        padding: 50px 0;
        /*background-color: #006bb8;
  background-color: rgba(0, 51, 102, 0.9);*/
        background-image: url(/media/k3rjch5f/homepage_image.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }





    header .content {
        /*background: #102C6C;*/
        padding: 50px;
    }

        header .content h1 {
            font-size: 2.5rem;
            color: #ffffff;
            font-weight: 700;
            margin-bottom: 10px;
        }

        header .content p {
            font-weight: 500;
            color: #fff;
            font-size: 1.125rem;
            margin-bottom: 25px;
        }

        header .content .btn-light {
            border-color: #fff;
        }

    header.inner-header {
        background: #ffffff;
        border-top: 1px solid #d2d1e2;
        padding: 30px 0;
    }

        header.inner-header h1 {
            font-size: 2.7rem;
            color: #1d1d1d;
            margin: 0;
        }

        header.inner-header p {
            font-size: 1.25rem;
            line-height: 30px;
            margin: 10px 0 0 0;
        }

        header.inner-header .breadcrumb {
            display: block;
            overflow-x: auto;
            white-space: nowrap;
            margin-bottom: 10px;
        }

            header.inner-header .breadcrumb .breadcrumb-item {
                font-size: 1rem;
                display: inline-block;
                padding: 0;
            }

                header.inner-header .breadcrumb .breadcrumb-item:active {
                    color: #73738c;
                }

                header.inner-header .breadcrumb .breadcrumb-item:before {
                    padding: 0 7px 0 5px;
                    color: #d2d1e2;
                }

                header.inner-header .breadcrumb .breadcrumb-item a {
                    font-weight: 500;
                }

        header.inner-header input.form-control {
            font-size: 1.125rem;
            color: #1d1d1d;
            font-weight: 500;
            border-radius: 0;
            box-shadow: none;
            border-right: 0;
        }

            header.inner-header input.form-control:focus {
                border-color: #006bb8;
            }

        header.inner-header input::placeholder {
            font-family: "Open Sans", sans-serif;
            font-size: 1.125rem;
            color: #4b4b4a;
            font-weight: 400;
        }

        header.inner-header button.btn-search {
            background: #006bb8;
            border-color: #006bb8;
            color: #ffffff;
        }

            header.inner-header button.btn-search:hover, header.inner-header button.btn-search:focus {
                background: #055997;
                border-color: #055997;
            }
    /* - - - - - - - - - - - - - - - - - - -
                Footer
- - - - - - - - - - - - - - - - - - - */
    .footer .fa-brands {
        width: 7%;
        box-sizing: border-box;
    }
    /*CHAT*/
    top-brand #logo-text .logo-title @media (max-width: 767.98px) {
        header .logo,
        header .navbar-brand {
            float: left !important;
            display: flex !important;
            align-items: center;
            flex-direction: row;
            flex-wrap: nowrap;
            white-space: nowrap;
            width: auto !important;
            margin-right: auto !important;
            text-align: left !important;
        }

        @media (max-width: 767.98px) {

            #logo-mob {
                width: 100%;
            }

                #logo-mob .logo-link {
                    display: flex !important;
                    align-items: center !important;
                    justify-content: flex-start !important;
                    /* flex-wrap: nowrap !important;*/
                    width: 100%;
                    padding: 0 !important;
                }

            #nes-logo-mob {
                flex: 0 0 auto;
                margin: 0 !important;
            }

                #nes-logo-mob img {
                    display: block;
                    width: 65px;
                    height: auto;
                }

            #logo-text-mob {
                flex: 0 0 auto;
                width: auto !important;
                margin-left: 10px;
                text-align: left !important;
            }

                #logo-text-mob .logo-title {
                    margin: 0 !important;
                    white-space: nowrap !important;
                }
        }

        header .logo img,
        header .navbar-brand img {
            flex-shrink: 0;
        }

        header .logo span,
        header .navbar-brand span {
            white-space: nowrap !important;
            display: inline-block;
        }
    }