body {font-family: 'Poppins', sans-serif;color:var(--text-color);font-size: 16px;line-height: 1.8;}
a {color: var(--color-primary);text-decoration: none;}
a:hover {color: var(--color-secondary);text-decoration: none;}
strong {color: var(--text-color);}
* {outline: 0;}
h1 {font-size:50px;}
h2 {font-size:40px;font-weight: 500;text-transform: uppercase;}
h3 {font-size:30px;}
h4 {font-size:25px;}
h5 {font-size:20px;margin-bottom: 30px;}
.text-dark {color: #000000;}
.text-light {color: #FFFFFF;}
.img-full {width: 100%;}
.required {border: 1px solid #FF0000;background-color: #fffdee;}
.btn.btn-primary{
    background: rgb(253,181,61);
    background: -moz-linear-gradient(top,  rgba(253,181,61,1) 0%, rgba(244,150,7,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(253,181,61,1) 0%,rgba(244,150,7,1) 100%);
    background: linear-gradient(to bottom,  rgba(253,181,61,1) 0%,rgba(244,150,7,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb53d', endColorstr='#f49607',GradientType=0 );
    padding:12px 50px;font-size:18px;font-weight:500;color:var(--white);text-transform: uppercase;border: 0;}
.btn.btn-primary:hover {
    background: rgb(244,150,7);
    background: -moz-linear-gradient(top,  rgba(244,150,7,1) 0%, rgba(253,181,61,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(244,150,7,1) 0%,rgba(253,181,61,1) 100%);
    background: linear-gradient(to bottom,  rgba(244,150,7,1) 0%,rgba(253,181,61,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49607', endColorstr='#fdb53d',GradientType=0 );
}
ul.check {margin:0 0 1rem;padding: 0;list-style: none;}
ul.check li:before{content:'\f058';font-family:FontAwesome;margin-right:5px;color:#4DB72F}
.bg-cyan {background-color: #D7F0EA !important;}
.bg-old-lack {background-color: #FCF6E8 !important;;}
.bg-lavender {background-color: #E7E7F4 !important;;}
.container-fluid.padding {padding-left:50px;padding-right:50px;}


.container {max-width: 1320px;}



.logo {
    border: 1px solid #D8D8D8;
    position: absolute;
    top: 0;
    background-color: #FFFFFF;
    padding: 15px;z-index: 99;
}
.header .btn {border-radius: 0;padding: 15px 35px;}







.blog{padding:40px 0 20px 0}
.blog .entry{padding:30px;margin-bottom:60px;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.blog .entry .entry-img{max-height:440px;margin:-30px -30px 20px -30px;overflow:hidden}
.blog .entry-img img.img-fluid{width:100%}
.blog .entry .entry-title{padding:0;margin:0 0 20px 0}
.blog .entry .entry-title a{transition:.3s}
.blog .entry .entry-title a:hover{color:#68a4c4}
.blog .entry .entry-meta{margin-bottom:15px;color:#72afce}
.blog .entry .entry-meta ul{display:flex;flex-wrap:wrap;list-style:none;align-items:center;padding:0;margin:0}
.blog .entry .entry-meta ul li+li{padding-left:20px}
.blog .entry .entry-meta i{font-size:16px;margin-right:8px;line-height:0}
.blog .entry .entry-meta a{color:#777;font-size:14px;display:inline-block;line-height:1}
.blog .entry .entry-content p{line-height:24px}
.blog .entry .entry-content h3{font-size:22px;margin-top:30px;font-weight:700}
.blog .entry .entry-content blockquote{overflow:hidden;background-color:#fafafa;padding:60px;position:relative;text-align:center;margin:20px 0}
.blog .entry .entry-content blockquote p{color:#444;line-height:1.6;margin-bottom:0;font-style:italic;font-weight:500;font-size:22px}
.blog .entry .entry-content blockquote::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#1e4356;margin-top:20px;margin-bottom:20px}
.blog .entry .entry-footer{padding-top:10px;border-top:1px solid #e6e6e6}
.blog .entry .entry-footer i{color:#4c99c1;display:inline}
.blog .entry .entry-footer a{color:#255269;transition:.3s}
.blog .entry .entry-footer a:hover{color:#68a4c4}
.blog .entry .entry-footer .cats{list-style:none;display:inline;padding:0 20px 0 0;font-size:14px}
.blog .entry .entry-footer .cats li{display:inline-block}
.blog .entry .entry-footer .tags{list-style:none;display:inline;padding:0;font-size:14px}
.blog .entry .entry-footer .tags li{display:inline-block}
.blog .entry .entry-footer .tags li+li::before{padding-right:6px;color:#6c757d;content:","}
.blog .entry .entry-footer .share{font-size:16px}
.blog .entry .entry-footer .share i{padding-left:5px}
.blog .entry-single{margin-bottom:30px}
.blog .blog-author{padding:20px;margin-bottom:30px;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.blog .blog-author img{width:120px;margin-right:20px}
.blog .blog-author h4{font-weight:600;font-size:22px;margin-bottom:0;padding:0;color:#1e4356}
.blog .blog-author .social-links{margin:0 10px 10px 0}
.blog .blog-author .social-links a{color:rgba(30,67,86,.5);margin-right:5px}

.blog .blog-author p{font-style:italic;color:#b7b7b7}
.blog .blog-comments{margin-bottom:30px}
.blog .blog-comments .comments-count{font-weight:700}
.blog .blog-comments .comment{margin-top:30px;position:relative}
.blog .blog-comments .comment .comment-img{margin-right:14px}
.blog .blog-comments .comment .comment-img img{width:60px}
.blog .blog-comments .comment h5{font-size:16px;margin-bottom:2px}
.blog .blog-comments .comment h5 a{font-weight:700;color:#444;transition:.3s}
.blog .blog-comments .comment h5 a:hover{color:#68a4c4}
.blog .blog-comments .comment h5 .reply{padding-left:10px;color:#1e4356;cursor:pointer}
.blog .blog-comments .comment h5 .reply i{font-size:20px}
.blog .blog-comments .comment time{display:block;font-size:14px;color:#2b607c;margin-bottom:5px}
.blog .blog-comments .comment.comment-reply{padding-left:40px}
.blog .blog-comments .reply-form{margin-top:30px;padding:30px;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.blog .blog-comments .reply-form h4{font-weight:700;font-size:22px}
.blog .blog-comments .reply-form p{font-size:14px}
.blog .blog-comments .reply-form input{border-radius:4px;padding:10px 10px;font-size:14px}
.blog .blog-comments .reply-form input:focus{box-shadow:none;border-color:#b1d0e1}
.blog .blog-comments .reply-form textarea{border-radius:4px;padding:10px 10px;font-size:14px}
.blog .blog-comments .reply-form textarea:focus{box-shadow:none;border-color:#b1d0e1}
.blog .blog-comments .reply-form .form-group{margin-bottom:25px}



.blog .sidebar{padding:30px;margin:0 0 60px 20px;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.blog .sidebar:after {background: transparent;}
.blog .sidebar .sidebar-title{font-size:35px;padding:0;margin:0 0 15px 0;color:#1e4356;position:relative}
.blog .sidebar .sidebar-item{margin-bottom:30px}
.blog .sidebar .search-form form{background:#fff;border:1px solid #ddd;padding:3px 10px;position:relative}
.blog .sidebar .search-form form input[type=text]{border:0;padding:4px;border-radius:4px;width:calc(100% - 40px)}
.blog .sidebar .search-form form button{position:absolute;top:0;right:0;bottom:0;border:0;background:0 0;font-size:16px;padding:0 15px;margin:-1px;background:#68a4c4;color:#fff;transition:.3s;border-radius:0 4px 4px 0;line-height:0}
.blog .sidebar .search-form form button i{line-height:0}
.blog .sidebar .search-form form button:hover{background:#77adca}
.blog .sidebar .categories ul{list-style:none;padding:0}
.blog .sidebar .categories ul li+li{padding-top:10px}
.blog .sidebar .categories ul a{color:#1e4356;transition:.3s}
.blog .sidebar .categories ul a:hover{color:#68a4c4}
.blog .sidebar .categories ul a span{padding-left:5px;color:#aaa;font-size:14px}
.blog .sidebar .recent-posts .post-item+.post-item{margin-top:15px}
.blog .sidebar .recent-posts img{width:80px;float:left}
.blog .sidebar .recent-posts h4{font-size:15px;margin-left:95px;font-weight:700}
.blog .sidebar .recent-posts h4 a{color:#1e4356;transition:.3s}
.blog .sidebar .recent-posts h4 a:hover{color:#68a4c4}
.blog .sidebar .recent-posts time{display:block;margin-left:95px;font-style:italic;font-size:14px;color:#aaa}
.blog .sidebar .tags{margin-bottom:-10px}
.blog .sidebar .tags ul{list-style:none;padding:0}
.blog .sidebar .tags ul li{display:inline-block}
.blog .sidebar .tags ul a{color:#3f8db5;font-size:14px;padding:6px 14px;margin:0 6px 8px 0;border:1px solid #e4eff5;display:inline-block;transition:.3s}
.blog .sidebar .tags ul a:hover{color:#fff;border:1px solid #68a4c4;background:#68a4c4}
.blog .sidebar .tags ul a span{padding-left:5px;color:#bedae8;font-size:14px}
.blog-content.group-box{padding:30px}

/*--------------------------------------------------------------
# Slide Section
--------------------------------------------------------------*/
.slide{position:relative}
.slide-container{position:absolute;bottom:0;color:#011f5b;width:100%}
.slide-text {
    width: 50%;
    position: absolute;
    top: 0;
    transform: translateY(50%);
}
.slide-text h2{font-size:60px;color:var(--color-secondary);margin-bottom:30px;text-transform: uppercase;font-weight: 700;}
.slide-text .btn {margin-top: 30px;}
.slide .owl-theme .owl-nav .owl-prev,
.slide .owl-theme .owl-nav .owl-next{position:absolute;top:50%;transform:translateY(-50%);font-size:25px;color:#000;width:50px;height:50px;line-height:50px;text-align:center;background-color:#fff;border-radius:50%;cursor:pointer}
.slide .owl-theme .owl-nav .owl-prev {left: 0;}
.slide .owl-theme .owl-nav .owl-next {right: 0;}
.slide .owl-theme .owl-nav .owl-prev:hover,
.slide .owl-theme .owl-nav .owl-next:hover {opacity: 1;}
.slide .owl-nav {margin-top: 0 !important;}
.slide .owl-dots {position: absolute;bottom: 0;margin-left: auto;margin-right: auto;width: 100%;}
.slide .owl-theme .owl-nav button:hover {background-color: var(--color-primary);color: var(--text-color-secondary);}

/*--------------------------------------------------------------
# Welcome
--------------------------------------------------------------*/
.page-title {
    position: relative;
}
.page-title-overlay {
    position: absolute;
    width: 100%;
    top: 30%;
    color: #FFF;
}

.page-banner {position: relative;}
.page-banner h1 {
    color: #FFF;
    position: absolute;
    bottom: 100px;
    background-color: #0057B7;
    margin: 0;
    padding: 15px 30px;
}
.banner-text {
    position: absolute;
    top: 0;
    transform: translateY(50%);
    background-color: rgb(0 0 0 / 40%);
    padding: 15px;color: #FFF;
}
.banner-text h1 {font-size: 25px;margin-bottom: 15px}
.page-banner .btn {margin-top: 30px;}

small {font-size: 75%;}
.text-large {font-family: 'Unna', serif;font-size: 25px;}
/*.page-content {margin-bottom: 100px;margin-top: 50px;}*/
.page-content h2,
.page-content h3 {margin-bottom: 10px;}

.box-content {
    padding: 80px;
}
.section-one {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: var(--color-secondary);
    color: var(--white);
}
.section-one h2 {margin-bottom: 30px;}
.section-one h4 {margin-bottom: 30px;}

.section-two h3 {margin-bottom: 30px;}

.section-three {position: relative;}
.career-home {
    position: absolute;
    top: 0;
    width: 100%;
}
.section-three .container {position: relative;}
.section-three .col-lg-6 {position: relative;}
.career-content {
    position: absolute;
    top: 0;
    left: 30px;
    transform: translateY(20%);
    background-color: var(--white);
    padding: 60px;
    text-align: center;
}
.section-three h3 {
    margin-bottom: 15px;
    color: var(--color-secondary);
    text-transform: uppercase;
}

.section-four {
    color: #FFF;
    position: relative;
    background-color: var(--bs-blue);
}
.section-four h3 {
    margin-bottom: 30px;
}



.section-blog {
    background-color: #F8F8F8;
    padding-top: 80px;
    padding-bottom: 80px;
}
.section-blog h2 {margin-bottom: 30px;color: var(--color-secondary)}
.blog-button-next:after, .blog-button-prev:after {
    font-size: 16px;
    background-color: var(--white);
    box-shadow: 0 0 5px #ccc;
    padding: 10px 14px;
    border-radius: 3px;
    color: var(--text-color);
}
.latest-blog h3 {
    font-size: 22px;
    margin: 0 0 15px;
}
.latest-blog .date {
    color: #555;
    margin-bottom: 10px;
}
.latest-blog a {color: var(--text-color);}
.blog-content {
    padding: 50px;
}
.blog_2 .blog-content {
    background-color: #FFF;
}

.bleu-box {
    background-color: #0057B7;
    color: var(--white);
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
}
.courses-two {
    padding-top: 80px;
    padding-bottom: 80px;
}
.courses-three {
    background-color: #0057B7;
    color: var(--white);
}
.courses-five {
    background-color: #0057B7;
    color: var(--white);
}
.courses-five strong {color: var(--white);}










    /*--------------------------------------------------------------
    # Contact
    --------------------------------------------------------------*/
.contact-form {
    background-color: #0057B7;
    color: #FFF;
    padding-top: 80px;
    padding-bottom: 80px;
}
.contact-form h3 {margin-bottom: 30px;}
.contact-form .form-group {margin-bottom: 15px;}
.contact-form .form-control {
    background-color: transparent;
    border: 1px solid #80ABDB;
    border-radius: 0;
    min-height: 55px;
}
.contact-form ::placeholder {color: #FFF;}

.contact-info {
    padding-top: 80px;
    padding-bottom: 80px;
}
.contact-tel {
    background-image: url("../img/icon-tel.png");
    background-repeat: no-repeat;
    background-position: 0 10px;
    padding-left: 45px;
    margin-bottom: 30px;
}
.contact-email {
    background-image: url("../img/icon-email.png");
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 45px;
    margin-bottom: 30px;
}
.contact-address {
    background-image: url("../img/icon-map.png");
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 45px;
}

.footer-middle {
    background-image: url(../img/footer-bg.jpg);
    background-color: #1B1B1B;
    padding-top: 50px;
    padding-bottom: 50px;
}





@media only screen and (max-width: 1600px) {
    .career-content {
        transform: translateY(30px);
        padding: 30px;
    }
}
@media only screen and (max-width: 1400px) {
    .navbar-nav li a {
        padding: 10px 25px;
    }
    .slide-text {transform: translateY(20%);}
    .header .btn {padding: 15px 25px;}
    .box-content {padding: 50px;}

}
@media only screen and (max-width: 1200px) {
    .slide-container {position: relative;}
    .slide-text {width: 100%;}
    .slide-text h2 {font-size: 40px;}
    .career-home {
        position: relative;
    }
    .career-content {
        position: relative;
        transform: none;
        padding: 30px;
        left: auto;
    }
    .box-content {padding: 40px;}
    .footer-middle .col-xl-3 {
        margin-bottom: 30px;
    }
    .footer-bottom {text-align: center;}
}
@media only screen and (max-width: 991px) {
    .top-bar .fa {
        font-size: 25px;
        margin: 0 15px;
    }
    .top-bar .fa.fa-mobile {font-size: 30px;}
    .top-bar .fa.fa-phone {margin-top: 5px;}
    .header .btn {
        padding: 15px 20px;
    }
    .slide-text {
        position: relative;
        transform: translateY(0);
        padding: 50px 0;
        text-align: center;
    }

}
@media only screen and (max-width:767px) {
    h2 {font-size: 35px;}
    .logo {
        position: relative;
    }
    .header .btn {
        padding: 10px;
        font-size: 16px;
    }
    .top-bar {
        text-align: center;
    }

}
@media only screen and (max-width:427px) {
    .footer-contact {font-size: 14px;}
}