body{font-family:dosis;
font-size:17px;}

.welcome-hero {
    position: relative;
    background: url(../images/welcome-hero/banner.jpg)no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-position: center;
    background-size: cover;
    text-align: center;
    height: 554px;
    z-index: 1;
}

.welcome-hero-btn.how-work-btn {
    display: inline-block;
    margin: 0;
    width: 100px;
    height: 35px;
    font-size: 12px;
    background: transparent;
    color: #69458f;
    border: 1px solid #69458f;
    border-radius: 3px;
}
.dropdown-item {
    font-size: 16px;
}

.welcome-hero-btn.how-work-btn {
    display: inline-block;
    margin: 0;
    width: 100%;
    height: 35px;
    font-size: 12px;
    background: transparent;
    color: #69458f;
    border: 1px solid #69458f;
    border-radius: 3px;
}

.single-how-works-icon {

    display: inline-block;
    color: #50616c;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: #eef2f6;
    border-radius: 50%;

}

.single-how-works:hover {

    box-shadow: 0 0px 10px rgba(71, 71, 71, .4);
    background: linear-gradient(135deg, #69458f 0%, #e10e8b 100%);

}

.single-list-topics-content:hover {

   background: #fff;
}


.section-header h2 {
    color: #505866;
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 1.3px;
}

.titre {
    content: '';
    width: 97px;
    height: 7px;
    background: #69458f;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -49px;
    margin-top: 52px;
}

.statistics {
    position: relative;
    display: flex;
    align-items: center;
    background: url(../images/counter/counter-banner.jpg)no-repeat fixed;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: center;
    background-size: cover;
    padding: 127px 0 120px;
}

.cta-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    width: 189px;
    height: 32px;
    background: #e10e8b;
    text-transform: capitalize;
    margin-left: 30px;
    border-radius: 3px;
    transition: 0.3s linear;
    margin-right: 30px;
}


#presentation {
    margin: 0;
    line-height: 2.2;
    text-transform: initial;
    text-align: justify;
    color: #343a3f;
    font-size: 18px;
    font-weight: 500;
}

.fv {
    font-size: 18px;
    color: #e10e8b;
    list-style-type: disc;
}

#newsletter {
    background: #69458f;
    padding-bottom: 4px;
    color: #fff;
    padding-top: 4px;
}

.btn-danger {
    color: #fff;
    background-color: #e10e8b;
    border-color: #e10e8b;
}

.btn-danger:hover {
    color: #fff;
    background-color: #a00d65;
    border-color: #ffffff;
}

.footer-social a .fa .fa-facebook {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: #5252b8;
}

.qn-social-media {
    display: inline;
    float: left;
    width: 100%;
    padding-top: 1px;
}
.qn-social-media a.pinterest {
    background-color: #9f1121;
}
.qn-social-media a.twitter {
    background-color: #76a9ea;
}
.qn-social-media a.facebook {
    background-color: #475993;
}
.qn-social-media a.google-plus {
    background-color: #f34a38;
}
.qn-social-media a.youtube {
    background-color: #f61c0d;
}
.qn-social-media a.linkedin {
    background-color: #0077b7;
}
.qn-social-media a {
    background-color: #3b5998;
    /* border: 1px solid #babcbe; */
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    margin-right: 6px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

#cont {
    padding-bottom: 15px;
}
.form-control {
    font-size: 16px;
}

.titr {
    text-transform: uppercase;
    color: #4d306d;
    font-size: 3rem;
    margin-bottom: 30px;
}

#btn_contact {
    height: 39px;
    margin-top: 12px;
    margin-left: -5px;
    width: 110px;
    padding: 2px 0px 0px 2px;
    display: inline-block;
}

.form-control {
    margin-bottom: 5px;
}
#bt a {
    color: #fff;
}

.single-blog-item-txt h4 {
    font-size: 14px;
    color: #4d306d;
    font-weight: 400;
    margin: 12px 0 20px;
    padding-left: 245px;
}

.single-blog-item:hover h2 a {
    color: #e10e8b;
    font-weight: bold;
}

.list-topics-content {
    position: relative;
    top: 36px;
    z-index: 1;
}

.welcome-hero-btn {
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
color: #fff;
width: auto;
padding: 0 20px;
height: 70px;
background: #e10e8b;
text-transform: none;
margin-left: 30px;
border-radius: 3px;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-ms-transition: 0.3s linear;
-o-transition: 0.3s linear;
transition: 0.3s linear;}

.form-control {display: block;
width: 100%;
height: 40px;}

p {margin-left: 5px;
color: #767f86;
font-size: 16px;
line-height: 1.8;
text-transform: initial;}

.block-4-image{height: 300px;
overflow: hidden;}
.block-4{border: 1px solid #eee;
margin-bottom: 20px;
background: #fff;
padding-bottom: 10px;}
.block-4 h3{font-size: 20px;
margin-bottom: 10px;}
.block-4 h5{font-size: 15px;
color: #69458f;
margin-bottom: 10px;}

.badge {display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #e10e8b;
border-radius: 10px;}

.list-topics-content ul li {
display: inline-block;
margin-left: -6px;}

.single-list-topics-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 205px;
    height: 281px;
    background: #fff;
    border-radius: 3px;
    margin-right: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0px 10px rgba(71,71,71,.2);
    transition: .3s linear;
}
.single-list-topics-content {
    justify-content: normal; 
}

a {
    text-transform: none;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
    text-align: left;
}

#num {
    margin: 0;
    background: #e10e8b;
    padding: 8px;
    border-radius: 35px;
}
#num h1 {
    color: #fff;
    font-family: abel;
    font-size: 20px;
    font-weight: 836;
}
img .rds {
    border-radius: 10px;
}

.single-list-topics-content:hover .single-list-topics-icon [class^="flaticon-"]:before,.single-list-topics-content:hover .single-list-topics-icon [class*=" flaticon-"]:before,.single-list-topics-content:hover .single-list-topics-icon [class^="flaticon-"]:after,.single-list-topics-content:hover .single-list-topics-icon [class*=" flaticon-"]:after {color:#fff;}

.single-list-topics-content:hover h2>a,.single-list-topics-content:hover p{color: #69458f!important;}
.single-list-topics-content:hover{
    color: #fff;
    background:#fff;
    box-shadow: 0 5px 10px rgba(71,71,71,.4);
}

.single-list-topics-content:hover {
    color: #fff;
    background: #fff;
    box-shadow: 0 5px 10px rgba(71, 71, 71, .4);
}

.cat-item {
    font-size: 12px;
    text-align: right;
}
      .cat-menu {
                background-color: #69458f61;
                font-weight: bold;
                padding-bottom: 10px;
                padding-top: 10px;
                border-raduis: 5px;
                paddind-right: 0px;
                padding-left: 0px;
            }