:root {
            --font-family-primary: Open Sans Regular, sans-serif;
            --font-family-secondary: 'Dosis', sans-serif;
            --color-gray: #78909C;
            --color-primary:#E0A00E;
        }
body{
    font-family: var(--font-family-primary);
}

.navbar {
    text-align: center;
    font-family: var(--font-family-primary);
    transition: background-color 0.3s ease; /* Smooth transition for background color change */
    line-height: 18px;

            
 }
.navbar-dark .navbar-divider{
    background-color:#fff;
}
.navbar-dark .nav-link{
    color:#fff !important;
}
.navbar.scrolled {
    background:linear-gradient(to right, #fff, #fff);
   
}
.navbar-mobile{
    width: auto;
}
.navbar-divider{
    opacity: 1;
}
.navbar-dark.scrolled .nav-link{
     color: var(--color-gray) !important;
}
.navbar-brand img {
        max-height: 50px; /* Adjust logo size if needed */
    }
    .navbar-nav .nav-link {
        margin-right: 15px; /* Adjust space between links if needed */
    }
 .navbar-nav {
    display: inline-block;
    float: none;
    text-align: center;
}
.nav-item {
    display: inline-block;
}
.navbar.bg-white .nav-link,.navbar.scrolled .nav-link,.navbar.bg-white .navbar-toggler{
    color: rgba(120, 144, 156, 1) !important;
}
.bg-white .nav-link.active, .navbar.scrolled .nav-link.active{
    color:black !important;
}
.navbar .nav-link.active{
    color:white;
}
.navbar-brand img {
            height: 100%;
            max-height: 100%;
            width: auto;
}
.navbar-brand {
    display: flex;
    align-items: center;
    padding-right: 10px; 
}


.navbar-wrapper{
	justify-content: space-between;
}

.jumbotron h4{
	font-family: var(--font-family-secondary);
	color: #fff;
	margin-top: -10px;
}

.jumbotron h1{
	font-family: var(--font-family-secondary);
	color: black;
	margin-top: -10px;
}

.jumbotron.product h1{
    color:white;
}

.jumbotron .nav-link{
    color: rgba(255, 255, 255, 0.6);
}
.jumbotron p{
	font-family: var(--font-family-primary);
	color: #fff;
}
.jumbotron{
	padding-top: 15vw; /* 10% of the viewport width for top padding */
    padding-bottom: 15vw;
}
.container.services p,.container.about p{
    color: var(--color-gray);
}
.container.services h4{
    font-family: var(--font-family-secondary);
}
.container.works, .container.clients{
    background-color:#FAFBFB;
    padding-top: 15vh;
    padding-bottom:15vh;
    text-align: center;
    color: var(--color-gray);
}
.container.works img{
    box-shadow: 0px 2px 10px 0px #00000026;
    gap: 0px;
    border-radius: 8px 0px 0px 0px;
    opacity: 0px;
    width: 100%;

}
.container.works h4,.jumbotron.works-getstarted h4,.container.clients h4,.container.provider h4,.container.about h4{
    font-family: var(--font-family-secondary);
    color: #000;
    margin-bottom: 2vh;
    font-size:32px;
}

.container.works a{
    color:var(--color-gray);
    text-align: center;
    font-size: 18px;
}

.jumbotron.works-getstarted{
    background: linear-gradient(332.09deg, #E6EEF6 0%, rgba(230, 238, 246, 0) 100%);
     padding-top: 25vh;
    padding-bottom:25vh;
    text-align: center;
}
.works-getstarted p{
    color:var(--color-gray);
    font-family: var(--font-family-primary);
    text-align: center;
}
.btn{
    padding: 14px 27px 14px 27px;
    gap: 10px;
    border-radius: 100px;
    opacity: 0px;
    letter-spacing: 0.1em;
    background: rgba(0, 89, 164, 1);
    color:white;


}
.btn-box{
    border-radius: 4px;
    font-family: var(--font-family-primary);
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.1em;

}

.btn-nav{
    padding: 5px 12px 5px 12px;
    border-radius: 100px;
    font-family: var(--font-family-primary);
    font-size: 10px;
    font-weight: 700;
    line-height: 13.62px;
    letter-spacing: 0.1em;
    text-align: center;

}
.scrolled .btn-secondary.btn-nav, .bg-white .btn-secondary.btn-nav{
    border: 1px solid rgba(120, 144, 156, 0.3);
    color: rgba(120, 144, 156, 0.8);
}
.btn-primary:hover{
    animation-timing-function: ease-out;
    animation-duration: 300ms;
    background-color: #FFC542;
}
.btn-primary{
    background-color: var(--color-primary);
    color: #fff;
    border:unset;
}
.btn-secondary{
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: unset;
}
.btn-talk{
    color:var(--color-primary);
    background:white;
}
.img-fluid.top-header{
    padding-top: 5vh;
    padding-bottom: 5vh;
}
.data p{
    color: var(--color-gray);
}
.img-fluid.client-logo{
    padding: 1rem;
    filter: grayscale(100%);
}
.img-fluid.client-logo:hover{
    filter: grayscale(0%);
}
.jumbotron.business{
    background: linear-gradient(119.96deg, #E0A00E 18.28%, #E0A00E 18.29%, #F2D467 81.72%);
    text-align: center;
}
.social-links img{
    width: 1vw;
}
.container.blogs:hover{
    box-shadow: 0px 2px 30px 0px #00000026;

}
footer{
   margin-top: 1em;
    margin-bottom: 1em;
}
.us{
    position: relative;
            background:  linear-gradient(125.08deg, rgba(0, 89, 164, 0.7) 8.27%, rgba(25, 188, 238, 0.7) 83.54%), url('resources/team.png') no-repeat center center;
            background-size: cover;
            color: white;
}

.us .navbar, .product .navbar{
    background: unset;
}

.content-card {
            z-index: 999;
            display: inline-block; /* Adjust card width to fit its content */
            padding: 20px; /* Add padding to the card */
            background-color: white; /* White background */
            color: #ccc;
             width: fit-content;
}
.content-card p{
    color: #ccc;
}

.center-container {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
.bg-white{
    background: white !important;
}
.product{
    position: relative;
            background:  linear-gradient(125.08deg, rgba(4, 22, 78, 0.85) 8.27%, rgba(4, 22, 78, 0.85) 83.54%), url('resources/product.png') no-repeat center center;
            background-size: cover;
            color: white;
    height: 100vh;
}
.list-inline li::before {
            content: '\2022'; /* Unicode for bullet */
            color: #28a745; /* Bullet color */
            font-weight: bold; /* Make bullet bold */
            display: inline-block; 
            width: 1em; /* Space between bullet and text */
            margin-left: -1em; /* Adjust position of bullet */
}
.modal-header,.modal-footer{
    border-bottom:unset;
    border-top:unset;
}
.modal-header{
    font-family:var(--font-family-secondary);
}
 .modal {
            z-index: 1060; /* Higher than the default */
 }
        .modal-backdrop {
            z-index: 1050; /* Slightly lower than the modal */
        }  
.modal-quote{
    max-width:850px;
}
.text-mini{
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 700;
    line-height: 16.34px;
    letter-spacing: 0.02em;
    color: var(--color-gray);

}

.icon{
    margin-top: -35px;
}