@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {

    font-family: 'Aller';

    /*src: url('../webfonts/Aller-Bold.eot');

    src: url('../webfonts/Aller-Bold.eot?#iefix') format('embedded-opentype'), url('../webfonts/Aller-Bold.woff2') format('woff2'), url('../webfonts/Aller-Bold.woff') format('woff'), url('../webfonts/Aller-Bold.ttf') format('truetype');*/

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Font Awesome 5 Brands';

    font-style: normal;

    font-weight: 400;

    font-display: block;

    /*src: url("../webfonts/fa-brands-400.eot");

    src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg");*/

}



.fal,

.far {

    font-family: "Font Awesome 5 Pro";

}



.fab {

    font-family: 'Font Awesome 5 Brands';

    font-weight: 400;

}



html {

    scroll-behavior: smooth;

}



body {

    margin: 0;

    padding: 0;

    font-size: 14px;

    font-family: "Poppins", sans-serif !important;

    font-weight: 400;

}



a,

a:link,

a:visited,

a:active,

a:hover,

button,

input,

select,

textarea,

i {

    text-decoration: none;

    outline: none;

    -moz-transition: all 300ms ease-in-out;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}



input,

select,

textarea {

    width: 100%;

    outline: none;

    -moz-transition: all 300ms ease-in-out;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}



input[type="radio"],

input[type="checkbox"] {

    width: auto;

    height: auto;

}



input:focus,

select:focus,

textarea:focus,

button:focus {

    outline: none;

    box-shadow: none;

}



img {

    max-width: 100%;

}



p {

    font-size: var(--font-18);

    line-height: 26px;

}



ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



a {

    text-decoration: none;

}



:root {

    --red: #C01F24;

    --blue: #0368AB;

    --blck: #000000;

    --grey: #414040;

    --light: #E4E9EC;

    --white: #F9F9F9;

    --font-18: 18px;

    --font-20: 20px;

    --font-22: 22px;

    --font-24: 24px;

    --font-40: 40px;

    --font-56: 56px;

}



.comnpadding {

    padding: 90px 0;

}

.max_right>.elemnt_tittle,

.elementor-heading-title ,

.shortcode-heading-wrapper>.shortcode-title,

.comntitle {

    font-size: var(--font-56) !important;

    margin-bottom: 15px;

    font-family: 'Aller';

    font-weight: bold;

}



.elemnt_tittle {

    font-size: var(--font-40) !important;

    margin-bottom: 15px !important;

    font-family: 'Aller'

}



.comnbtn {

    font-size: 20px;

    padding: 10px 30px;

    background-color: var(--red);

    color: var(--white);

    font-weight: 400;

    border: none;

    text-transform: uppercase;

    position: relative;

    z-index: 1;

    overflow: hidden;

}



.comnbtn::before {

    content: "";

    width: 0;

    height: 100%;

    background-color: var(--blue);

    position: absolute;

    top: 0;

    left: 0;

    transition: 0.5s;

    z-index: -1;

}



.link-text {

    position: relative;

    z-index: 5;

    color: white;

    font-weight: 600;

    opacity: 1;

    transform: translateY(0px);

    display: block;

    transition: opacity 500ms, transform 200ms ease;

}



.hover-glow {

    height: 150px;

    width: 150px;

    background: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.4), transparent);

    position: absolute;

    border-radius: 100%;

    z-index: 2;

    top: -75px;

    left: -75px;

    opacity: 0;

}



.comnbtn:hover::before {

    width: 100%;

}



.spn_clr {

    color: #C01F24;

}



.aword_img img,

.batter_img img {

    width: 100%;

}



.design_experience {

    background-image: url(../images/design_experience_bg.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}





/* --------------------------------------------------------------------------------------header start here ------------ ------------------------------------------------------------------------------------------------------------------------------------------------------------- */



.dropdown-menu {

    display: none;

    width: 570px;

    border: none;

    padding: 10px;

}



.dropdown-item.active,

.dropdown-item:active {

    color: rgba(217, 18, 31, 1);

    background-color: none;

    background: none;

}



.dropdown-menu>li {

    width: 48%;

    display: inline-block;

}



.dropdown-menu>li>a {

    font-size: 16px !important;

    margin: 0 !important;

    padding: 0;

}



.dropdown-menu>li>a::before,

.dropdown-menu>li>a,

.dropdown-menu>li:hover {

    background: none !important;

    background-color: none !important;

    border: none;

}



.menu-item:hover .dropdown-menu {

    display: block;

}



.dropdown-menu>li>a:hover {

    color: #c01f24 !important;

}



header {

    position: absolute;

    top: 30px;

    width: 100%;

    z-index: 2;

}



.navbar-light .navbar-nav .nav-link {

    text-transform: uppercase;

    font-size: 20px;

    color: var(--black);

    margin-right: 120px;

    position: relative;

    /* overflow: hidden; */

}



.nav-link::before {

    content: "";

    width: 0%;

    height: 1px;

    position: absolute;

    bottom: 0%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: var(--red);

    transition: 1s;

}



.nav-link:hover::before {

    width: 100%;

}



.right_side {

    display: flex;

    align-items: center;

    gap: 25px;

}



.right_side .serch {

    position: relative;

}



.serch>.form-control {

    padding-right: 35px;

    border: none;

}



.serch .fa-search {

    position: absolute;

    top: 10px;

    right: 10px;

    font-size: 18px;

    color: var(--blue);

}



input::placeholder {

    font-size: 14px;

    color: #ececec;

    font-style: italic;

}



.icon_size {

    width: 100%;

}



.topbar {

    display: none;

}





/* --------------------------------------------------------------------------------------header end here ------------ ------------------------------------------------------------------------------------------------------------------------------------------------------------- */



.banner {

    background-image: url(../images/banner_img.jpg);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: relative;

}



.b_space {

    padding: 200px 0 100px 0;

}



.main_div {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.heading {

    width: 51%;

    height: 100%;

    overflow: hidden;

}



#slid_shoes .owl-item.active .main_div>.heading .labour {

    animation: fadeInDown .5s ease-in-out;

    animation-duration: 0.6s;

}



#slid_shoes .owl-item.active .main_div>.heading aside {

    animation: fadeInLeft .5s ease-in-out;

    animation-duration: 1.3s;

}



#slid_shoes .owl-item.active .main_div>.heading p {

    animation: fadeInUp .5s ease-in-out;

    animation-duration: 1.4s;

}



#slid_shoes .owl-item.active .main_div>.heading .comnbtn {

    animation: slideInUp .5s ease-in-out;

    animation-duration: 1.5s;

}



#slid_shoes .owl-item.active .main_div .shoes {

    animation: fadeInDown .5s ease-in-out;

}



.heading .labour {

    font-size: 30px;

    color: var(--red);

    text-transform: uppercase;

    font-weight: 500;

    display: block;

}



aside {

    font-size: 72px;

    font-family: 'Aller';

    font-weight: bold;

}



.heading .comnbtn {

    margin-top: 50px;

}



.shoes {

    width: 30%;

    margin: auto;

}



#slid_shoes {

    position: relative;

}



#slid_shoes::before {

    content: "";

    background-image: url(../images/round.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    width: 516px;

    height: 516px;

    position: absolute;

    top: -40px;

    right: 90px;

    z-index: -1;

    display: block;

    transform: translate(10px, 10px);

}



#slid_shoes .owl-dots {

    display: flex;

    justify-content: flex-start;

    gap: 10px;

}



#slid_shoes .owl-controls .owl-dots .owl-dot {

    background: none;

    width: auto !important;

    height: auto !important;

    margin: 0;

}



#slid_shoes .owl-controls .owl-dots .owl-dot span {

    background-color: #949494;

    display: block;

    width: 10px;

    height: 10px;

    border-radius: 100%;

    margin: 5px;

}



#slid_shoes .owl-controls .owl-dots .owl-dot.active span {

    background-color: var(--red);

}



#slid_shoes .owl-controls .owl-dots .owl-dot.active {

    border: 1px solid red;

}





/* ----------- */



.Safety .comntitle,

.Safety p,

.New_arrivals .comntitle {

    text-align: center;

}



.Safety p {

    width: 75%;

    margin: auto;

}



.top_services {

    margin-top: 70px;

}



.top_services,

.bottom_services {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-bottom: 30px;

}



.top_services>li,

.bottom_services>li {

    /* height: 292px; */

}



.top_services>li {

    width: 28%;

    /*    padding: 30px;*/

    padding: 15px;

    border-radius: 20px;

    overflow: hidden;

}



.coman_element {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    height: 100%;

}



.top_services>li:nth-child(1) {

    background-color: rgb(245 107 31 / 10%);

    /* animation-delay: 1s; */

}



.top_services>li:nth-child(2) {

    background-color: rgb(214 125 235 / 20%);

}



.top_services>li:nth-child(3) {

    background-color: #E4E9EC;

    width: 40%;

}



.bottom_services>li:nth-child(1) {

    background-color: rgb(91 51 8 / 15%);

}



.bottom_services>li:nth-child(2) {

    background-color: #E4E9EC;

}



.bottom_services>li:nth-child(3) {

    background-color: rgb(89 212 8 / 15%);

}



.bottom_services>li:nth-child(4) {

    background-color: rgb(237 153 120 / 20%);

}



.oranges {

    color: #E55F18;

}



.purpol {

    color: #721687;

}



.blucode {

    color: #0368AB;

}



.browns {

    color: #814E17;

}



.gren {

    color: #336A11;

}



.oranges_hover::before {

    background-color: #E55F18;

}



.purpol_hover::before {

    background-color: #721687;

}



.browns_hover::before {

    background-color: #814E17;

}



.gren_hover::before {

    background-color: #336A11;

}



.top_services>li img {

    max-width: 100% !important;

    width: 100% !important;

    aspect-ratio: 1/1;

    object-fit: contain;

    mix-blend-mode: multiply;

    height: 200px;

}



.bottom_services>li img {

    max-width: 60%;

    mix-blend-mode: multiply;

    aspect-ratio: 1/1;

    object-fit: contain;

}



.fourth {

    font-size: var(--font-22);

    font-weight: 600;

}



.s_right {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    /*        height: 60%;*/

}



.s_right .fourth {

    line-height: 26px;

}



.s_right .comnbtn {

    width: 150px;

    padding: 5px 20px;

    margin-top: 50px;

    font-size: var(--font-18);

    background-color: var(--white);

}



.s_right .comnbtn:hover {

    color: var(--white);

}



.bottom_services li {

    width: 24%;

    display: flex;

    justify-content: center;

    align-items: end;

    padding: 15px;

    border-radius: 20px;

}



.bottom_services>.size_elemnt {

    width: 34%;

}



.design_experience {

    padding-top: 50px;

    overflow: hidden;

}



.batter_word {

    width: 70%;

    margin-left: auto;

}



.batter_img {

    width: 80%;

    position: relative;

    z-index: 1;

    margin: auto;

}



.batter_img::before {

    content: "";

    width: 528px;

    height: 528px;

    border-radius: 100%;

    border: 75px solid white;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: -1;

}



.aword {

    display: flex;

    align-items: center;

    margin-top: 30px;

}



.aword_img {

    width: 30%;

    padding-right: 15px;

}



.aword span {

    font-size: 24px;

    font-weight: 600;

    color: var(--red);

}



.shop_contetn {

    text-align: center;

    position: relative;

    overflow: hidden;

}



.percentage {

    position: absolute;

    top: 15px;

    left: 0;

    background-color: var(--red);

    color: var(--white);

    font-size: var(--font-18);

    padding: 8px 15px;

}



.rate {

    position: absolute;

    top: 20px;

    right: 15px;

    font-size: var(--font-18);

}



.rate>.fa-star {

    color: #E1AD13;

}



.shop_contetn>.Product {

    background-color: rgb(228 233 236 / 80%);

    border-radius: 10px;

    margin-bottom: 15px;

    overflow: hidden;

}



.item_shoes {

    width: 100%;

    height: 100%;

    margin: auto;

    padding: 30px 0;

}



.item_shoes img {

    aspect-ratio: 2/2;

    object-fit: contain;

}



.shop_contetn .price {

    font-size: 24px;

}



#shes_slid {

    margin-top: 70px;

}



#shes_slid .owl-nav {

    display: flex;

    gap: 30px;

    justify-content: center;

    margin-top: 50px;

}



#shes_slid .owl-nav button {

    font-size: 30px;

}



.industri {

    margin: 0 0 30px 0;

}



.industri_tag {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.industri_tag>li {

    width: 49%;

}



.Chemical {

    background-image: url(../images/Chemical.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    text-align: right;

    color: var(--white);

}



.Manufacture {

    background-image: url(../images/Manufacture.jpg);

    text-align: left;

}



.unit {

    width: 65%;

    margin: 0 0 0 auto;

}



.unit,

.Manufacture>.left_elemnt {

    padding: 125px 0;

}



.Manufacture>.left_elemnt {

    width: 65%;

    margin: 0 auto 0 0;

}



.unit .elemnt_tittle {

    background: linear-gradient(101deg, rgba(255, 255, 255, 0) 0%, rgba(3, 104, 171, 1) 100%);

    padding-right: 25px;

}



.left_elemnt>.elemnt_tittle {

    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(232, 132, 32, 1) 100%);

    padding-Left: 25px;

}



.unit p,

.unit .comnbtn {

    margin-right: 25px;

}



.left_elemnt p,

.left_elemnt .comnbtn {

    margin-left: 25px;

}



.left_elemnt .comnbtn,

.unit .comnbtn {

    background-color: var(--white);

}



.left_elemnt .comnbtn:hover,

.unit .comnbtn:hover,

.max_right .comnbtn:hover {

    color: var(--white);

}



.Fire_Safety {

    background-image: url(../images/Fire\ Safety_bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    text-align: right;

}



.max_right {

    width: 38%;

    margin: 0 25px 0 auto;

}



.max_right .comnbtn {

    background-color: var(--white);

    color: var(--blck);

}



.black_hover::before {

    background-color: var(--blck);

}

.elementor-size-default{

    margin-bottom: 50px !important;

}



/*------------- Product_list_page START HERE--------------------------*/





/*.shop_page_item{

    display: flex !important;

    align-items: center;

    flex-wrap: wrap;

    gap: 15px;

    margin: 0 0 30px 0;

}

.shop_page_item>li{

    width: 23.7%;

    text-align: center;

}



.shoppage_contetn>.product_list {

    background-color: rgb(228 233 236 / 80%);

    border-radius: 10px;

    margin-bottom: 15px;

    overflow: hidden;

}

.shop_item_shoes{

    padding: 30px;

}



.productlist_img {

    width: 100%;

    margin: auto;

}



.shoppage_contetn .fourth{

    font-size: var(--font-18);

    line-height: 24px;

}

.shoppage_contetn .fourth>.spn_clr{

    display: block;

}

.after-loop-wrapper {

    margin: 30px 0;

}



.woocommerce .product .thumbnail-wrapper {

    mix-blend-mode: multiply;

}



.shoppage_contetn .no-back-image{

    width: 100%;

    margin: auto;

}

.shoppage_contetn .no-back-image>img{

    width: 100%;

    aspect-ratio: 1/1;

    object-fit: contain;

}*/



.thumbnail-wrapper {

    background-color: #E4E9EC;

    border-radius: 10px;

}



.content-wrapper>.products {

    gap: 15px;

}



.content-wrapper>.products>.add-to-wishlist-after_add_to_cart {

    width: 24% !important;

}



.thumbnail-wrapper>a>.no-back-image {

    width: 70%;

    margin: auto !important;

    padding: 30px;

}



.thumbnail-wrapper>a {

    mix-blend-mode: multiply;

}



.thumbnail-wrapper>a>.no-back-image>img {

    width: 100%;

    aspect-ratio: 1/1;

    object-fit: contain;

}



.heading-title {

    font-size: 20px !important;

    text-align: center;

}





/*------------- Product_list_page END HERE--------------------------*/





/*------------- SINGLE_PRODUCT_PAGE START HERE--------------------------*/



.breadcrumbs-container {

    font-size: 18px;

    margin: 15px 0;

}



.elementor-size-default,

.related>h2,

.woocommerce-Reviews>h2,

.summary>.product_title {

    font-family: 'Aller';

}



.product-images-summary {

    display: flex;

    align-items: center;

}



.woocommerce-product-gallery__image,

.flex-control-thumbs>li {

    background-color: #E4E9EC;

    border-radius: 10px;

    overflow: hidden;

}



.flex-control-thumbs>li>img {

    border-radius: 10px;

}



.woocommerce-product-gallery__image>a>img,

.flex-control-thumbs>li>img {

    mix-blend-mode: multiply;

    padding: 15px;

}



.woocommerce-product-gallery__image>a>img {

    width: 70% !important;

    height: 300px !important;

    margin: auto;

    aspect-ratio: 1/1;

    object-fit: contain;

}



.flex-control-thumbs {

    position: unset !important;

    width: auto !important;

    margin: 0 !important;

    justify-content: center;

    align-items: center;

    height: 100%;

    gap: 15px;

}



.flex-control-thumbs>li {

    margin: 0 !important;

}



.flex-control-thumbs>li>img {

    width: 100% !important;

    height: 100px !important;

    padding: 5px;

    aspect-ratio: 1/1;

    object-fit: contain;

}



.woocommerce-product-gallery--columns-4 {

    display: flex !important;

    padding: 0 !important;

    gap: 15px;

}



.woocommerce .star-rating span:before {

    color: #f3b300 !important;

}



.availability>span,

.cats-link>span,

.pe-enq-wrapper>a,

.woocommerce-product-details__short-description>ul>li {

    font-size: 18px;

}



.availability>span,

.woocommerce-product-details__short-description>ul>li {

    display: inline-block;

    margin: 10px 0;

    padding: 0 !important;

    line-height: 26px !important;

}



.woocommerce-product-details__short-description>ul>li>strong {

    font-family: "Poppins", sans-serif !important;

    padding-right: 10px;

}



.wc-tabs {

    margin: 0 0 15px 0 !important;

}



.woocommerce table.shop_attributes th {

    font-weight: 500;

    white-space: nowrap;

}



.woocommerce table.shop_attributes td,

.woocommerce table.shop_attributes th {

    font-size: 18px !important;

    font-family: "Poppins", sans-serif !important;

}



.breadcrumb-title-wrapper {

    position: unset;

}



.woocommerce div.product .woocommerce-tabs ul.tabs li {

    font-size: 22px !important;

}



.ts-social-sharing>ul {

    display: flex;

    gap: 15px;

}



#enquiry {

    color: #C01F24;

    border-bottom: 1px solid #C01F24;

    display: inline-block;

    margin: 15px 0;

    padding: 0 !important;

}



.ts-social-sharing>ul>li>a>i {

    font-size: 26px;

    color: #C01F24;

}



.ts-social-sharing>ul>li>a>i:hover {

    color: var(--blck);

}



.woocommerce table.shop_attributes {

    border: 1px dotted rgba(0, 0, 0, .1);

}



#product-2640 .woocommerce-tabs {

    padding-bottom: 0;

}



.woocommerce div.product .woocommerce-tabs .panel {

    margin: 50px 0;

}



.woocommerce-tabs{

    padding: 0;

}

.products .product-category .product-wrapper > a img, .woocommerce .products .product-category .product-wrapper > a img {

    mix-blend-mode: multiply;

}

.products .product-category > .product-wrapper > a, .woocommerce .products .product-category > .product-wrapper > a {

    width: 150px;

    height: 150px;

    padding: 10px !important;

}

/*------------- SINGLE_PRODUCT_PAGE END HERE--------------------------*/





/*------------- CONTACT_PAGE START HERE--------------------------*/



.elementor-size-default {

    color: rgba(217, 18, 31, 1);

}





/*------------- CONTACT_PAGE END HERE--------------------------*/