@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
.nav-item {
font-size: 18px;
}
.background-img {
background-image: url(//foremost.co.in/wp-content/themes/foremost-theme/new-assets/css/images/main-banner.jpg);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
position: relative;
padding: 230px 10px 200px 10px;
z-index: 2;
}
.background-img::before {
height: 100%;
width: 100%;
content: "";
background-color: #001443;
position: absolute;
top: 0;
left: 0;
opacity: 0.6;
}
.about-us-btn {
background-color: #FF0754 !important;
color: #fff !important;
font-family: "Nunito Sans", sans-serif !important;
}
.contact-us {
font-family: "Nunito Sans", sans-serif !important;
}
.card-box-hover {
height: fit-content !important;
padding: 35px 35px 35px 35px;
background-color: #ffffff;
border-radius: 5px 5px 5px 5px;
box-shadow: 0px 6px 61px 6px rgb(0 0 0 / 10%);
transition: transform ease 300ms;
overflow: hidden;
}
.card-box-hover:hover {
box-shadow: 0px 25px 68px 6px rgb(255 33 63 / 50%);
background: #ff0754;
transform: translate(0, -10px);
}
h1 {
font-family: "Open Sans", Sans-serif;
font-size: 60px !important;
font-weight: 700 !important;
line-height: 70px !important;
color: var(--e-global-color-astglobalcolor5);
}
.sub-heading {
font-family: "Open Sans", Sans-serif;
font-size: 16px;
font-weight: 600;
font-style: normal;
line-height: 26px;
}
.image-card {
width: 50px;
height: 50px;
object-fit: contain;
margin-left: 17px;
}
.title-card {
margin: 30px 0px !important;
font-family: "Nunito Sans", sans-serif !important;
font-weight: bold;
line-height: 28px;
font-weight: 700;
font-style: normal;
color: #333;
font-size: 20px;
}
.text-card {
font-family: "Open Sans";
line-height: 26px;
font-style: normal;
color: #4b4b4b;
font-size: 16px;
}
.card-container {
margin-top: -90px;
}
.ceo-container {
margin-top: 85px;
margin-bottom: 85px;
} .btw-two-texts-img {
width: 50px;
margin: 20px 0;
}
.description-of-capabilities {
font-family: "Open Sans", Sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 26px;
color: #4B4B4B;
}
.ceo-image {
box-shadow: 0 4px 25px rgba(0, 0, 0, 0.9);
transition: transform ease 300ms;
}
.ceo-image:hover {
transform: translate(0, -10px);
}
.custom-card-1 {
background-image: url(//foremost.co.in/wp-content/themes/foremost-theme/new-assets/css/images/Plastic-Fans-1.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
}
.before::before {
content: "";
position: absolute;
background-color: #001443;
opacity: 0.42;
inset: 0;
filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}
.card-content {
position: absolute;
bottom: 30px;
left: 20px;
color: #fff;
z-index: 2;
}
.card-content h5 {
font-weight: 600;
margin-bottom: 10px;
}
.before {
transition: transform ease 300ms;
height: 300px;
}
.before:hover::before {
background-color: #001443;
opacity: 0.7;
}
.before:hover {
transform: translate(0, -10px);
}
.custom-card-2 {
background-image: url(//foremost.co.in/wp-content/themes/foremost-theme/new-assets/css/images/Terminal-Blocks-1.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
}
.custom-card-3 {
background-image: url(//foremost.co.in/wp-content/themes/foremost-theme/new-assets/css/images/textile_main_image.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
}
.custom-card-4 {
background-image: url(//foremost.co.in/wp-content/themes/foremost-theme/new-assets/css/images/CENTRIFUGAL-SWITCHES.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
}
.custom-card-5 {
background-image: url(//foremost.co.in/wp-content/themes/foremost-theme/new-assets/css/images/ms-fan.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
}
.custom-card-6 {
background-image: url(//foremost.co.in/wp-content/themes/foremost-theme/new-assets/css/images/ms-terminal-boxes.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
}
.custom-card-7 {
background-image: url(//foremost.co.in/wp-content/themes/foremost-theme/new-assets/css/images/ms-terminal-boxes.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
}
.custom-card-8 {
background-image: url(//foremost.co.in/wp-content/themes/foremost-theme/new-assets/css/images/1950-1-2-300x300-1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
}
.custom-card-9 {
background-image: url(//foremost.co.in/wp-content/themes/foremost-theme/new-assets/css/images/Pump-Parts-1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
}
.custom-card-10 {
background-image: url(//foremost.co.in/wp-content/themes/foremost-theme/new-assets/css/images/PDC.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
}
.icon-box i {
font-size: 40px;
color: #FF0754;
margin-top: -10px;
}
.counter-text h4 {
font-family: "Nunito Sans", Sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 60px;
margin-bottom: 0px;
} .hero-wrapper {
position: relative;
height: 100vh;
overflow: hidden;
} .carousel-item img {
height: 100vh;
object-fit: cover;
} .overlay-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
} .hero-wrapper::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 2;
}
.adv_box {
position: relative;
box-sizing: border-box;
}
.adv_box:before {
height: 100%;
width: 1px;
content: '';
display: block;
background: rgba(255, 255, 255, 0.2);
position: absolute;
left: 0;
}
.box_block {
padding: 20px;
}
.box_block {
position: absolute;
width: 100%;
bottom: 20px;
z-index: 3;
}
.box_block_cont {
padding: 0 30px 15px;
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: absolute;
bottom: 0;
transform: translateY(0);
}
.box_block_cont h4,
.box_block_cont h2 {
color: #fff;
}
.man_wht_txt {
color: #fff;
}
.pseudo-h4 {
color: #fff;
margin-bottom: 10px;
font-family: "Open Sans";
line-height: 28px;
font-weight: 700;
font-style: normal;
font-size: 20px;
transform: translateX(-20px);
opacity: 0;
transition: all 0.3s;
}
.pseudo-h2 {
margin-bottom: 10px;
color: #fff;
transform: translateX(-20px);
opacity: 0;
transition-delay: 0.1s;
font-family: Nunito;
line-height: 50px;
font-weight: 700;
font-style: normal;
font-size: 40px;
transition: all 0.3s;
}
.man_adv_box_block_cont {
background-color: #ff1b54;
}
.man_adv_box_block_cont {
border-radius: 5px;
background: #ff2153;
padding: 30px;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
transform: translateY(60px);
}
.man_adv_box_block_cont p {
transform: translateX(-20px);
opacity: 0;
transition-delay: 0.2s;
margin: 0 0 15px;
font-family: "Open Sans";
line-height: 26px;
font-weight: 400;
font-style: normal;
font-size: 16px;
transition: all 0.3s;
}
.man_adv_box_block_cont .btn {
transform: translateX(-20px);
opacity: 0;
transition-delay: 0.3s !important;
text-decoration: none;
cursor: pointer;
line-height: 1.4 !important;
padding: 14px 21px;
border-radius: 10px;
transition: all 0.3s;
}
.btn.btn_transparent {
box-shadow: inset 0px 0px 0px 1px rgb(255 255 255 / 70%);
background: none !important;
}
.adv_box:hover .box_block_cont {
opacity: 0;
transform: translateY(-60px);
}
.adv_box:hover .man_adv_box_block_cont {
opacity: 1;
transform: translateY(0);
}
.adv_box:hover .man_adv_box_block_cont .pseudo-h4 {
transform: translateX(0);
opacity: 1;
}
.adv_box:hover .man_adv_box_block_cont .pseudo-h2 {
transform: translateX(0);
opacity: 1;
}
.adv_box:hover .man_adv_box_block_cont p {
transform: translateX(0);
opacity: 1;
}
.adv_box:hover .man_adv_box_block_cont .btn {
transform: translateX(0);
opacity: 1;
}
.btn.btn_transparent:hover {
background: none !important;
box-shadow: inset 0px 0px 0px 2px rgb(255 255 255);
}
.btn,
.btn:hover {
font-family: Nunito;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 16px;
}
.background-light-pink {
background-color: #E5E5E5;
}
.Map-anchor-combo a {
text-decoration: none;
}
.background-pink {
background-color: #FF0754;
}
ul.menu a:hover {
border-left: 2px solid #fa0752;
color: #fa0752;
padding-left: 20px;
}
ul.menu li a {
position: relative;
font-size: 16px;
line-height: 36px;
color: #424242;
box-shadow: none;
text-decoration: none;
box-sizing: border-box;
outline: 0 !important;
transition: all 0.3s;
background-color: transparent;
}
ul.menu li {
list-style: none;
}
#card-info {
height: fit-content !important;
padding: 35px 35px 35px 35px;
background-color: #ffffff;
border-radius: 5px 5px 5px 5px;
box-shadow: 0px 6px 61px 6px rgb(0 0 0 / 10%);
transition: transform ease 300ms;
overflow: hidden;
}
#card-info:hover {
box-shadow: 0px 25px 68px 6px rgb(255 33 63 / 50%);
background: #ff0754;
transform: translate(0, -10px);
}
#my-icon {
color: #ff0754;
font-size: 56px;
line-height: 56px;
}
#icon-2 {
display: none
}
#card-info:hover #icon-2 {
display: block;
}
#card-info:hover #my-icon {
display: none;
content: "\f117";
}
#card-info:hover #main-title,
#sub-title {
color: white;
}
#card-info:hover #sub-title {
color: white;
}
#main-title {
margin: 30px 0px;
font-family: "Nunito", Sans-serif;
font-weight: bold;
line-height: 28px;
font-weight: 700;
font-style: normal;
color: #333;
font-size: 20px;
}
#sub-title {
font-family: "Open Sans";
line-height: 26px;
font-style: normal;
color: #4b4b4b;
font-size: 16px;
height: 160px !important;
;
}
.background-img-contact-us {
background-image: url(//foremost.co.in/wp-content/themes/foremost-theme/new-assets/css/images/main-banner.jpg);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
position: relative;
padding: 230px 10px 200px 10px;
z-index: 2;
}
.background-img-contact-us::before {
height: 100%;
width: 100%;
content: "";
background-color: #001443;
position: absolute;
top: 0;
left: 0;
opacity: 0.6;
} .content h2 {
font-family: "Open Sans", Sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 70px;
color: #fff;
}
.product-inner-text-category {
font-size: .85em;
margin-bottom: .5em;
display: block;
line-height: 1.3;
opacity: .6;
color: #ff0752;
font-weight: 600;
}
.side-bar {
background-color: #F5F5F5;
padding: 025px 030px 025px 030px;
border-radius: 10px 10px 10px 10px;
}
.side-bar-text {
font-family: "Open Sans", Sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.02em;
color: #000000;
}
.side-bar-link-text {
font-family: "Open Sans", Sans-serif;
font-size: 13px;
font-weight: 500;
text-transform: capitalize;
font-style: normal;
text-decoration: none;
line-height: 16px;
padding: 13px 20px;
color: #292929;
}
.side-bar-link-text-active {
color: #FF0754;
}
.side-bar-link-text:hover {
color: #566dfa;
}
.product-box {
border-style: solid;
border-width: 2px 2px 2px 2px;
border-radius: 6px;
background-color: #FFFFFF;
border-color: #E0E0E0;
}
.product-box-text {
color: #6EC1E4;
font-family: "Roboto", Sans-serif;
font-weight: 600;
position: absolute;
background-color: rgba(255, 255, 255, .88);
transition: background .3s;
text-align: center;
left: 1em;
right: 1em;
padding: .5em 0 .7em;
text-transform: uppercase;
line-height: 1.5;
bottom: 1.8em;
font-size: .9em;
}
.product-banner {
background-color: #001443;
background-image: url(https://foremost.co.in/wp-content/uploads/2023/03/inner-banner-1.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 3;
padding: 0150px 0px 250px 0px;
}
.product-banner::before {
content: "";
width: 100%;
height: 100%;
background-color: #001443;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.product-title {
font-family: "Nunito", Sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 50px;
color: #333333;
}
.short-discription {
font-family: "Nunito", Sans-serif;
font-size: 20px;
font-weight: 700;
color: #333;
}
.breadcrumb {
color: #fff;
}
.breadcrumb .woocommerce-breadcrumb {
color: #fff;
}
.breadcrumb .woocommerce-breadcrumb a {
color: #fff;
text-decoration: none;
}
.breadcrumb .woocommerce-breadcrumb a:hover {
text-decoration: underline;
}
.p-30 {
padding: 30px;
}
.py-30 {
padding: 30px 0;
}
.about-page-section-1 {
margin: 81px 0 83px 0;
}
.about-page-section-2 {
margin: 81px 0 83px 0;
}
.image img {
width: 44px;
max-width: 11%;
height: 19px;
object-fit: cover;
object-position: center center;
}
.about-heading-title {
font-family: "Nunito", Sans-serif;
font-size: 40px;
font-weight: 700;
font-style: normal;
line-height: 50px;
color: #333333;
}
.about-text {
font-family: "Open Sans", Sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 26px;
color: #4B4B4B;
} .contact-box h6 {
font-family: "Open Sans", Sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
color: #4B4B4B;
}
.contact-box p {
font-family: "Open Sans", Sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #4B4B4B;
}
.icon svg {
color: #4B4B4B;
fill: #4B4B4B;
width: 24px;
height: 24px;
}
.contant-details-2 p {
font-family: "Open Sans", Sans-serif;
font-size: 16px;
font-weight: 400;
text-transform: none;
line-height: 26px;
color: #4B4B4B;
margin-bottom: 30px;
}
.my-80 {
margin: 80px 0;
}
.my-24 {
margin: 24px 0;
}  @media screen and (max-width: 768px) {
#card-info {
padding: 15px 20px 20px 20px !important;
height: 310px;
overflow: hidden;
}
.adv_box {
padding: 0;
margin: 0 0 15px;
}
.adv_box {
position: relative;
color: #fff !important;
}
.man_adv_box:before {
height: 100%;
width: 1px;
content: '';
display: block;
background: rgba(255, 255, 255, 0.2);
position: absolute;
left: 0;
}
.box_block {
position: static;
padding: 0;
}
.box_block_cont {
padding: 0 30px 15px;
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: absolute;
bottom: 0;
transform: translateY(0);
}
.man_adv_box_block_cont.man_wht_txt {
font-size: 16px;
text-align: center;
}
.adv_box .man_adv_box_block_cont {
opacity: 1;
transform: translateY(0);
padding: 37px 40px 50px !important;
}
.man_adv_box_block_cont .pseudo-h4 {
transform: translateX(0);
opacity: 1;
}
.man_adv_box_block_cont .pseudo-h2 {
transform: translateX(0);
opacity: 1;
}
.adv_box .man_adv_box_block_cont p {
transform: translateX(0);
opacity: 1;
padding-bottom: 20px;
}
.adv_box .man_adv_box_block_cont .btn {
transform: translateX(0);
opacity: 1;
}
#card-info {
padding: 15px 20px 20px 20px !important;
height: 500px !important;
}
#sub-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
#main-title {
font-size: 17px !important;
}
}
@media screen and (max-width: 360px) {
#card-info {
padding: 15px 20px 20px 20px !important;
height: 500px !important;
}
#sub-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}
}
.category-sidebar {
background: #f5f5f5;
border-radius: 8px;
}
.category-sidebar h5 {
font-weight: 600;
}
.category-sidebar ul li {
margin-bottom: 10px;
}
.category-sidebar ul li a {
text-decoration: none;
color: #333;
font-size: 14px;
}
.category-sidebar ul li a:hover {
color: #007bff;
}
.product-card {
border: 1px solid #ddd;
border-radius: 6px;
transition: 0.3s;
background: #fff;
}
.product-card img {
height: 120px;
object-fit: contain;
}
.product-card h6 {
font-size: 13px;
font-weight: 600;
color: #007bff;
}
.product-card small {
font-size: 11px;
color: #777;
}
.product-card:hover {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}