/** {*/
/*    outline: 1px solid #f00 !important;*/
/*}*/

/*:root {*/
/*    --primary-color: #4F8A8B;*/
/*    --dark-bg-color: #222831;*/
/*    --secondary-color: #FFDE25;*/
/*    --light-color: #e3e7e3;*/
/*}*/
/*:root {*/
/*    --primary-color: #1989AC;*/
/*    --dark-bg-color: #283E56;*/
/*    --secondary-color: #e7bd54;*/
/*    --light-color: #E8E2DB;*/
/*}*/
:root {
    --primary-color: #5488E7 ;
    --dark-bg-color: #040000;
    --dark-bg-color-opaque: rgb(52,52,52,.8);
    /*--secondary-color: #E6B31E;*/
    --dark-secondary-color: #283E56;
    --secondary-color: #e7bd54;
    --light-color: rgba(70, 70, 70, 0.14);
    --gray-bg:  #e6e6e6;
}

/*.bi-linkedin, .bi-facebook, .bi-envelope-fill, .bi-telephone-fill {*/
/*    color: var(--primary-color) !important;*/
/*}*/

.small-nav .bi-linkedin, .small-nav .bi-facebook, .small-nav .bi-envelope-fill, .small-nav .bi-telephone-fill {
    color: #ffffff !important;
}

a.gradient-link {
    background: linear-gradient(to left, var(--primary-color), var(--primary-color) 50%, #DFBF68 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease;
}

a.gradient-link:hover {
    background-position: 0 100%;
}

.navbar a {
    background: linear-gradient(to left, #fff, #fff 50%, #DFBF68 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease;

}

.navbar .nav-link {
    font-family: 'Syne', sans-serif;
}

.navbar a:hover {
    background-position: 0 100%;
}

@media (min-width: 1500px) {
    .navbar-nav{

    }
}

.bg-grey {
    /*background-color: var(--light-color) !important;*/
    background-color: var(--gray-bg);
    /*background: linear-gradient(to right, #fefefe, #bcbcbc);*/
}



body {
    overflow-x: hidden;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    background-color: white !important;
    color: var(--dark-bg-color);
}

.border {
    border-radius: 10px !important;
}

.navbar-dark, .footer-dark, .bg-dark {
    background-color: var(--dark-bg-color) !important;
}

.section-icon-container {
    border-radius: 100%;
    width: 9.5rem;
    min-height: 9.5rem;
    background-color: var(--light-color);
}

.section-icon {


}

h1, h2, h3, h4 {
    background: linear-gradient(to right,  #DFBF68 0%, #A27927 40%,  #DFBF68 60%, #A27927 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h1, h2, h3, h4, h5 {
    font-weight: 700;
    font-family: 'Syne', sans-serif;
    padding-bottom: .75rem;
    margin-top: 0 !important;
    margin-bottom: 2rem !important;
    text-align: center;
}

h5 {
    color: var(--secondary-color);
}

.text-primary {
    color: var(--primary-color) !important;
    text-decoration-color: var(--primary-color);
}

.text-secondary {
    color: var(--secondary-color) !important;
    text-decoration-color: var(--secondary-color);
}

.text-bold {
    font-weight: 700;
}
/*.btn-primary {*/
/*    background-color: var(--primary-color);*/
/*    transition: border-color 0.5s, background-color 0.5s, color 0.5s*/
/*}*/

/*.btn-secondary {*/
/*    background-color: var(--secondary-color);*/
/*    border-color: #fff;*/
/*    color: var(--dark-bg-color) !important;*/
/*}*/


/*.btn-secondary:hover {*/
/*    background-position: 100% 0;*/
/*    moz-transition: all .4s ease-in-out;*/
/*    -o-transition: all .4s ease-in-out;*/
/*    -webkit-transition: all .4s ease-in-out;*/
/*    transition: all .4s ease-in-out;*/
/*}*/

.man-icon, .team-icon, .world-icon {
    border-radius: 100px;
}

.bg-dark-secondary {
    background-color: var(--dark-secondary-color);
}

.bg-dark-opaque {
    background-color: var(--dark-bg-color-opaque);
}

.opacity-100 {
    opacity: 1 !important;
}
.opacity-75 {
    opacity: .75 ;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
    font-size: 1.2rem;
    padding-right: 1rem;
    font-weight: 600;
}
@media (max-width: 1500px) {
    .navbar-dark .navbar-nav .nav-link {
        font-size: 1rem !important;
        padding-right: 0.9rem !important;
    }
}
@media (min-width: 1500px) {
    .navbar-dark .navbar-nav .nav-link {
        font-size: 1rem !important;
        padding-right: 0.7rem !important;
    }
}

@media (min-width: 1744px) {
    .navbar-dark .navbar-nav .nav-link {
        font-size: 1.2rem !important;
        padding-right: 0.8rem !important;
    }
}

@media (min-width: 1200px) {
    .navbar-dark .navbar-nav .nav-link {
        font-size: 1.2rem;
        padding-right: 2rem;

    }
}
@media (min-width: 1400px) {
    .navbar-dark .navbar-nav .nav-link {
        font-size: 1.3rem;
        padding-right: 4rem;
    }
    .navbar-brand img{
        max-width: 50%;
    }
}

.btn-secondary, .btn-primary {
    background: linear-gradient(to right,  #DFBF68, #A27927,#DFBF68, #A27927);
    border-color: white;
    color:white !important;
    font-size: 1.1em;
    background-size: 300% 100%;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-primary:hover, .btn-secondary:hover {

    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.apply-button .btn-secondary {
    background: var(--primary-color);
}

.apply-button .btn-primary {
    background: var(--secondary-color);
}

hr.rr-divider {
    border: none;
    border-top: 3px var(--dark-bg-color-opaque) !important;
    color: var(--dark-bg-color-opaque) !important;
    overflow: visible;
    text-align: center;
    height: 2px;
    width: 80%;
    margin: 5rem auto !important ;
}

hr.rr-divider:after {
    background: #fff;
    content: '  RR  ';
    padding: 1rem 1rem;
    font-family: 'Playfair Display', serif !important;
    font-weight: 800;
    font-style: italic;
    font-size: 1.5rem;
    position: relative;
    top: -1.1rem;
}

hr.rr-divider-dark:after {
    background: var(--gray-bg);
}


.rr-img {
    box-shadow: 0 10px 6px -6px #777;
    border-radius:.25rem !important;
}

.about-us-page .fa-briefcase, .about-us-page .fa-truck, .about-us-page .fa-user,.about-us-page .fa-users,.about-us-page .fa-globe,.about-us-page .fa-wrench,.about-us-page .fa-bullhorn,
#sectors .fa-briefcase, #sectors .fa-truck, #sectors .fa-user,#sectors .fa-users,#sectors .fa-globe,#sectors .fa-wrench,#sectors .fa-bullhorn {
    border-radius: 100%;
    width: 6rem;
    min-height: 6rem;
    margin: 0 auto;
    background-color: var(--light-color);
    color: var(--dark-bg-color-opaque);
}

.about-us-page .fa-check-circle,.about-us-page .fa-eye,.about-us-page .fa-heart,.about-us-page .fa-book,
#sectors .fa-check-circle,#sectors .fa-eye,#sectors .fa-heart,#sectors .fa-book
{
    border-radius: 100%;
    width: 6rem;
    min-height: 6rem;
    margin: 0 auto;
    background-color: var(--light-color);
    color: var(--secondary-color);
}

.about-us-page  .about-icons ,
#sectors  .about-icons {
    border-radius: 100%;
    width: 3rem;
    min-height: 3rem;
    margin: 0 auto;
    background-color: var(--light-color);
    color: var(--secondary-color);
}

.rr-list {
    list-style: circle;
}