* {
box-sizing: border-box;
}
html {
scroll-padding-top: 60px;
}
html, body {
margin:0;
padding: 0;
scroll-behavior: smooth;
}
body {
font-family: 'Inter-Regular';
font-size: 20px;
color: #000;
overflow-x: hidden;
}
a:focus,
button:focus {
outline: none;
}
a {
text-decoration: none;
color: #000;
font-size: 15px;
}
p {
color: #000;
font-size: 18px;
margin: 0;
line-height: 26px;
}
ul {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
color: #000;
margin: 0;
}
h1 {
font-size: 40px;
}
h2 {
font-size: 38px;
}
h3 {
font-size: 36px;
}
h4 {
font-size: 25px;
}
img {
display: block;
height: auto;
}
::selection {
background: #c31e2a;
color: #fff;
} .reset {
font-size: 0;
list-style-type: none;
padding: 0;
}
.clear {
clear: both;
}
.container {
width: 1260px;
max-width: 96%;
margin: 0 auto;
}
.container-x {
width: 1260px;
max-width: 96%;
margin: 0 auto;
}
.widget,
.widget ul {
padding: 0;
margin: 0;
list-style: none;
}  ::-webkit-scrollbar {
width: 10px;
} ::-webkit-scrollbar-button {
background: #333;
} ::-webkit-scrollbar-thumb {
background: #c31e2a;
} ::-webkit-scrollbar-thumb:hover {
background: #666;
} ::-webkit-scrollbar-track {
background: #fff;
} ::-webkit-scrollbar-corner {
background: #fff;
} ::-webkit-resizer {
background: #fff;
} @font-face {
font-family: "volte-regular";
src: url(https://www.willmar.in/wp-content/themes/custom-theme/fonts/Volte-Regular.ttf) format("truetype");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Williesh-regular";
src: url(https://www.willmar.in/wp-content/themes/custom-theme/fonts/Williesh.ttf) format("truetype");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Lobster-regular";
src: url(https://www.willmar.in/wp-content/themes/custom-theme/fonts/Lobster-Regular.ttf) format("truetype");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Inter-Regular";
src: url(https://www.willmar.in/wp-content/themes/custom-theme/fonts/Inter-Regular.ttf) format("truetype");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Inter-SemiBold";
src: url(https://www.willmar.in/wp-content/themes/custom-theme/fonts/Inter-SemiBold.ttf) format("truetype");
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: "Inter-Bold";
src: url(https://www.willmar.in/wp-content/themes/custom-theme/fonts/Inter-Bold.ttf) format("truetype");
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: "Inter-Medium";
src: url(https://www.willmar.in/wp-content/themes/custom-theme/fonts/Inter-Medium.ttf) format("truetype");
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "Poppins-Medium";
src: url(https://www.willmar.in/wp-content/themes/custom-theme/fonts/Poppins-Medium.ttf) format("truetype");
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "DF-Mincho-SU";
src: url(https://www.willmar.in/wp-content/themes/custom-theme/fonts/DF-Mincho-SU.ttf) format("truetype");
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "Lemonmilk-Regular";
src: url(https://www.willmar.in/wp-content/themes/custom-theme/fonts/Lemonmilk-Regular.otf) format("opentype");
font-weight: 400;
font-display: swap;
} .fixed {
position: fixed !important;
top: 0;
left: 0;
right: 0;
animation: smoothScroll 1s forwards;
z-index: 9999;
}
@keyframes smoothScroll {
0% {
transform: translateY(-40px);
}
100% {
transform: translateY(0px);
}
}
header.fixed {
background: #fff;
padding: 0 0 10px 0;
box-shadow: 0px -8px 12px 1px #000000b5;
} header.main-header .header-upper {
padding: 5px !important;
}
.text-center {
text-align: center;
} .header-mobile-menu {
display: none;
} .crellyslider>.cs-controls, .crellyslider>.cs-navigation {
opacity: 1;
z-index : 6;
}
.crellyslider>.cs-controls>.cs-previous {
background-image: url(http://www.willmar.in/wp-content/uploads/2023/05/arrow-left-icon-red.png);
}
.crellyslider>.cs-controls>.cs-next {
background-image: url(http://www.willmar.in/wp-content/uploads/2023/05/arrow-right-icon-red.png);
} form .hide {
display: none !important;
} .woocommerce-info {
border-top-color: #013162;
}
.woocommerce-info::before {
color: #013162;
} .no-page-found {
margin: 40px 0;
text-align: center;
}
.no-page-found p {
margin-bottom: 10px;
}
.no-page-found a {
background: #013162;
color: #fff;
padding: 12px 15px;
display: inline-block;
} header.site-header.fixed {
top: 0;
}
header.site-header {
z-index: 99;
position: fixed;
width: 100%;
right: 0;
top: 50px;
left: 0;
}
.header-top {
background-color: #C31E2A;
font-size: 0;
padding: 10px 0;
position: relative;
z-index: 99;
}     .marquee {
width: 100%;
overflow: hidden;
}
.marquee {
height: 20px;
overflow: hidden;
position: relative;
}
.marquee .inner {
width: 100%;
display: flex;
color: #fff;
font-size:16px;
}
.marquee .inner > * {
white-space: nowrap;
padding: 0 4rem;
}                    @keyframes marquee {
0%   { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
.mid-sec span,
.mid-sec marquee {
color: #fff;
font-size: 14px;
}
.tel-sec ,.mail-sec{
display: flex;
align-items: center;
}
.top-left-sec,.rgt-sec,.social-sec {
display: flex;
}
.tel-sec a , .mail-sec a{
font-family: Inter-Regular;
font-size: 14px;
color: #fff;
padding-left: 10px;
}
.mail-sec {
margin-left: 10px;
}
.social-sec a {
padding: 0 10px;
display: inline-block;
}
.ser-sec {
margin-left: 10px;
}
.header-logo {
width: 20%;
float: left;
}
.header-right {
float: right;
width: 80%;
margin-top: 25px;
}
.header-right .menu {
display: flex;
align-items: center;
justify-content: flex-end;
list-style: none;
gap: 30px;
}
.header-sec {
background: transparent;
padding: 10px 0;
display: flex;
}
.header-logo img {
width: 100%;
max-width: 132px;
}
.header-right ul.menu li a {
font-family: 'Inter-SemiBold';
font-size: 16px;
color: #000 !important;
text-transform: uppercase;
position: relative;
}
.header-right #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
font-family: 'Inter-SemiBold';
font-size: 16px;
color: #000 !important;
text-transform: uppercase;
text-align: center;
}
.header-right #mega-menu-wrap-header-menu {
background: transparent !important;
display: flex;
justify-content: flex-end;
}
.header-right #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
background: transparent;
}
.header-right #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
background: transparent !important;
}
.header-right #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
.header-right #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
color: #666;
}
.header-right #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
font-family: 'Inter-SemiBold';
font-size: 16px;
color: #000 !important;
text-transform: uppercase;
text-align: center;
}
.header-right #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-current-menu-item > a.mega-menu-link {
color: #c31e2a !important;
}
.header-mobile-menu .current-menu-item a {
color: #c31e2a !important;
} footer.site-footer {
font-size: 0;
}
.footer-logo img {
margin: 0 auto;
display: block;
}
.footer-section {
padding: 80px 0;
background-color: #171717;
}
.footer-sec {
display: flex;
flex-direction: row; justify-content: center;
margin-top: 80px;
}
.footer-lft {
flex: 35%;
max-width: 35%;
}
.footer-mid {
flex: 40%;
max-width: 40%;
}
.footer-rgt {
flex: 40%;
max-width: 40%;
}
.footer-lft .addr-sec {
margin-top: 20px;
}
.footer-lft .addr-sec p.addr {
color: #F5F5F5;
font-size: 14px;
font-family: 'Inter-Regular';
width: 65%;
margin-bottom: 20px;
}
.footer-lft .addr-sec .tel-sec {
margin-bottom: 20px;
}
.footer-lft .addr-sec .mail-sec {
margin-bottom: 20px;
margin-left: 0;
}
.footer-lft h4.widget-title {
color: #BD1E2D;
font-family: 'Inter-Bold';
font-size: 22px;
}
#nav_menu-2 h4.widget-title {
font-family: Inter-Medium;
font-size: 22px;
margin-top: 115px;
margin-bottom: 15px;
}
.footer-sec .menu {
display: flex;
flex-direction: column;
}
.footer-sec .menu li {
padding: 10px 0;
width: 50%;
}
.footer-sec .menu li a {
color: #F5F5F5;
font-family: 'Inter-Medium';
font-size: 14px;
line-height: 18px;
}
footer h4.widget-title {
margin: 0;
line-height: normal;
}
.footer-mid h4.widget-title {
color: #BD1E2D;
font-family: 'Inter-Bold';
font-size: 22px;
}
.footer-mid .addr-sec {
margin-top: 20px;
}
.footer-mid .addr-sec p.addr {
color: #F5F5F5;
font-size: 14px;
font-family: 'Inter-Regular';
width: 80%;
margin-bottom: 20px;
}
.footer-mid .tel-sec {
margin-bottom: 20px;
}
.footer-mid .mail-sec {
margin-bottom: 20px;
margin-left: 0;
}
#nav_menu-3 h4.widget-title {
font-family: Inter-Medium;
font-size: 22px;
margin-top: 77px;
margin-bottom: 15px;
}
.news-form h4 {
color: #F5F5F5;
font-family: 'Inter-Medium';
font-size: 30px;
margin: 0;
}
footer .news-form p br {
display: none;
}
.news-form input[type="email"]::placeholder {
color: #3A3A3A;
}
.news-form input[type="email"] {
background-color: #111111 !important;
outline: none !important;
border: none !important;
padding: 15px 15px !important;
color: #fff !important;
font-family: 'Inter-Regular';
width: 100% !important;
margin-top: 20px !important;
height: auto !important;
box-sizing: border-box !important;
}
.news-form input[type="email"]:focus {
box-shadow: 0 1px 0 0 #fff !important;
}
footer .sub-btn::before, footer .sub-btn::after {
content: '';
clear: both;
display: table;
}
input.wpcf7-submit {
cursor: pointer;
}
.sub-btn input.wpcf7-submit {
background-color: #C21D26;
border: none;
outline: none;
padding: 10px 50px;
margin-top: 10px;
color: #FFFFFF;
font-family: 'Inter-SemiBold';
float: right;
cursor: pointer;
}
.footer-rgt .wpcf7-response-output {
display: block;
font-size: 14px !important;
color: #fff;
margin: 10px 0 !important;
}
.map-dir {
margin-top: 30px;
padding: 100px;
background-image: url(http://www.willmar.in/wp-content/uploads/2023/03/map-link.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
.map-dir a {
position: relative;
color: #FFFFFF;
font-family: 'Inter-SemiBold';
font-size: 14px;
}
.map-dir a:after {
content: '\f30b';
font-family: fontawesome;
position: absolute;
top: 2px;
right: -16px;
transform: rotate(43deg);
font-size: 12px;
transition: 0.3s;
}
.map-dir a:hover:after {
transform: rotate(0deg);
transition: 0.3s;
}
.copyright-sec {
background-color: #262626;
padding: 10px 0;
}
.footer-copyright {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.footer-copyright .menu {
display: flex;
}
.footer-copyright .menu li {
margin-right: 20px;
}
.footer-copyright .menu li a {
color: #9B9B9B;
font-size: 16px;
}
.footer-copyright .custom-html-widget {
display: flex;
justify-content: center;
}
.footer-copyright .widget_nav_menu {
flex: 25%;
}
.footer-copyright #custom_html-6 {
flex: 25%;
}
.footer-copyright #custom_html-7 {
flex: 25%;
}
.footer-bottom-rgt p {
color: #676767;
font-size: 16px;
}     .home-banner .banner-content {
text-align: center;
}
.home-banner .banner-content h3 {
color: #545456;
font-family: 'Inter-SemiBold';
font-size: 60px !important;
margin: 0px 0px 10px 0px;
line-height: 65px !important;
}
.home-banner .banner-content h1 {
color: #BD1E2D;
font-family: 'Lemonmilk-Regular';
font-size: 66px !important;
margin: 0px 0 30px 0 !important;
line-height: 70px !important;
}
.home-banner .banner-content p {
font-size: 25px !important;
display: inline-block;
text-align: center;
line-height: 26px !important;
color: #1E1E1E;
font-family: 'Inter-SemiBold';
}
.home-banner .banner-content .banner-btn {
margin-top: 50px;
}
.home-banner .banner-content .banner-btn a.wh-border {
color: #BD1E2D;
border: 2px solid #FFFFFF !important;
padding: 8px 30px !important;
margin-right: 10px;
font-family: 'Inter-SemiBold';
font-size: 22px;
background-color: white;
}
.home-banner .banner-content .banner-btn a.red-border {
color: #fff;
background-color: #BD1E2D;
padding: 10px 24px !important;
font-family: 'Inter-SemiBold';
font-size: 22px;
}
.crellyslider>.cs-slides>.cs-slide>* {
left: 0 !important;
right: 0;
}
.vision-inner {
display: grid;
grid-template-columns: repeat(4, 1fr); box-shadow: 0px 3px 20px #0000001A; background-color: #fff;
margin: 70px auto;
}
.vision-block:nth-child(odd) {
background-color: #383232;
}
.vision-block {
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
justify-content: center;
padding: 30px;
}
.vision-block span {
font-family: 'Inter-SemiBold';
margin: 10px auto;
font-size: 20px; color: white;
}
.vision-block:first-child p {
margin-bottom: 33px;
}
.vision-block p { color: white;
font-size: 16px;
}
.vision-block:nth-child(even) {
background-color: #BD1E2D;
}
.vision-sec {
position: relative; }
.vision-sec:before {
content: '';
background-image: url(http://www.willmar.in/wp-content/uploads/2023/03/bg-blur-img-1.jpg);
background-position: bottom;
position: absolute;
top: 110px;
bottom: 90px;
left: 0;
right: 0;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
}
.home-ab-sec {
margin: 70px auto;
}
.ab-lft-img {
float: left;
width: 35%;
display: none;
}
.ab-lft-img img {
width: 100%;
}
.ab-con-rgt {
float: right;
width: 100%;
background-color: rgb(245 245 245 / 61%);
padding: 60px 80px;
}
.ab-con-rgt span.sm-title {
font-family: 'Lobster-regular';
font-size: 23px;
margin-bottom: 20px;
display: block;
}
.ab-con-rgt h3.ab-title {
color: #BD1E2D;
font-family: 'Lemonmilk-Regular';
margin: 10px auto;
font-size: 40px;
}
.ab-con-rgt .ab-con p {
color: #171717;
font-family: 'Inter-Medium';
margin-bottom: 20px;
font-size: 14px;
}
.ab-con-rgt a {
color: #BD1E2D;
border: 2px solid #BD1E2D;
background-color: transparent;
padding: 8px 30px;
font-family: 'Inter-SemiBold';
margin-top: 20px !important;
display: inline-block;
}
.wss-sec {
background-image: url(http://www.willmar.in/wp-content/uploads/2023/03/bg-img-2.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 40px 40px;
margin: 70px auto;
}
.wss-content span.wss-sm-title {
color: #171717;
font-family: 'Lobster-regular';
font-size: 16px;
margin-bottom: 10px;
display: block;
}
.wss-content h3.wss-title {
color: #FFFFFF;
font-family: 'Lemonmilk-Regular';
font-size: 40px;
margin: 10px auto;
}
.wss-content .wss-con {
width: 50%;
}
.wss-content .wss-con p {
font-family: 'Inter-Medium';
color: #fff;
font-size: 14px;
margin: 20px auto;
}
.wss-content a {
color: #fff;
background-color: #BD1E2D;
padding: 10px 35px !important;
font-family: 'Inter-SemiBold';
font-size: 14px;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: block !important;
}
.home-our-services {
margin: 70px auto;
}
.our-service {
background-color: #BD1E2D;
padding: 20px;
}
.our-service span.our-sm-title { color: white;
font-family: 'Lobster-regular';
font-size: 16px;
margin-bottom: 10px;
display: block;
}
.our-service h3.our-title {
color: #FFFFFF;
font-family: 'Lemonmilk-Regular';
font-size: 40px;
margin: 0 auto;
}
.owl-carousel .owl-nav button span {
display: none;
}
.owl-carousel .owl-nav button {
position: absolute;
margin: 0 !important;
background-repeat: no-repeat !important;
background-size: cover !important;
width: 50px;
height: 50px;
top: 50%;
transform: translate(0, -50%);
}
.home-our-services .owl-carousel .owl-nav button.owl-prev {
background-image: url(http://www.willmar.in/wp-content/uploads/2023/04/Group-430.png) !important;
}
.home-our-services .owl-carousel .owl-nav button.owl-next {
background-image: url(http://www.willmar.in/wp-content/uploads/2023/04/Group-429.png) !important;
}
.home-our-services .owl-carousel .owl-nav .owl-next {
right: -60px;
}
.home-our-services .owl-carousel .owl-nav .owl-prev {
left: -60px;
}
.services-detail {
position: relative;
overflow: hidden;
z-index: 9;
}
.services-title {
position: absolute;
bottom: -38px;
left: 0;
right: 0;
background-color: #bd1e2d;
padding: 10px;
color: #fff;
transition: 0.5s;
z-index: 99;
}
.wwa-services .services-title,
.our-services-sec .services-title {
bottom: -32px;
}
.services-title a {
color: #fff;
}
.services-title span {
font-size: 18px;
font-family: 'Inter-Medium';
display: block;
line-height: normal;
margin-bottom: 10px;
}
.services-title br {
display: none;
}
.services-title a {
color: #fff;
font-family: 'Inter-SemiBold';
font-size: 14px;
position:relative;
}
.services-detail:hover .services-title {
bottom: 0;
}
.services-detail:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff0;
opacity: 0;
}
.services-detail:hover:before {
background: #000;
opacity: 0.40;
z-index: 1;
}
.services-detail:hover img {
transform: scale(1.1);
transition: 0.5s;
}
.services-detail img {
transition: 0.3s;
width: 100%;
height: 100%;
}
.services-title a:before {
content: '\f30b';
font-family: fontawesome;
position: absolute;
top: 0px;
right: -16px;
transform: rotate(43deg);
font-size: 12px;
transition: 0.3s;
}
.services-title a:hover:before {
transform: rotate(0deg);
}
.services-title a:hover {
color: #BEBEBE;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: transparent !important;
color: #FFF;
text-decoration: none;
background-size: cover !important;
}
.testimonial-sec {
margin: 50px auto;
}
.testimonials__main .owl-carousel .owl-stage-outer {
margin: 0 auto;
display: block;
padding: 10px;
}
.testimonials__main .owl-carousel .owl-item {
background-color: #F3F3F3;
padding: 30px 20px 50px 20px;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.46);
border-radius: 10px;
height: fit-content !important;
}
.testimonials__main .owl-carousel .owl-item.active {
min-height: 250px;
width: 405px !important;
}
.testimonials__main .owl-carousel .owl-stage-outer { height: auto !important;
}                    .testimonials-arrow a img {
width: 50px;
height: 50px;
}
.testimonials__main .owl-carousel .owl-item {
text-align: center;
}
.testimonials__main .owl-carousel .owl-item p {
color: #171717;
font-family: 'Inter-Medium';
text-align: center;
font-size: 16px;
width: 90%;
margin: 0 auto;
}
.testimonials__main .owl-carousel .owl-item span {
text-align: center;
font-family: 'Inter-SemiBold';
font-size: 16px;
}
.testimonials__main .owl-carousel .owl-item img {
object-fit: cover;
width: 100px;
height: 100px;
margin: 0 auto;
border-radius: 50%;
margin-top: 20px;
}
.testimonials__main .owl-carousel .owl-item.active {
position: relative;
}            .testimonials__main .owl-carousel .owl-nav button.owl-next {
background-image: url(http://www.willmar.in/wp-content/uploads/2023/04/Group-429.png) !important;
}
.testimonials__main .owl-carousel .owl-nav .owl-next {
right: -60px;
}
.testimonials__main .owl-carousel .owl-nav button.owl-prev {
background-image: url(http://www.willmar.in/wp-content/uploads/2023/04/Group-430.png) !important;
}
.testimonials__main .owl-carousel .owl-nav .owl-prev {
left: -60px;
}
.testi-sec h3.our-title {
font-family: 'Lemonmilk-Regular';
font-size: 40px;
margin: 5px auto;
color: #BD1E2D;
}
.testi-sec span.our-sm-title {
color: #B7B7B7;
font-family: 'Lobster-regular';
font-size: 20px;
margin-bottom: 0px;
display: block;
}
.footer-solution {
font-size: 0;
background-image: url(http://www.willmar.in/wp-content/uploads/2023/05/cargo-ship-middle-sea-3d-render-illustration-1.jpg);
padding: 80px 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.footer-solution::before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #ff00008a;
opacity: 0.4;
}
.footer-solution .container-x {
position: relative;
}
.footer-sol-lft {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.footer-con {
width: 80%;
}
.footer-con h3 {
color: #fff;
font-family: 'Williesh-regular';
font-family: 'Inter-Bold';
width: 70%;
margin: 0;
line-height: 1.3;
font-size: 36px;
}
.footer-sol-lft a {
width: 20%;
}
.footer-con p {
font-family: 'Poppins-Medium';
color: #fff;
font-size: 16px;
}
.footer-sol-lft a {
width: 16%;
color: #fff;
background-color: #BD1E2D;
padding: 10px 35px !important;
font-family: 'Inter-SemiBold';
font-size: 14px;
text-align: center;
}
.cont-banner .bannerall__left {
width: 615px;
}
.erm-sec {
background-color: #F8F8F8;
padding: 50px 0;
}
.erm-content {
background-color: #F1F1F1;
padding: 30px;
}
.erm-content h3 {
color: #BD1E2D;
font-family: 'Lemonmilk-Regular';
font-size: 40px;
}
.erm-detail {
margin-top: 10px;
}
.erm-detail p {
color: #787878;
font-family: 'Inter-Regular';
font-size: 16px;
margin-bottom: 20px;
}
.contact-addr {
background-color: #F8F8F8;
padding: 50px 0;
}
.con-addr-left {
float: left;
width: 50%;
}
.con-form {
float: right;
width: 50%;
background-color: #fff;
padding: 15px 20px;
margin-top: 20px;
}
.con-addr-sec {
margin: 20px auto;
display: flex;
flex-direction: column;
}
.contact-addr h3 {
color: #BD1E2D;
font-family: 'Lemonmilk-Regular';
font-size: 40px;
}
.con-addr-sec h4 {
color: #BD1E2D;
font-family: 'Inter-Medium';
margin-bottom: 10px;
font-size: 24px;
}
.con-addr,.con-mail,.con-contact {
position: relative;
font-size: 16px;
color: #171717;
font-family: 'Inter-Medium';
width: 76%;
padding-left: 35px;
margin-bottom: 15px;
}
.con-addr:before {
content: url(http://www.willmar.in/wp-content/uploads/2023/04/Pin.svg);
position: absolute;
top: 5px;
bottom: 0;
left: 5px;
right: 0;
width: 100%;
}
.con-mail:before {
content: url(http://www.willmar.in/wp-content/uploads/2023/04/email-5.svg);
position: absolute;
top: 1px;
right: 0;
left: 0;
bottom: 0;
width: 100%;
}
.con-contact:before {
content: url(http://www.willmar.in/wp-content/uploads/2023/04/x32_7-Phone.svg);
position: absolute;
top: 1px;
right: 0;
left: 0;
bottom: 0;
width: 100%;
}
.name-field input {
border: none;
border-bottom: 1px solid #000;
}
.contact-form input, textarea {
color: #B7B7B7;
font-family: 'Inter-Regular';
font-size: 16px;
width: 100%;
background-color: transparent;
border: 0px;
border-bottom: 1px solid #E1E1E1;
padding: 20px 0 20px;
outline: none;
}
.name-field,.ph-field,.mail-field,.msg-field {
margin-bottom: 20px;
}
.msg-field textarea {
height: 65px;
}
.sub-sec input {
background-color: #C21D26;
display: inline-block;
width: 30%;
font-family: 'Inter-SemiBold';
color: #fff;
padding: 13px 0 13px;
}
.wpcf7 form .wpcf7-response-output {
font-size: 16px;
}
.map-sec {
background-color: #F8F8F8;
padding: 50px 0;
}
.map-sec img {
max-width: 100%;
}
.map-block-lft {
float: left;
width: 48%;
border: 1px solid #171717;
height: 300px;
}
.map-block-rgt {
float: right;
width: 48%;
border: 1px solid #171717;
height: 300px;
}
.tech-manag {
background-color: #F8F8F8;
padding: 60px 0;
}
.tech-lft {
float: left;
width: 45%;
}
.tech-rgt {
float: right;
width: 50%;
}
.tech-lft span {
font-family: 'Lobster-regular';
color: #B7B7B7;
font-size: 16px;
}
.tech-lft h3 {
color: #BD1E2D;
font-family: "Lemonmilk-Regular";
font-size: 40px;
}
.tech-content {
margin-top: 30px;
}
.tech-content p {
color: #787878;
font-family: 'Inter-Regular';
margin-bottom: 20px;
font-size: 14px;
}
.tech-rgt img {
width: 100%;
}
.services-sec {
background-color: #F8F8F8;
padding-bottom: 80px;
}
.serv-inner {
background-color: #E8E8E8;
padding: 40px 40px;
}
.serv-inner p {
font-size: 16px;
color: #787878;
margin-bottom: 15px;
}
.our-services-sec {
background-color: #f8f8f8;
margin: 0;
padding: 70px 0;
}
.our-services-sec .services-title a:before {
content: '\f30b';
font-family: fontawesome;
position: absolute;
top: 3px;
right: -16px;
transform: rotate(43deg);
font-size: 12px;
transition: 0.3s;
}
.our-services-sec .services-title a:before {
content: '\f30b';
font-family: fontawesome;
position: absolute;
top: 3px;
right: -16px;
transform: rotate(43deg);
font-size: 12px;
transition: 0.3s;
}
.our-services-sec .services-title a:hover:before{
transform: rotate(0deg);
}
.lft-img img {
width: 100%;
}
.lft-img {
width: 40%;
float: left;
}
.rgt-content {
float: right;
width: 50%;
font-size: 16px;
color: #787878;
}
.ser-content .serv-inner {
padding: 0;
}
.ser-content .rgt-content {
float: right;
width: 56%;
font-size: 16px;
color: #787878;
padding: 20px 10px;
margin-top: 30px;
}
.serv-content {
background-color: #f8f8f8;
padding: 60px 0;
}
.ser-icon {
position: relative;
padding-left: 30px;
}
.ser-icon:before {
content: url(http://www.willmar.in/wp-content/uploads/2023/04/check-1.png);
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
.ser-icon {
position: relative;
padding-left: 60px;
color: #BD1E2D;
font-family: 'Inter-Medium';
}
.postid-107 .ser-content .lft-img {
display: none;
float: none;
}
.ser-content .serv-inner .rgt-content {
float: none;
width: 100%;
margin: 0;
padding: 25px 25px;
}
.postid-107 .serv-content {
display: none;
}
.postid-103 .ser-content .rgt-content {
float: right !important;
width: 56% !important;
font-size: 16px;
color: #787878;
padding: 20px 10px !important;
margin-top: 30px !important;
}
.services-sec {
background-color: #F8F8F8;
padding-bottom: 20px;
}
.postid-107 .ser-content {
padding-bottom: 50px;
}
.postid-326 .ser-content {
display: none;
}
.postid-326 .serv-content {
display: none;
}
.serv-bg-icon-cont {
background-color: #f8f8f8;
padding: 60px 0;
}
.mange-flag {
background-image: url(http://www.willmar.in/wp-content/uploads/2023/04/flag-maga.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.manage-flag-content {
float: right;
width: 50%;
background-color: #171717c7;
padding: 50px 60px;
}
.manage-flag-content h4 {
color: #fff;
font-family: 'Inter-Medium';
margin-bottom: 10px;
}
.manage-flag-content span {
font-family: 'Inter-Medium';
font-size: 16px;
color: #B7B7B7;
}
.flag-icon-con ul li {
color: #B7B7B7;
padding-left: 30px;
list-style: none;
margin: 10px auto;
font-size: 16px;
font-family: 'Inter-SemiBold';
position:relative;
}
.flag-icon-con ul li:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-image: url(http://www.willmar.in/wp-content/uploads/2023/04/check-1.png);
background-position: left;
background-size: 4%;
background-repeat: no-repeat;
}
.postid-103 .serv-bg-icon-cont {
display: none;
}
.postid-107 .serv-bg-icon-cont {
display: none;
}
.postid-109 .ser-content {
display: none;
}
.postid-109 .serv-etc-content {
display: none;
}
.postid-109 .serv-bg-icon-cont {
display: none;
}
.serv-etc-content {
background-color: #f8f8f8;
padding: 50px 0;
}
.serv-etc-content h4 {
font-family: 'Inter-Medium';
color: #545456;
font-size: 18px;
margin-bottom: 20px;
}
.etc-con {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 15px;
}
.etc-con .etc-block img {
width: 100%;
}
.etc-con .etc-block {
position: relative;
z-index: 1;
}
.etc-con .etc-block span {
position: absolute;
top: 63%;
left: 0;
transform: translate(0%, -50%);
right: 0;
bottom: 0;
font-size: 16px;
text-align: center;
color: #fff;
font-family: 'Inter-SemiBold';
}
.etc-con .etc-block:before {
content: '';
background-image: url(http://www.willmar.in/wp-content/uploads/2023/04/Rectangle-173.svg);
z-index: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.etc-con .etc-block:last-child:before{
display:none;
}
.etc-con .etc-block:last-child span {
color: #171717;
text-align: left;
top: 89%;
width: 100%;
}
.postid-326 .serv-etc-content {
display: none;
}
.postid-103 .serv-etc-content {
display: none;
}
.postid-107 .serv-etc-content{
display: none;
}
.con-contact {
display: none;
}
.postid-390 .services-sec.ser-content, .postid-390 .serv-content, .postid-390 .serv-bg-icon-cont, .postid-390 .serv-etc-content {
display: none;
}
.con-addr-sec:first-child .con-contact {
display: block;
}
.marquee {
height: 20px;
overflow: hidden;
position: relative;
}
.titles {
list-style-type: none;
position: absolute;
top: 0;
}
.titles li {
height: 30px;
line-height: 30px;
margin-bottom: 10px;
opacity: 0;
animation: slide-animation 2s ease-in-out infinite;
color:#fff;
font-size:16px;
}
@keyframes slide-animation {
0% {
opacity: 0;
transform: translateY(100%);
}
20% {
opacity: 1;
transform: translateY(0);
}
80% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-100%);
}
}
.marqueeElement {
height:58px;
color: #fff;
font-size:16px;
position:absolute;
text-align:center;
}
.mholder {
height: 30px;
width: 100%;
position: absolute;
overflow: hidden;
top: 10px;
display: flex;
left: 0;
justify-content: center;
}
.news-slider-sec {
margin: 50px auto;
}
.news-slider-sec h3 {
font-family: "Lemonmilk-Regular";
color: #BD1E2D;
line-height: 48px;
font-size: 40px;
margin-bottom: 20px;
}
.news-slider-sec .owl-carousel .owl-nav button.owl-next {
background-image: url(http://www.willmar.in/wp-content/uploads/2023/04/Group-429.png) !important;
}
.news-slider-sec .owl-carousel .owl-nav .owl-next {
right: -60px;
}
.news-slider-sec .owl-carousel .owl-nav button.owl-prev {
background-image: url(http://www.willmar.in/wp-content/uploads/2023/04/Group-430.png) !important;
}
.news-slider-sec .owl-carousel .owl-nav .owl-prev {
left: -60px;
}
.mobile-slider {
display: none !important;
}
.news-details {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.news-title {
background-color: #C21D26;
color: #fff;
padding-left: 10px;
width: 100%;
padding: 10px 10px;
}  @media only screen and (max-width :1700px) and (min-width: 1367px) {
}
@media only screen and (max-width :1366px) and (min-width: 1281px) {
} @media only screen and (max-width :1280px) and (min-width: 1101px) {
} @media only screen and (max-width :1100px){
} @media only screen and (max-width:999px){
.manage-flag-content {
width: 60%;
}
} @media only screen and (max-width:767px){
.manage-flag-content {
width: 80%;
padding: 50px 30px;
}
} @media only screen and (max-width:479px){
.manage-flag-content {
width: 100%;
}
}
.main-header .header-upper {
padding: 10px !important;
}