html{
overflow-x: hidden!important;
overflow-y: auto;
width: 100vw;
}
/* Apply Open Sans for body text */
body {
font-family: 'Poppins', sans-serif;
font-weight: 400; /* Normal weight for body text */
line-height: 1.9; /* Improve readability */
text-wrap: pretty!important;
overflow-x: hidden!important;
padding-right: 0!important;
}
/* Apply Rubik for headings */
h1, h2, h3, h4, h5, h6 {
font-family: 'Rubik', sans-serif;
font-weight: 700; /* Bold weight for headings */
}
/* Optional: Styling for important elements */
strong, b {
font-weight: 600; /* Semi-bold weight for emphasis */
}
/* Links and buttons styling */
a, button {
font-family: 'Open Sans', sans-serif;
font-weight: 600; /* Slightly bold for emphasis */
}
/*minimum height*/
.min-vh-10 {
min-height: 10vh !important;
}
.min-vh-20 {
min-height: 20vh !important;
}
.min-vh-30 {
min-height: 30vh !important;
}
/* Sticky navbar on large screens */
@media (min-width: 992px) {
.navbar.fixed-lg-top {
position: fixed;
top: 0;
width: 100%;
z-index: 1030;
}
}
.highlight{
color:white;
line-height: 1.5;
background-color: #f26430;
padding:0 10px 0 10px;
}
/* Dropdown on hover for large screens */
@media (min-width: 992px) {
.navbar .dropdown:hover .dropdown-menu {
display: block;
}
.navbar .dropdown-toggle::after {
transform: rotate(0deg);
}
.mt-72px{
/*    margin-top: 72px;*/
margin-top: 4em;
}
}
.navbar .dropdown-item:active {
color: var(--bs-dropdown-link-active-color);
text-decoration: none;
background-color: #0f2d4e!important;
}
.navbar .nav-link:hover, .nav-link:focus {
color: rgb(240 101 49);
}
/*offcanvas*/
/* Hide scrollbar */
.no-scroll {
overflow: hidden;
}
/* Full viewport height for offcanvas */
.offcanvas-top {
height: 100vh; /* Full viewport height */
top: 0; /* Position at the top */
z-index: 1050; /* Ensure it appears above all other content */
}
.offcanvas-body {
overflow-y: visible;
}
/*        services*/
.section-header {
margin-top: 2rem;
margin-bottom: 2rem;
font-size: 1.5rem;
font-weight: bold;
text-align: left;
border-bottom: 2px solid #ddd;
padding-bottom: 1rem;
}
.service-list-item {
margin-bottom: 1.5rem;
}
.service-title {
font-weight: bold;
font-size: 1.25rem;
}
/* Style back to top button */
#backToTopBtn {
display: none; /* Hidden by default */
position: fixed; /* Fixed/sticky position */
bottom: 70px; /* Place the button 20px from the bottom */
right: 30px; /* Place the button 30px from the right */
z-index: 99; /* Ensure it's above other content */
border: none; /* Remove borders */
outline: none; /* Remove outline */
padding: 5px 10px; /* Some padding */
border-radius: 5px; /* Rounded corners */
}
/*whatsapp Button*/
.whatsapp-button {
  position: fixed;
  bottom: 10px; /* Adjust this to change vertical position */
  right: 30px; /* Adjust this to change horizontal position */
  z-index: 1000;
  border-radius: 5px; /* Rounded corners */
  padding: 5px 11px; /* Some padding */
}


/*Footer*/
.footer-links-list ul { padding-left:0 }
.footer-links-list ul li {margin-bottom:15px; list-style-type:none;padding-left:0 }
.footer-links-list a {text-decoration:none; color:var(--bs-body-color);}



/*New*/

.service-card {
   transition: all 0.3s ease;
   border: 1px solid rgba(13, 59, 102, 0.1);
   position: relative;
   z-index: 1;
}

.service-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 20px 40px rgba(13, 59, 102, 0.1);
   border-color: rgba(255, 90, 31, 0.3);
}

.service-hover-bg {
   position: absolute;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100%;
   background: linear-gradient(135deg, rgba(13, 59, 102, 0.05) 0%, rgba(255, 90, 31, 0.05) 100%);
   transition: left 0.5s ease;
   z-index: -1;
}

.service-hover-bg-light {
   position: absolute;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100%;
   background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
   transition: left 0.5s ease;
   z-index: -1;
}

.service-card:hover .service-hover-bg,
.service-card:hover .service-hover-bg-light {
   left: 0;
}

.hover-giants-orange:hover {
   color: #FF5A1F !important;
}

.hover-light:hover {
   color: rgba(255, 255, 255, 0.8) !important;
}

.icon-wrapper {
   transition: transform 0.3s ease;
}

.service-card:hover .icon-wrapper {
   transform: scale(1.1);
}

.bg-giants-orange {
   background-color: #FF5A1F !important;
}

.text-giants-orange {
   color: #FF5A1F !important;
}

.bg-prussian-blue {
   background-color: #0D3B66 !important;
}

.btn-giants-orange {
   background-color: #FF5A1F;
   border-color: #FF5A1F;
   color: white;
}

.btn-giants-orange:hover {
   background-color: #e04a1a;
   border-color: #e04a1a;
   color: white;
}