.scrollHireAbout span,
.scrollHireAbout a,
.scrollHireAbout p,
.scrollHireAbout li,
.scrollHireAbout h2 {
font-family: 'Poppins';
font-size: 16px;
text-align: justify;
}
.FooterLink {
font-family: 'Poppins';
font-size: 12px;
font-weight: 600;
color: #999999;
position: relative;
}
.FooterLink::after {
position: absolute;
content: "";
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 15px;
height: 15px;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23aeaeae" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right"%3E%3Cpath d="m9 18 6-6-6-6"/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-size: contain;
opacity: 0;
z-index: 0;
transition: all 0.5s;
color: #aeaeae;
}
.FooterLink:hover {
padding-left: 15px;
}
.FooterLink:hover::after {
opacity: 1;
}
.listUnstyled {
list-style: none;
padding: 0;
}
.FooterStep1 {
position: relative;
z-index: 1;
}
.FooterTitle {
font-size: 18px;
font-family: 'Poppins';
letter-spacing: 0;
font-weight: 700;
color: #c9c9c9;
border-bottom: 1px solid #ffffff26;
padding-bottom: 10px;
width: max-content;
}
.CopyRighttext {
background: black;
padding: 10px;
border-radius: 5px;
margin-top: 25px;
text-align: center;
color: white;
margin: 0;
padding-bottom: 20px;
}
.NewFooter {
background-color: #000;
}
.FooterBottomLink {
border-right: 1px solid #333336;
padding-right: 5px;
margin-right: 5px;
font-family: 'Poppins';
color: #8b8b8b;
font-size: 13px;
font-weight: 400;
}
.BottomFooter {
padding: 20px;
background: #181818;
text-align: center;
}
.footerTopContainer {
background-color: #000;
}
.fot32 {
font-family: 'Poppins';
font-size: 18px;
font-weight: 600;
letter-spacing: 0;
}
.fot34 {
font-family: 'Poppins';
color: #a0070a;
font-size: 18px;
font-weight: 600;
letter-spacing: 0;
}
.fot33 {
font-family: 'Poppins';
font-size: 15px;
font-weight: 400;
letter-spacing: 0;
}
.fot36 {
font-family: 'Poppins', sans-serif;
list-style: none;
padding: 0;
margin: 0;
text-align: start;
}
.fot36 li {
display: flex;
flex-direction: row;
margin-bottom: 10px;
}
.fot36 a {
color: inherit;
text-decoration: none;
display: inline-flex;
align-items: center;
font-size: 14px !important;
font-weight: 500 !important;
}
.fot35 {
font-family: 'Poppins', sans-serif;
font-weight: 500;
list-style: none;
padding: 0;
margin: 0;
text-align: start;
margin-bottom: 4px;
}
.fot35 li {
display: flex;
flex-direction: row;
gap: 20px;
}
@media only screen and (max-width: 600px) {
.fot35 li {
display: flex;
flex-direction: column;
gap: 10px;
}
}
.fot35 a {
color: inherit;
text-decoration: none;
display: inline-flex;
align-items: center;
font-size: 16px !important;
font-weight: 500 !important;
}
.button-19 {
appearance: button;
background-color: #ffa800;
border: solid transparent;
border-width: 0 0 4px;
box-sizing: border-box;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-family: din-round, sans-serif;
font-size: 15px;
font-weight: 500;
letter-spacing: .8px;
line-height: 20px;
margin: 0;
outline: none;
overflow: visible;
text-align: center;
touch-action: manipulation;
transform: translateZ(0);
transition: filter .2s;
user-select: none;
-webkit-user-select: none;
}
.button-19:after {
background-clip: padding-box;
background-color: #ffa800;
border: solid transparent;
border-width: 0 0 4px;
bottom: -4px;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.button-19,
.button-19:focus {
user-select: auto;
}
.button-19:hover:not(:disabled) {
filter: brightness(1.1);
-webkit-filter: brightness(1.1);
}
.button-19:disabled {
cursor: auto;
}
.button-19:active {
border-width: 4px 0 0;
background: none;
}
/* CSS */
.button-39 {
display: flex;
align-items: center;
/* Align SVG and text */
justify-content: center;
background-color: #FFFFFF;
border: 1px solid rgb(209, 213, 219);
border-radius: 0.5rem;
box-sizing: border-box;
color: #111827;
font-family: 'Poppins', sans-serif;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.25rem;
padding: 0.75rem 1rem;
text-align: center;
text-decoration: none;
text-decoration-thickness: auto;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
cursor: pointer;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
gap: 0.5rem;
}
.button-39:hover {
background-color: rgb(251, 249, 249);
color: #a0070a;
}
.button-39:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.button-39:focus-visible {
box-shadow: none;
}
.btnmrng {
margin-top: 28px;
display: flex;
/* Enable flexbox for spacing */
flex-wrap: wrap;
/* Allow buttons to wrap if needed */
gap: 1rem;
/* Space between buttons */
}
.sclic {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
display: flex;
gap: 10px;
}
.sclic li {
margin-bottom: 10px;
gap: 20px;
}
.sclic .title {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
display: block;
}
.sclic a {
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
font-size: 16px;
}
.sclic a i {
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
width: 35px;
height: 35px;
border: 1px solid #ccc;
border-radius: 50%;
color: #333;
transition: all 0.3s ease;
}
.sclic a:hover i {
transform: scale(1.1);
/* Add a hover effect for the icon */
transition: transform 0.3s ease;
}
.sclic a:hover .text {
color: #007bff;
/* Change text color on hover */
}