.title__red-willish{
font-family: "Lemonmilk-Regular";
color: #BD1E2D;
line-height: 48px;
font-size: 40px;
}
.title__above{
color: #B7B7B7;
font-family: "Lobster-regular";
margin-bottom: 10px;
}
.bannerall {
position: relative;
}
.bannerall::after {
content: "";
position: absolute;
background-image: url(https://celebratedeals.in/clients/willmar/wp-content/uploads/2023/04/banner-overlay.png);
width: 50%;
height: 200px;
right: 0;
top: 0px;
background-position: top;
background-size: cover;
}
.bannerall__content {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: flex-end;
grid-gap: 30px;
}
.bannerall__left {
width: 620px;
margin-left: auto;
margin-bottom: 70px;
}
.bannerall__left h1{
font-family: "Lemonmilk-Regular";
color: #BD1E2D; font-size: 78px;
line-height: 82px;
}
.bannerall__left p {
font-family: 'Inter-Semibold';
color: #171717;
}
.bannerall__right img {
max-width: 100%;
}   .established {
background-color: #F8F8F8;
padding-top: 90px;
}
.established__grid {
display: grid; grid-template-columns: 1.2fr 2.7fr;
align-items: center;
grid-gap: 70px;
}
.established__left {
background-image: url(https://celebratedeals.in/clients/willmar/wp-content/uploads/2023/04/2010.png); padding: 70px 0;
text-align: center;
background-size: contain;
background-position: center;
background-repeat: no-repeat; width: 300px;
margin-left: auto;
}
.established__left p{
color: #BD1E2D;
font-family: 'Inter-Medium';
font-size: 27px;
}
.established__right {
display: flex;
gap: 110px;
background-color: #fff;
padding: 40px 80px;
position: relative;
}
.established__right::before {
content: "";
position: absolute;
background-image: url(https://celebratedeals.in/clients/willmar/wp-content/uploads/2023/04/red-bar.png);
left: -1px;
bottom: -21px;
height: 110px;
width: 110px;
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
}
.established__right img {
max-width: 100%;
height: auto !important;
object-fit: contain;
}
.about-shipping {
background-image: url(https://celebratedeals.in/clients/willmar/wp-content/uploads/2023/04/about-willmar-sec-bg.jpg);
padding: 210px 0 0px;
position: relative;
background-repeat: no-repeat;
background-size: cover;
}
.about-shipping::before {
content: "";
background-image: url(https://celebratedeals.in/clients/willmar/wp-content/uploads/2023/04/blend-overlay.png);
width: 100%;
height: 217px;
position: absolute;
top: 0px;
}
.about-shipping__gird {
display: grid;
grid-template-columns: 1fr 1.5fr;
align-items: flex-start;
}
.about-shipping__right {
background-color: #fff;
position: relative; padding: 100px 90px 100px 50px;
}
.about-shipping__right:before {
content: "";
position: absolute;
background-color: #fff;
height: 100%;
width: 60px;
left: -50px;
bottom: 0;
top: 0;
}
.about-shipping__right span {
color: #B7B7B7;
font-family: "Lobster-regular";
margin-bottom: 10px;
}
.about-shipping__right h3 {
font-family: 'Lemonmilk-Regular';
color: #BD1E2D;
margin-bottom: 20px;
}
.who-we {
margin-top: 100px;
}
.who-we img{
width: 100%;
max-width: 100%;
}
.who-we p {
color: #545456;
font-family: 'Inter-Medium';
margin: 20px 0 30px;
}
.home-our-services.wwa-services {
margin: 70px auto 0;
}
.home-our-services.wwa-services p {
color: #BD1E2D;
font-family: 'Inter-Medium';
margin-bottom: 30px;
} .counter {
margin: 150px 0;
}
.counter__main {
background-color: #BD1E2D;
padding: 40px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
justify-content: center;
text-align: center;
}
.counter__main img{
margin: 0 auto;
height: 55px;
width: 55px;
object-fit: contain;
object-position: bottom;
}
.counter__main h4.counter-value {
color: #FFFFFF;
font-family: "DF-Mincho-SU";
font-size: 40px;
margin: 6px 0;
}
.counter__main span {
color: #fff;
font-family: "Inter-semibold";
font-size: 17px;
} .careers-sec-2 {
background-color: #F8F8F8;
padding: 80px 0 75px;
}
.careers-sec-2__main {
background-color: #F1F1F1;
padding: 55px 68px;
width: 80%;
margin: 0 auto;
}
.careers-sec-2__main p {
color: #545456;
font-family: 'Inter-Medium';
}
.hiring {
background-color: #f8f8f8;
}
.hiring__main span.above-title {
color: #171717;
font-family: 'Inter-SemiBold';
background-color: #E8E8E8;
border-radius: 33px;
padding: 18px 65px;
font-size: 18px;
display: inline-block;
margin-bottom: 30px;
}
.hiring__main > p {
color: #171717;
font-family: 'Inter-SemiBold';
margin: 15px 0 30px;
}
.hiring-roles__each {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #B7B7B7;
padding: 25px 0 20px;
}
.hiring-roles__each h4 {
font-family: 'Poppins-Medium';
font-weight: 400;
font-size: 24px;
}
.hiring-roles__each p {
color: #787878;
margin: 10px 0;
}
.hiring-roles__each span {
position: relative;
display: inline-block;
color: #171717;
font-family: 'Inter-SemiBold';
border: 1px solid;
border-radius: 33px; padding: 10px 32px 10px 60px;
}
.hiring-roles__each span::before {
content: "";
position: absolute;
background-image: url(https://celebratedeals.in/clients/willmar/wp-content/uploads/2023/04/clock.png);
height: 23px;
width: 23px;
background-size: contain;
background-repeat: no-repeat;
left: 30px;
top: 12px;
}
.hiring-roles__each a {
background-color: #C21D26; padding: 10px 20px 10px 40px;
color: #fff;
position: relative;
}
.hiring-roles__each a::before {
content: "";
background-image: url(https://celebratedeals.in/clients/willmar/wp-content/uploads/2023/04/checked.png);
position: absolute;
height: 17px;
width: 17px;
background-size: contain;
background-repeat: no-repeat;
left: 17px;
top: 12px;
}
.careers-form {
background-color: #f8f8f8;
padding: 90px 0;
}
.careers-form__grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
align-items: center;
}
.careers-form__grid .left ul.form__ca {
list-style: none;
}
.careers-form__grid .left ul.form__ca > p {
color: #171717;
font-family: 'Inter-SemiBold';
margin-bottom: 20px;
}
.careers-form__grid .left ul.form__ca input{
width: 100%;
background-color: transparent;
border: 0px;
border-bottom: 1px solid #E1E1E1;
padding: 20px 0 20px;
outline: none;
}
.careers-form__grid .left ul.form__ca textarea {
width: 100%;
background-color: transparent;
border: 0px;
border-bottom: 1px solid #E1E1E1;
padding: 20px 0 20px;
resize: none;
height: 80px;
outline: none;
}
.careers-form__grid .left ul.form__ca input::placeholder, .careers-form__grid .left ul.form__ca textarea::placeholder {
font-family: 'Inter-Regular';
color: #B7B7B7;
}
.careers-form__grid .left ul.form__ca li.submit input {
background-color: #C21D26;
color: #fff;
width: fit-content;
padding: 15px 60px;
font-family: 'Inter-Semibold';
margin-top: 20px;
}
ul.form__ca li.file {
border-bottom: 1px solid #E1E1E1;
}
ul.form__ca li.file p {
display: flex;
align-items: center;
}
ul.form__ca li.file p label {
font-family: 'Inter-regular';
font-size: 14px;
background-color: #171717;
color: #B7B7B7;
padding: 3px 15px;
}
ul.form__ca li.file input[type=file] {
margin-left: -100px !important;
border: 0px;
padding-left: 110px;
font-family: 'Inter-regular';
}
ul.form__ca li.file input[type=file]::-webkit-file-upload-button {
display: none;
}
ul.form__ca li.file input[type=file]::file-selector-button {
display: none;
}
.sap-focus {
background-color: #F8F8F8;
padding: 120px 0 60px;
}
.sap-focus span.title__above {
margin-bottom: 10px;
display: inline-block;
}
.sap-focus__gird {
margin: 40px 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
text-align: center;
grid-gap: 0px 30px;
}
.sap-focus__gird img{
width: 100%;
max-width: 100%;
}
.sap-focus__gird h6 {
font-family: 'Inter-Semibold';
font-size: 18px;
margin: 20px 0 40px;
}
.sap-focus__main > p {
color: #787878;
font-family: 'Inter-Regular';
}
.sap-3{
background-color: #F8F8F8;
padding: 60px 0 60px;
}
.sap-3 .sap-3__main {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
align-items: center;
}
.sap-3 .sap-3__main .dark p {
color: #171717;
}
.sap-3 .sap-3__main .light p {
color: #9B9B9B;
}
.sap-4 {
background-color: #F8F8F8;
padding: 60px 0 130px;
}
.sap-4 .sap-4__main {
display: grid;
grid-template-columns: 1fr 1fr;
}
.sap-4 .sap-4__main .right {
background-color: #171717;
padding: 53px;
}
.sap-4 .sap-4__main .right p{
color: #9B9B9B;
}
.bannerall.banner__sap .bannerall__left {
width: 660px;
position: relative;
right: 0px;
}
.careers-form__grid img {
max-width: 100%;
}