body {
font-family: "niveau-grotesk", sans-serif;
}
a {
text-decoration: none;
}
.z-index-1 {
z-index: 1;
}
.text-color1 {
color: #212346;
}
.text-color2 {
color: #F4BD36;
}
.text-color3 {
color: #D94763;
}
.text-color4 {
color: #5AB9BA;
}
.bg-cover {
background-size: cover;
background-position: center;
}
.bg-color1 {
background-color: #212346;
}
.bg-color3 {
background-color: #F4BD36;
}
.bg-color2 {
background-color: #5AB9BA;
}
.vertical-line {
width: 1px;
height: 160px;
background-color: #5AB9BA;
}
.btn1,
.wpcf7-form input[type='submit'] {
padding: 16px 30px;
color: #ffffff;
display: inline-block;
transition: 0.5s;
text-align: center;
letter-spacing: 1px;
font-size: 16px;
border: 0;
background-color: #5AB9BA;
}
.wpcf7-form input[type='submit']:hover,
.btn1:hover {
background-color: rgba(90, 184, 186, 0.5);
}
.btn2,
#menu-main-menu > li:last-child > a {
padding: 16px 30px;
color: #ffffff;
display: inline-block;
transition: 0.5s;
text-align: center;
letter-spacing: 1px;
font-size: 16px;
border: 0;
background-color: #D94763;
}
.btn2:hover,
#menu-main-menu > li:last-child > a:hover {
background-color: rgb(217 71 99 / 50%);
}
#header {
padding: 38px 70px;
z-index: 99;
transition: 0.5s;
border-bottom: 20px solid #F4BD36;
background-image: url(//paramountoutsourcing.co.uk/wp-content/uploads/2025/04/inner-banner.jpg);
background-position: center;
background-size: cover;
}
#header.fixed {
padding: 15px 70px;
}
.page-template-index #header {
background: none;
border: 0;
}
.page-template-index #header.fixed {
background: rgb(33 35 70 / 90%);
}
.page-template-index #header.with-bg {
border-bottom: 20px solid #212346;
background-image: url(//paramountoutsourcing.co.uk/wp-content/uploads/2025/04/inner-banner.jpg);
background-position: center;
background-size: cover;
}
#logo img {
width: 350px;
height: auto;
}
#menu-main-menu {
padding: 0;
margin: 0;
}
#menu-main-menu > li {
flex: 0 0 auto;
width: auto;
text-align: center;
margin-top: auto;
margin-bottom: auto;
margin-left: 40px;
list-style: none;
padding: 0;
position: relative;
}
#menu-main-menu > li:before {
position: absolute;
height: 3px;
width: 0;
bottom: -10px;
right: 0;
background: #5AB9BA;
content: "";
display: block;
transition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
}
#menu-main-menu > li:hover:before {
left: 0;
right: auto;
width: 100%;
}
#menu-main-menu > li:first-child {
margin-left: 0;
}
#menu-main-menu > li:last-child::before {
display: none;
}
#menu-main-menu > li > a {
color: #ffffff;
font-size: 12px;
text-transform: uppercase;
transition: 0.5s;
font-weight: bold;
letter-spacing: 1px;
}
#menu-main-menu > li.current-menu-item a {
color: #5AB9BA;
}
#mobile-menu ul.menu {
padding: 0;
margin: 0;
}
#mobile-menu ul.menu > li {
list-style: none;
margin-bottom: 20px;
}
#mobile-menu ul.menu > li a {
color: #ffffff;
text-transform: uppercase;
}
#home-banner {
border-bottom: 20px solid #F4BD36;
}
#home-banner::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(19 20 40 / 70%);
}
.items .item {
color: #ffffff;
min-height: 490px;
border-radius: 0 3rem 3rem
}
.items .item h2 {
color: #F4BD36;
}
.items .item:hover h2 {
color: #ffffff;
}
.items .item::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
transition: 0.4s;
opacity: 0.5;
}
.items .item:hover::after {
opacity: 1;
background-color: rgba(90, 184, 186, 0.7);
}
.items .item i {
transition: 0.4s;
}
.items .item:hover i {
background-color: #D94763;
}
.items .item .content {
opacity: 0;
position: relative;
top: 15px;
transition: 0.4s;
}
.items .item:hover .content {
top: 0;
opacity: 1;
}
.items .item img {
filter: brightness(0) invert(1);
}
.items .content ul {
padding-left: 30px;
margin-bottom: 20px;
}
.items .content ul li {
list-style: none;
position: relative;
margin-bottom: 10px;
}
.items .content ul li::before {
content: "\F272";
font-family: 'bootstrap-icons';
color: #5AB9BA;
top: 2px;
position: absolute;
left: -28px;
}
#page-layout .item {
min-height: 490px;
border-radius: 0 3rem 3rem;
}
#page-layout .item .bg-cover::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
transition: 0.4s;
opacity: 0.5;
}
#page-layout .item:hover .bg-cover::after {
opacity: 1;
background-color: rgba(90, 184, 186, 0.7);
}
#page-layout .item i {
transition: 0.4s;
}
#page-layout .item:hover i {
background-color: #D94763;
}
#page-layout .item ul {
padding: 0;
margin: 0;
}
#page-layout .item li {
list-style: none;
margin-bottom: 20px;
}
#page-layout .item .content {
opacity: 0;
position: relative;
top: 15px;
transition: 0.4s;
}
#page-layout .item .content-wrap {
position: absolute;
}
#page-layout .item:hover .content {
top: 0;
opacity: 1;
}
#wpcf7-f54-p2-o1 {
margin-top: 80px;
}
.wpcf7-form input[type='text'],
.wpcf7-form input[type='email'] {
border: 0;
border-bottom: 1px solid rgb(90 185 186 / 50%);
width: 100%;
height: 56px;
padding: 0;
outline: 0;
background: none;
color: #5AB9BA;
}
.wpcf7-form input[type='text']::placeholder,
.wpcf7-form input[type='email']::placeholder,
.wpcf7-form textarea::placeholder {
color: #5AB9BA;
}
.wpcf7-form input[type='text']:focus,
.wpcf7-form input[type='email']:focus,
.wpcf7-form textarea:focus {
border-color: #5AB9BA;
}
.wpcf7-form textarea {
border: 0;
border-bottom: 1px solid rgb(90 185 186 / 50%);
width: 100%;
height: 56px;
padding: 12px 0 0;
outline: 0;
background: none;
color: #5AB9BA;
}
.wpcf7-spinner {
margin: 20px auto 0;
display: block;
}
.wpcf7 form .wpcf7-response-output {
border: 1px solid;
padding: 20px;
text-align: center;
}
.wpcf7-form input[type='submit']:before {
content: "\f000";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit; color: #000;
font-size: 18px;
padding-right: 0.5em;
position: absolute;
top: 10px;
left: 0;
}
.page-content h2 {
font-size: 37px;
color: #5AB9BA;
position: relative;
margin-bottom: 40px;
padding-bottom: 40px;
}
.page-content h2::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
background-color: #b9bac0;
width: 85px;
height: 1px;
}
#contact-us-form {
margin-top: 200px;
}
#footer .custom-logo {
width: 300px;
height: auto;
}
.footer-menu {
padding: 0;
margin: 0;
}
.footer-menu li a {
color: #ffffff;
}
.footer-menu li {
list-style: none;
margin-bottom: 6px;
}
.wpcf7-response-output {
color: #fff;
padding: 10px !important;
margin: 0 !important;
}
.wpcf7-spinner {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: 0;
}
.wpcf7-form input[type='submit'] {
width: 100%;
}