body {
        background: white;
        font-family: 'Calibri';
        font-weight: 300;
    }
    .main {
        background-color: white ;
        background-size: contain;
        padding: 80px 20px 20px;
        margin-top: 120px;
    }
    @media only screen and (max-width : 992px) {
        .main {
            background: white;
            margin-top: 30px;
        }
    }
    svg{
        vertical-align : middle;
    }

    h1 {
        font-weight: 300;
        color: #555;
        margin-bottom: 0;
    }
    h2 {
        font-weight: 300;
        color: #999;
        font-size: 18px;
        margin-top: 5px;
    }
    form {
        margin-top: 30px;
    }
    input.form-control , input[type="submit"] , .btn {
        border-radius: 0px;
    }
    .btn {
        transition: all ease-in-out 0.2s;
    }
    .credits {
        margin-top: 100px;
        color: #999;
        font-size: 12px;
    }
    .credits a {
        color: inherit;
    }
 
    
    .form-check{
        position: relative;
        display: inline;
        margin-right:0.5rem;
    }
   
    
 
.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: #e6e9ed;
    color: white;
}
.breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top
}
.breadcrumb-arrow li:not(:first-child) {
    margin-left: -5px
}
.breadcrumb-arrow li+li:before {
    padding: 0;
    content: ""
}
.breadcrumb-arrow li span {
    padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
    height: 36px;
    padding: 0 10px 0 25px;
    line-height: 36px
}
.breadcrumb-arrow li:first-child a {
    padding: 0 10px
}
.breadcrumb-arrow li a {
    position: relative;
    color: #fff;
    text-decoration: none;
    background-color: #3bafda;
    border: 1px solid #3bafda
}
.breadcrumb-arrow li:first-child a {
    padding-left: 10px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent
}
.breadcrumb-arrow li a:before {
    right: -10px;
    z-index: 3;
    border-left-color: #3bafda;
    border-left-style: solid;
    border-left-width: 11px
}
.breadcrumb-arrow li a:after {
    right: -11px;
    z-index: 2;
    border-left: 11px solid #2494be
}
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
    background-color: #4fc1e9;
    border: 1px solid #4fc1e9
}
.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
    border-left-color: #4fc1e9
}
.breadcrumb-arrow li a:active {
    background-color: #2494be;
    border: 1px solid #2494be
}
.breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before {
    border-left-color: #2494be
}
.breadcrumb-arrow li span {
    color: #434a54
}




    .nav-link{font-size:1.1rem;}

    .nav .nav-item .nav-link{
        fill : #ffffff;
        color : #ffffff;
    }

    .nav .nav-item  .active {
        background-color: #96bd0f !important;
        color : white;
        fill: white;
    }

    .nav .nav-item .nav-link:hover {
        background-color : #cbde87 !important;
        color : white ;
        fill: white;
    }