@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");

:root {
    --main-color-one: #141c53;
    --main-color-two: #CC9C43;
    --secondary-color: #30373f;
    --heading-color: #141c53;
    --paragraph-color: #777777;
    --heading-font: "Poppins", sans-serif !important;
    --body-font: "Poppins", sans-serif !important;
    --poppins-font: "Poppins", sans-serif !important;
    --body-font-size: 15px;
    --line-height30: 30px;
}
@font-face {
 font-family: proxima-nova, sans-serif;
 src:url('staticfiles/fonts/Proxima-Nova-Font.otf');
 /*font-style: normal;*/
 /*font-weight: 400;*/

}

/*body {*/

/*    font-family: var(--body-font);*/
/*    color: var(--paragraph-color);*/
/*    font-weight: 100;*/
/*    overflow-x: hidden;*/
/*}*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading-color);
    font-family: var(--heading-font);
}

p {
    color: var(--paragraph-color);
    -webkit-hyphens: auto;
    hyphens: auto;
    margin-bottom: 10px;
    line-height: var(--line-height30);
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none !important;
    outline: none !important;
    color: inherit !important;
}

.title-2 {
    text-transform: capitalize;
    font-size: 32px;
    line-height: 45px;
    letter-spacing: 0.92px;
    font-weight: 700;
    /*font-family: var(--poppins-font);*/

}

.title-3 {
    text-transform: capitalize;
    font-size: 22px;
    line-height: 35px;
    font-weight: 600;
    font-family: var(--poppins-font);

}

.title_color {
    color: #141c53;
}

.award_header_row {
    min-height: 100vh;
    /*padding-top: 10vh;*/
}
.title_award {
    color: #CD9C44;
    margin-top: 100px;
    margin-bottom: 20px;
}
.select2 {
    width: 100% !important;
}

.sub-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    color: var(--paragraph-color);
    margin-bottom: 0;
    margin-top: 0;
    font-family: var(--poppins-font);

}

.sec_h4 {
    font-size: 1.375rem;
    line-height: 38px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 0px;
}
.about_award {
    text-align: justify;
}
.design-lists {
    line-height: 30px;
}
.design-list {
    line-height: 30px;
}
.design-listss {
    line-height: 30px;
    position: relative;
    left: 50px;
}


.design-listss::before {
    position: absolute;
    top: -1px;
    /* Adjust < -number | number+ > */
    left: 18px;
}
ol {
  list-style-type: none;
}

.title_voting {
    font-size: 1.5rem !important;
}
.create--account {
    display: inline-block;
    /*justify-content: flex-start;*/
    margin-right: auto;
}

.register--logo {
    float: right;
}

.voting_details {
    background-color: black;
    color: #CD9C44 !important;

}


ol .design-listss {
  counter-increment: step-counter;
  position: relative;
  margin: 10px 0 0 0;
}
.linkkkk {
    color: #CD9C44 !important;
}
ol .design-listss::before {
  content: counter(step-counter);
  display: block;
  position: absolute;
  top: -1px;
  /* Adjust < -number | number+ > */
  left: -32px;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  background-color: #CD9C44;
  color: white;
  font-weight: bold;
  font-size: 0.8rem;
  text-align: center;
  border-radius: 15px;
}

.cover_award {
    min-height: 30vh;
    text-align: center;
    background-color: #0a0a0a;
}

.custom-control-label:hover {
    cursor: pointer;
}

.award_nomination {
    font-size: 16px;
    text-align: justify;
}
.award_nominations {
    font-size: 16px;

}
.about_image {
    width: 300px;
    height: 300px;
}


element.style {
}
.carousel-dark .carousel-caption {
    color: #000;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 56px !important;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.slider_image_award {
    margin-left: 1.5rem !important;
}

.about_images {
    width: 300px;
    height: 350px;
}
.title-2 span {
    color: var(--main-color-two);
}

.title-span {
    color: var(--main-color-two);
}

.btn {
    transition: all 0.3s ease-in !important;
}

.btn-primary {
    color: #ffffff !important;
    background-color: var(--main-color-one) !important;
}

.btn-reg {
    color: #ffffff !important;
    background-color: var(--main-color-two) !important;
}

.btn-reg-blue {
    color: #CD9C44 !important;
    background-color: var(--main-color-one) !important;
}

.btn-primary:hover {
    color: #ffffff !important;
    background-color: var(--main-color-two) !important;
    border-color: var(--main-color-two) !important;
}

#btn-member {
    background-color: transparent !important;
    border-color: #ffff !important;
}

#btn-member:hover {
    transition: all 0.3s ease-in !important;
    background-color: var(--main-color-one) !important;
    border-color: var(--main-color-one) !important;
    color: #ffff !important;
}

.scroll_up img {
    width: 16px;
}


@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.3rem !important;
    padding-left: 0.3rem !important;
}
}
.scroll_up {
    position: fixed;
    right: 20px;
    bottom: 20px;
    background-color: #fff;
    color: #000;
    width: 45px;
    height: 45px;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    transition: all 1s cubic-bezier(0, 0, .1, 1);
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
}

.contact-link {
    text-decoration: none;
    background-color: transparent;
    display: inline-block;
    padding: 8px 20px !important;
    border: 2px solid black !important;
    cursor: pointer;


}


/*.navbar-links {*/
/*    background-color: #CD9C44 !important;*/
/*}*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: black !important;
}

/*.nav-link {*/
/*    display: block;*/
/*    padding: .5rem 1rem;*/
/*    color: black;*/
/*    text-decoration: none;*/
/*    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;*/
/*}*/

.nav-link {
    /*font-family: var(--poppins-font) !important;*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700 !important;
    color: #ffff !important;
    letter-spacing: 0.5px;
    font-size: 17px;

}

.nav-link:hover {
    /*font-family: var(--poppins-font) !important;*/
    /*font-family: 'Ubuntu', sans-serif;*/
    color: #090761 !important;
    text-underline: none;

}

a:hover {
    text-underline: none;
}


.nav-link-tabs {
    font-family: var(--poppins-font) !important;
    font-weight: 400 !important;
    font-size: 17px;

}


.nav-item-contact {
    margin-left: 15px !important;
    position: relative;
    transition: all 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
}

.nav-item {
    margin-left: 2px;
    margin-right: 1.5rem;
}

.contact-link:hover {
    color: white !important;
}

.base-color {
    background-color: #f5f5f5;
}

.base-margin {
    margin-bottom: 130px;
}

.base-margin-second {
    /*margin-bottom: 70px;*/
    margin-top: 80px;
}

.base-margin-third {
    /*margin-bottom: 70px;*/
    margin-top: 80px;
}

/*Styles za kwenye Navbar*/
/*@media only screen and (min-width: 991px){*/
/*    .navbar-nav {*/
/*    margin-left: 48rem !important;*/
/*}*/
/*}*/
@media (max-width: 1920px) {
    /*.navbar-nav {*/
    /*    margin-left: 48rem !important;*/
    /*}*/

    @media only screen and (max-width: 1440px) {
        /*.navbar-nav {*/
        /*    margin-left: 24rem !important;*/
        /*}*/

        .carousel-caption {
            /*padding-bottom: 20rem !important;*/
             bottom: 90px !important;
        }
    }
    @media only screen and (max-width: 991px) {
        /*.navbar-nav {*/
        /*    margin-left: 0 !important;*/
        /*}*/

        #btn-member {
            display: none;
        }

    }
    @media only screen and (min-width: 991px) {
        #btn-member-mobile {
            display: none;
        }

    }
    .navbar-nav .nav-item {
        font-size: 16px;

    }

    .nav-item-link:hover {
        border-bottom: 2px solid var(--main-color-one);
        padding-bottom: 5px;
        transition: all 0.3s ease-in !important;
    }

    .content h2 {
        font-size: 60px;
        text-transform: uppercase;
        font-weight: 900;
        color: #000;
        line-height: 1.2;
        letter-spacing: 1px;


    }

    .content h2 span {
        color: transparent;
        -webkit-text-stroke: 1px #000;
        padding-left: 2px;
        letter-spacing: 1px;
    }

    .job {
        font-weight: 500;
        font-size: 20px;
        position: absolute;
        overflow: hidden;
        color: #555;
        left: 169px;
    }

    .default_height {
    min-height: 80vh;
}

    .font-dynamic {
        font-family: 'Ubuntu', sans-serif !important;
    }

    .about-container {
        padding-top: 100px;
    }

    .title {
        display: inline-block;
        background-color: rgba(0, 0, 0, .05);
        text-transform: uppercase;
        padding: 4px 10px;
        font-weight: 600;
        font-size: 12px;
        color: #333;
        letter-spacing: 0;
        margin-bottom: 15px;
    }

    .description {
        text-align: justify;
        font-size: 18px;
    }

    #resume {
        position: relative;
        background-color: #141c53;
        color: white;
        transition: all .5s cubic-bezier(0, 0, .1, 1);
    }

    #resume:hover {
        background-color: white;
        color: black;
        border: 1px solid #000;
        bottom: 2px;
    }


    .skills-description {
        line-height: 30px;
        font-size: 18px;
    }

    .skills-margin {
        margin-bottom: 50px;
    }

    .number {
        float: right;
    }

    #watch {
        text-decoration: none;
        color: #fff;
        background-color: transparent;
        display: inline-block;
        padding: 16px 50px;
        border: 2px solid #fff;
        cursor: pointer;
        transition: all .5s cubic-bezier(0, 0, .1, 1);
    }

    #video-div {
        padding-top: 200px;

    }

    .img-slides {
        opacity: 0.6;
    }

    .img-slides:hover {
        opacity: 1;
    }

    .testimonial {
        padding: 150px 0px 100px 0px;
    }

    .testimonial-card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #f9f9f9 !important;
        background-clip: border-box;
        border: none !important;
        border-radius: .25rem;
    }

     .form-title {
        text-align: center !important;
    }
    .form-title:before, .form-title:after {
    position: absolute;
    top: 2%;
    overflow: hidden;
    width: 20%;
    height: 1px;
    content: '\a0';
    background-color: #CD9C44;
    }
    .form-title:before {
        margin-left: -21%;
        text-align: right;
    }
    .form-title:after {
        margin-left: 1%;
        text-align: right;
        width: 29% !important;
    }
    ::placeholder {
        font-size: 10px;
    }

    .testimonial-text {
        line-height: 30px;
        font-size: 16px;
        font-weight: 100;
        text-align: justify;
    }

    .blog-card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: white !important;
        background-clip: border-box;
        border: none !important;
        border-radius: .25rem;

    }

    .blog-card:hover {
        cursor: pointer;
    }

    .blog-title {
        /*margin: 0px !important;*/
    }

    #courses {
        padding: 50px 0px 10px 0px;
    }

    #course-card {
        padding-bottom: 50px;
    }

    .course-card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #f9f9f9 !important;
        background-clip: border-box;
        border: none !important;
        border-radius: .25rem;
    }

    #contact-div {
        padding-top: 150px;
    }

    .contact-text {
        font-size: 90px !important;
        font-weight: 800;

    }

    #contact-btn {
        text-decoration: none;
        color: black;
        background-color: white;
        display: inline-block;
        padding: 16px 50px;
        border: 2px solid #fff;
        cursor: pointer;
        letter-spacing: 2px;
        transition: all .5s cubic-bezier(0, 0, .1, 1);
    }

    #contact-btn:hover {
        text-decoration: none;
        color: white;
        background-color: transparent;
        display: inline-block;
        padding: 16px 50px;
        border: 2px solid #fff;
        cursor: pointer;
        transition: all .5s cubic-bezier(0, 0, .1, 1);

    }


    .svg {
        position: relative;
        width: 100%;
        left: 0;
        top: -13px;
        z-index: 2;
        -webkit-transform: rotate(
                180deg);
        transform: rotate(
                180deg);
    }


    .read-more-link {
        float: right;
        position: relative;

    }

    .read-more-link-blog {
        text-decoration: none;
        color: white !important;
        background-color: #222 !important;
        border: 1px solid black;
        /*float: right;*/
        position: relative;
        transition: all .5s cubic-bezier(0, 0, .1, 1);


    }

    .read-more-link-blog:hover {
        text-decoration: none;
        color: #222 !important;
        border: 1px solid black;
        background-color: white !important;
        bottom: 2px;
    }

    .contact-card {
        background-color: #222 !important;
        height: 130px;
    }

    /*Transitions and Animations are all here*/
    .nav-item-contact:hover {
        bottom: 3px;
    }


    .inline-photo {
        position: relative;
        transition: all 4s .25s cubic-bezier(0, 1, .3, 1),
        opacity .3s .25s ease-out;
    }

    .inline-photo.is-visible {
        opacity: 1;

    }


    .overlay {
        position: relative;
        background: #1a1a37 !important;

        /*background: #1a1a37;*/
        /*opacity: .8;*/
    }

    .overlay::before {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background: #1a1a37 !important;
        opacity: .8;
    }


    .activitiesBtn {
        background-color: #0056d2 !important;
        color: white !important;

    }

    .activitiesBtn:hover {
        background-color: white !important;
        color: black !important;
        border: 1px solid #000;
        bottom: 2px;
    }

    .callToAction {
        min-height: 100px;
        background-color: #001c38;
    }

    .callAction {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
    }

    .navbar {
        background: linear-gradient(to right, transparent 47%, #CC9C43 10%);
    }

    @media (max-width: 991px) {
        .navbar {
            background: #141c53 !important;
        }
    }
    .nav-item {
        /*margin: 0 15px;*/
        position: relative;
    }

    .nav-item a:hover {
        text-decoration: none;
    }


    /*@media (max-width: 991px) {*/
    /*  .nav-item:last-child {*/
    /*    margin-bottom: 20px;*/
    /*  }*/
    /*}*/
    /*.nav-item .nav-link {*/
    /*  text-transform: capitalize;*/
    /*  font-weight: 600;*/
    /*}*/
    /*.nav-item::before {*/
    /*    position: absolute;*/
    /*    left: 0;*/
    /*    bottom: 0;*/
    /*    height: 6px;*/
    /*    width: 100%;*/
    /*    content: "";*/
    /*    background: #fff;*/
    /*    -webkit-transform: scaleY(0);*/
    /*    transform: scaleY(0);*/
    /*    -webkit-transform-origin: top;*/
    /*    transform-origin: top;*/
    /*    transition: -webkit-transform .3s ease;*/
    /*    transition: transform .3s ease;*/
    /*    transition: transform .3s ease, -webkit-transform .3s ease;*/
    /*    pointer-events: none;*/
    /*}*/
    .navbar-nav .nav-link {
        color: #fff;
    }

    /*@media (max-width: 1920px) {*/
    /*    .carousel-caption {*/
    /*        padding-bottom: 19.594rem !important;*/
    /*    }*/
    /*}*/
}

/*@media (max-width: 991px) {*/
/*        .carousel-caption {*/
/*            padding-bottom: 5rem !important;*/
/*        }*/

/*}*/
/*.carousel-caption{*/
/*  padding-bottom: 19.594rem !important;*/
/*}*/
.carousel-caption h2 {
    font-size: 50px;
    text-transform: Capitalize;
}

@media (max-width: 991px) {
    .carousel-caption h2 {
        font-size: 35px;
        text-transform: Capitalize;
    }
}

.carousel-icon {
    margin-top: 1.594rem !important;
}

@media (max-width: 1400px) {
    .carousel-caption {
        padding-bottom: 6rem !important;
    }

    .carousel-item {
        height: 70vh !important;
        min-height: 70px !important;
        background: no-repeat center center scroll !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;

    }
    .contact-control {
        margin-top: 4rem !important;
    }
}


@media (max-width: 576px) {
    .contact-control {
        margin-top: 1rem !important;
    }
    /*.carousel-caption {*/
    /*    padding-bottom: 6rem !important;*/
    /*    */
    /*}*/
    .carousel-caption {
            /*padding-bottom: 20rem !important;*/
             bottom: 60px !important;
        }

    .carousel-item img {
        height: 100vh;
        max-height: 100vh;
    }

    .why {
        text-align: center !important;
    }

    .title_award {
        color: #CD9C44;
        margin-top: 0px !important;
        margin-bottom: 20px;
    }

    .for_mobile {
    margin-top: 30px;
    float: right;
}

    .callss, .callActionBtn, .btn-centers {
        text-align: center !important;
    }

    .call_btn {
        position: relative;
        bottom: 50px;
    }

     .form-title {
        text-align: center !important;
         margin-top: 25px !important;
    }

    .form-title:before, .form-title:after {
    position: absolute;
    top: 5.5%;
    overflow: hidden;
    width: 20%;
    height: 1px;
    content: '\a0';
    background-color: #CD9C44;
    }
    .form-title:before {
        margin-left: -21%;
        text-align: right;
    }
    .form-title:after {
        margin-left: 1%;
        text-align: right;
        width: 29% !important;
    }

    .read-more-link {
        float: left;
        position: relative;

    }

    .copyright {
        text-align: center !important;
        margin-left: 5% !important;
    }

    .carousel-caption h2 {
        font-size: 40px !important;
        text-transform: Capitalize;
    }



    .slidesBase {
        object-fit: cover;
        object-position: center center;
        max-height: 700px !important;
        height: 700px !important;

    }



    #management {
        margin-bottom: 30px !important;
    }

    body {
        font-family: var(--body-font);
        color: var(--paragraph-color);
        font-weight: 100;
        overflow-x: hidden !important;
    }

    .design-listss {
    line-height: 30px;
    position: relative;
    left: 10px !important;
}


.design-listss::before {
    position: absolute;
    top: -1px;
    /* Adjust < -number | number+ > */
    left: 18px;
}
ol {
  list-style-type: none;
}

ol .design-listss {
  counter-increment: step-counter;
  position: relative;
  margin: 10px 0 0 0;
}

ol .design-listss::before {
  content: counter(step-counter);
  display: block;
  position: absolute;
  top: -1px;
  /* Adjust < -number | number+ > */
  left: -32px;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  background-color: #CD9C44;
  color: white;
  font-weight: bold;
  font-size: 0.8rem;
  text-align: center;
  border-radius: 15px;
}

.about_images {
    width: 300px !important;
    height: 350px !important;
    max-height: none !important;
    text-align: center;
}

.carousel-item {
        height: 350px !important;
        min-height: 70px !important;
        background: no-repeat center center scroll !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;

    }

.slider_image_award {
    margin-left: 0.3rem !important;
    /*margin-top: 20px !important;*/
}
.btns-member {
    background-color: green !important;
}




}