/* fonts */ @font-face { font-family: 'sf-pro-bold'; src: url('../../public/front/fonts/sf-pro-display-bold.woff'); font-display: swap; } @font-face { font-family: 'sf-pro-semibold'; src: url('../../public/front/fonts/sf-pro-display-semibold.woff'); font-display: swap; } @font-face { font-family: 'sf-pro-medium'; src: url('../../public/front/fonts/sf-pro-display-medium.woff'); font-display: swap; } @font-face { font-family: 'sf-pro-regular'; src: url('../../public/front/fonts/sf-pro-display-regular.woff'); font-display: swap; } /* fonts end */ body { font-family: 'sf-pro-regular'; height:100%; } /* header */ .custom-nav { padding-left: 36px; padding-right: 36px; background-color: #fff; padding-bottom:0px; height:100px; } .custom-nav .nav-search { position: relative; min-width: 50px; min-height: 20px; } .custom-nav .nav-search .form-control { display: none; width: 0px; border-radius: 50px; transition: 0.3s; } .custom-nav .nav-search.open .form-control { display: inline-block; width: 250px; text-transform: uppercase; } .custom-nav .nav-search .search-icon {/* position: absolute;*/ top: 0px; right: 10px; cursor: pointer; z-index: 111; } .custom-nav .nav-search .close-icon { position: absolute; top: 0px; right: 10px; cursor: pointer; z-index: 111; } .product-mega-menu { display: none; } .category-menu { position: static /*!important*/; } .custom-nav li:hover .product-mega-menu { display: block; width: 90%; height: 350px; position: absolute; z-index: 77; background: #fff; top: 50px; left: 5%; display: flex; flex-wrap: wrap; padding: 10px 0; border-radius: 10px; } .industries-mega-menu { display: none; background-color:#fff; } .industry-menu{ position:static /*!important*/; } .custom-nav li:hover .industries-mega-menu { display: block; width: 90%; height: auto; position: absolute; z-index: 77; background: #fff; top: 103px; left: 0%; right: 0; margin: 0 auto; display: flex; flex-wrap: wrap; border-radius: 10px; } .industries-menu-block { width: 100%; height: auto; overflow-y:auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding:10px; } .industries-scroll-main{ max-height: 456px !important; } .industries-scroll-main::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F8F8F8; } .industries-scroll-main::-webkit-scrollbar{ width: 6px; background-color: #F8F8F8; } .industries-scroll-main::-webkit-scrollbar-thumb{ background-color: #ed3338; } .industries-menu-block a { width: 32.7%; height: auto; display: block; position: relative; margin-bottom: 10px; } .industries-menu-block a:hover .text-block { display: none; } .industries-menu-block a img { width: 100%; height: auto; } .industries-menu-block a .text-block { width: 100%; height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0px; background-color: rgba(255, 255, 255, 0.7); display: flex; text-align: center; } .industries-menu-block a .text-block .text { font-size: 20px; align-self: center; color: #555555; margin: 0 auto; } .tree-menu {width: 100%; height: 100%; display: inline-block; list-style: none; position: relative; border-right: 1px solid #e1e1e1; padding: 0px; } .tree-menu ul { display: none; list-style: none; width: 100%; height: 100%; position: absolute; top: 0; padding: 0; width: 100%; left: 100%; border-right: 1px solid #e1e1e1; padding: 0px; overflow-y: auto; } .tree-menu li { cursor: pointer; padding: 7px 12px; } .tree-menu li a { text-decoration: none; color: #555555; white-space:normal; } .tree-menu li:hover { background-color: #e1e1e1; background-image: url('../img/arrow-right.png'); background-repeat: no-repeat; background-position: 95% 50%; padding-right: 40px; } .cat-level-0 .tree-menu li.highlight, .cat-level-1 .tree-menu li.highlight { background-color: #e1e1e1; background-image: url('../img/arrow-right.png'); background-repeat: no-repeat; background-position: 95% 50%; padding-right: 40px; } .cat-level-0 .tree-menu li.menu-hoverimage, .cat-level-1 .tree-menu li.menu-hoverimage, .cat-level-2 .tree-menu li.menu-hoverimage { background-image:none;} .tree-menu ul ul ul li:hover { background-image: none;} .industries-mega-menu .tree-menu ul ul li:hover { background-image: none; } .tree-menu li:hover>ul { background-color: #fff;display: block;} /* header end */ /* hero section */ .hero-section { width: 100%; height: auto; position: relative; } .dnhvideo{ width: 100%; height: 510px;} /* hero section end */ /* search section */ .search-section {width: 100%; height: auto; padding: 70px 0px; background-color: #F8F8F8; } .search-section .search-box {width: 100%;height: 55px; position: relative; margin-bottom: 24px; } .search-section .search-box .form-control { width: 100%; height: 55px; border-radius: 50px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border: 1px solid transparent; padding: 0px 20px; margin-top:-1px; text-transform: uppercase; } .search-section .search-box .btn-submit { height: 55px; border-radius: 50px; padding: 0px 40px; font-size: 20px; font-family: 'sf-pro-medium'; position: absolute; background-color: #ed3338; color: #fff; top: 0; right: 0; } .search-section .pills-box { width: 100%; height: auto; display: flex; flex-wrap: wrap; } .search-section .pills-box .link-pill {font-size: 18px; font-family: 'sf-pro-regular'; color: #555555; background-color: #fff;border-radius: 50px; padding: 10px 25px; margin-right: 10px; margin-bottom: 16px; text-decoration: none; transition: 0.3s; } .search-section .pills-box .link-pill:hover { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); } #loader { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; background: rgba(0, 0, 0, 0.7); transition: opacity 0.2s; } #loader.hide { visibility: hidden; opacity: 0; } .spinner { width: 4.8px; height: 4.8px; animation: spinner-z355kx 1.4s infinite linear; border-radius: 4.8px; box-shadow: 12px 0px 0 0 #ed3338, 7.4px 9.4px 0 0 #ed3338, -2.6px 11.6px 0 0 #ed3338, -10.8px 5.2px 0 0 #ed3338, -10.8px -5.2px 0 0 #ed3338, -2.6px -11.6px 0 0 #ed3338, 7.4px -9.4px 0 0 #ed3338; position: absolute; left: 50%; top: 50%; } @keyframes spinner-z355kx { to {transform: rotate(360deg); } } li.search-part { position:relative; } #search-result { height: 50px; position: absolute; text-align: center; display: none; /*border: 1px solid #e8e8e8;*/ width: 250px; left: 0; background-color: #FFFFFF; z-index: 1; margin-top:3px; } #search-result ul { padding-left: 0;} #search-result ul li { list-style: none; text-align: start; display: block; background: #FFFFFF; border: 1px solid #E8E8E8; line-height: 45px; padding-left: 10px; color: #555555; } #search-result ul li a { color: #555555; text-decoration: none;} #search-result ul li.view-more { padding: 10px; line-height: normal; font-size: 13px; text-align: end; } #search-result-m { height: 50px; position: absolute; text-align: center; display: none; /*border: 1px solid #e8e8e8;*/ width: 94%; /*left: 0;*/ background-color: #FFFFFF; z-index: 1; margin-top:3px; } #search-result-m ul { padding-left: 0; } #search-result-m ul li { list-style: none; text-align: start; display: block; background: #FFFFFF; border: 1px solid #E8E8E8; line-height: 45px; padding-left: 10px; color: #555555; } #search-result-m ul li a { color: #555555; text-decoration: none; } #search-result-m ul li.view-more { padding: 10px; line-height: normal; font-size: 13px; text-align: end; } /* search section end */ /* dn-secheron section */ .d-and-content { display: flex; align-items: center; justify-content: space-between; padding: 70px 0px; } .d-and-h-heading .d-and-h-desc { max-width: 535px; font-weight: 400; font-size: 16px; line-height: 25px; color: #555555; margin-bottom: 30px; text-align: justify; } .d-and-h-title { max-width: 605px; font-weight: 500; font-size: 30px; line-height: 40px; color: #ed3338; margin-bottom: 30px; } .btn.read-more-btn { background: #ed3338; border-radius: 50px; font-weight: 500; font-size: 20px; line-height: 24px; color: #ffffff; padding: 16px 27px; } /* dn-secheron section end */ /* our-products-section */ .our-products-section { width: 100%; height: auto; padding: 70px 0px; background-color: #F8F8F8; } .our-products-section .year-box { width: auto; height: auto; position: relative; } .our-products-section .year-box .timeline-circle { width: auto; height: auto; } .our-products-section .year-box .timeline-box { width: 100px; height: 203px; position: absolute; right: 120px; top: 100px; } .our-products-section .year-box .timeline-box .past { font-size: 20px; font-family: 'sf-pro-regular'; color: #555555; position: absolute; top: 0px; margin: 0; transform: rotate(-18deg); } .our-products-section .year-box .timeline-box .present { font-size: 20px; font-family: 'sf-pro-regular'; color: #ed3338; position: absolute; top: 86px; margin: 0; } .our-products-section .year-box .timeline-box .future { font-size: 20px; font-family: 'sf-pro-regular'; color: #555555; position: absolute; bottom: 0px; margin: 0; transform: rotate(18deg); } .our-products-section .title { font-size: 35px; font-family: 'sf-pro-medium'; color: #ed3338; margin-bottom: 30px; } .our-products-section .product-heading { font-size: 30px; font-family: 'sf-pro-medium'; margin-bottom: 20px; color:#555555; } .our-products-section .product-description { font-size: 16px; font-family: 'sf-pro-regular'; margin-bottom: 0; color:#555555; } /* our-products-section end */ /* achievements-section */ .achievements-section { width: 100%; height: auto; padding: 70px 0px; } .achievements-section .slider-box { width: 100%; height: auto; background: #F8F8F8; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15); border-radius: 25px; padding: 50px; } .achievements-section .slider-box .title { font-size: 20px; font-family: 'sf-pro-medium'; color: #ed3338; margin-bottom: 20px; } .achievements-section .slider-box .content-box { width: 100%; height: auto; display: flex; flex-wrap: wrap; margin-bottom: 45px; } .achievements-section .slider-box .content-box .data { display: none; } .achievements-section .slider-box .content-box .data:first-child { display: block; } .achievements-section .slider-box .content-box .content-img { width: auto; height: 50px; margin-right: 20px; align-self: center; } .achievements-section .slider-box .content-box .content-name { width: auto; font-size: 1rem; font-family: 'sf-pro-medium'; color: #555555; margin-bottom: 0px; align-self: center; } .achievements-section .slider-box .content-box .content-description { width: 100%; font-size: 20px; font-family: 'sf-pro-medium'; color: #555555; margin-bottom: 0px; margin-top: 30px; } .achievements-section .slider-box #owl-demo-2 { text-align: center; } .achievements-section .slider-box #owl-demo-2 img { width: auto; height: 40px; text-align: center; } .achievements-section .achievements-box { width: 100%; height: auto; display: flex; flex-wrap: wrap; } .achievements-section .achievements-box .box { width: 50%; height: auto; align-self: center; } .achievements-section .achievements-box .box:nth-child(odd) { padding-right: 75px; padding-bottom: 45px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .achievements-section .achievements-box .box:nth-child(even) { padding-left: 75px; padding-bottom: 45px; border-bottom: 1px solid #e1e1e1; } .achievements-section .achievements-box .box:nth-last-child(2), .achievements-section .achievements-box .box:nth-last-child(1) { border-bottom: 1px solid transparent; } .achievements-section .achievements-box .box .number { font-size: 40px; margin-bottom: 0px; font-family: 'sf-pro-bold'; color: #ED3338; } .achievements-section .achievements-box .box .text { font-size: 18px; margin-bottom: 0; font-family: 'sf-pro-regular'; color: #555555; } #owl-demo-2 .owl-carousel .owl-stage::after { padding-bottom: 20px; } #owl-demo-2 .owl-item.active.center::before { content: ' '; width: 12px; height: 12px; background-color: #ED3338; position: absolute; bottom: -20px; border-radius: 50%; left: 0; right: 0; margin: 0 auto; } /* achievements-section end */ /* consistent quality section */ .consistent-quality-sec { width: 100%; height: auto; padding: 70px 0px; } .consistent-quality-text { margin-bottom: 50px; } .consistent-quality-title { font-weight: 700; font-size: 40px; line-height: 40px; color: #555555; margin-bottom: 15px; } .consistent-quality-des { font-weight: 400; font-size: 18px; line-height: 40px; color: #555555; } /* consistent quality section end */ /* customer- slider */ /* customer- slider end */ /* product-finder-section */ .product-finder-section { width: 100%; height: auto; padding: 70px 0px; background-color: #F8F8F8; } .product-finder-section .finder-heading { font-size: 16px; font-family: 'sf-pro-medium'; color: #ed3338; margin-bottom: 7px; text-align: center; } .product-finder-section .finder-box { width: 100%; height: auto; padding: 26px 30px; border-radius: 100px; background-color: #ED3338; position: relative; z-index: 1; } .product-finder-section .finder-box .finder-list { width: 100%; height: auto; padding: 18px 25px; background-color: #fff; border-radius: 100px; list-style: none; display: flex; justify-content: space-between; position: relative; z-index: 3; margin-bottom: 0px; } .product-finder-section .finder-box .finder-list .finder-item { width: 170px; height: auto; position: relative; display: flex; /*justify-content: space-between;*/ background-color: #fff; flex-wrap: wrap; } .product-finder-section .finder-box .finder-list .finder-item .label { width: 31px; height: 31px; margin: 0px; align-self: center; background-color: #ED3338; color: #fff;font-size: 16px; border-radius: 50%; padding: 4px 0px; text-align: center; margin-right: 15px; } .product-finder-section .finder-box .finder-list .finder-item .form-select { width: 123px; border: none; } .product-finder-section .finder-box .finder-list .finder-item .form-select:focus { border-color: transparent; outline: 0; box-shadow: none; } .product-finder-section .finder-box .finder-list .finder-item.active::before { content: 'Steps 1 of 4'; position: absolute; color: #fff; font-size: 16px; font-family: 'sf-pro-medium'; top: -43px; left: 60px; } .product-finder-section .finder-box .finder-list .finder-item.active.item-2::before { content: 'Steps 2 of 4'; } .product-finder-section .finder-box .finder-list .finder-item.active.item-3::before { content: 'Steps 3 of 4'; } .product-finder-section .finder-box .finder-list .finder-item.active.item-4::before { content: 'Steps 4 of 4'; } .product-finder-section .finder-box .finder-list .finder-item .step-image { display: none; } .product-finder-section .finder-box .step-image { display: block; position: absolute; top: calc(50% - 90px); left: -3%; z-index: 1; } .product-finder-section .btn-red { width: 100%; text-align: center; padding: 17px 30px; font-size: 16px; font-family: 'sf-pro-medium'; color: #fff; background-color: #ed3338; border-radius: 50px; margin-bottom: 20px; transition: 0.3s; } .product-finder-section .btn-red:hover { background-color: #ed3338; } .product-finder-section .finder-list ul { list-style:none; padding-left:0; width:72%; } .product-finder-section .finder-list ul li { display:none; } .product-finder-section .finder-list div a { line-height:35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: calc(90%); vertical-align: middle; color:#555555; } .product-finder-section .finder-list div a:hover{ color:#555555; } .product-finder-section .finder-list div i { float:right; line-height:35px; color:#555555; } .product-finder-section .finder-list li.item-1:hover ul { position: absolute; width: 280px; top: 97%; left: 10%; background: white; padding:10px; cursor: pointer; box-shadow: 0 5px 17px -5px rgb(0 0 0 / 75%); } .product-finder-section .finder-list li.item-1 ul li:hover{ background: #ed3338; opacity: .8; color: #fff; } .product-finder-section .finder-list ul li i { float:right; padding-top:5px; } .product-finder-section .finder-list li.item-1:hover ul li { display:block; padding: 5px; border-radius: 4px; } .product-finder-section .finder-list li.item-2:hover ul { background: white; width: 233px; top: 97%; left:10%; padding: 10px; position: absolute; box-shadow: 0 5px 17px -5px rgb(0 0 0 / 75%); } .product-finder-section .finder-list li.item-2:hover ul li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: calc(90%); vertical-align: middle; color:#555555; text-decoration: none; } .product-finder-section .finder-list li.item-2 ul li:hover a{ color: #fff; } .product-finder-section .finder-list li.item-2 ul li:hover{ background: #ed3338; opacity: .8; } .product-finder-section .finder-list li.item-2:hover ul li { display:block; padding: 5px; border-radius: 4px; } .product-finder-section .finder-list li.item-3:hover ul { position: absolute; background: white; width: 233px; top: 97%; left:10%; padding: 10px; box-shadow: 0 5px 17px -5px rgb(0 0 0 / 75%); } .product-finder-section .finder-list li.item-3:hover ul li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: calc(90%); vertical-align: middle; color:#555555; text-decoration: none; } .product-finder-section .finder-list li.item-3 ul li:hover a{ color: #fff; } .product-finder-section .finder-list li.item-3 ul li:hover{ background: #ed3338; opacity: .8; } .product-finder-section .finder-list li.item-3:hover ul li { display:block; padding: 5px; border-radius: 4px; } .product-finder-section .finder-list li.item-4:hover ul { position: absolute; background: white; width: 233px; top: 97%; left:10%; padding: 10px; z-index:3; box-shadow: 0 5px 17px -5px rgb(0 0 0 / 75%); } .product-finder-section .finder-list li.item-4:hover ul li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: calc(90%); vertical-align: middle; color:#555555; text-decoration: none; } .product-finder-section .finder-list li.item-4 ul li:hover a{ color: #fff; } .product-finder-section .finder-list li.item-4 ul li:hover{ background: #ed3338; opacity: .8; } .product-finder-section .finder-list li.item-4:hover ul li { display:block; padding: 5px; border-radius: 4px; } /* product-finder-section end */ /* mega-project-section */ .mega-project-section { width: 100%; height: auto; /*padding: 70px 0px;*/ } .mega-project-section .mega-projects { font-size: 40px; font-family: 'sf-pro-bold'; text-align: center;margin-bottom: 70px; color:#555555; } .mega-project-section .image-box { display: none; } .mega-project-section .image-box.active { display: block; width: 100%; height: auto; border-radius: 25px; overflow: hidden; position: relative; } .mega-project-section .image-box.active .mega-project-image { width: 100%; height: auto; } .mega-project-section .image-box.active .project-heading-box { width: 370px; height: 260px; background-color: #ed3338; padding: 26px 43px; position: absolute; right: 0; bottom: 0; } .mega-project-section .image-box.active .project-heading-box .project-heading { font-size: 40px; font-family: 'sf-pro-bold'; color: #FFFFFF; margin-bottom: 0px; line-height: 1; } .mega-project-section .owl-item-div .mega-counter { font-size: 70px; font-family: 'sf-pro-bold'; line-height: 1; margin-bottom: 35px; margin-top: 20px; color:#555555; } .mega-project-section .owl-item-div .mega-title { font-size: 30px; font-family: 'sf-pro-medium'; margin-bottom: 30px; color:#555555; } .mega-project-section .owl-item-div .mega-description { font-size: 16px; margin-bottom: 30px; color: #555555; } .mega-project-section .owl-dot span { display: none !important; } .mega-project-section .owl-dots { justify-content: start; } .mega-project-section .owl-dot { width: 46px; height: 2px; background-color: #D9D9D9; appearance: none; border: none; margin: 0px 5px; } .mega-project-section .owl-dot.active { width: 46px; height: 2px; background-color: #ED3338; appearance: none; border: none; margin: 0px 5px; } .mega-project-section .owl-item a { text-decoration: none; color: #ed3338; font-size:32px; } .text-red {color: #ED3338; } /* mega-project-section end */ /* whats-new-section */ .whats-new-section { width: 100%; height: auto; padding: 70px 0px; background-color: #F8F8F8; } .whats-new-section .whats-new-box, .whats-new-section .product-box, .whats-new-section .article-box, .whats-new-section .megaproject-box, .whats-new-section .blog-box { width: 100%; height: auto; position: relative; margin-bottom: 30px; overflow: hidden; } .whats-new-section .whats-new-box img, .whats-new-section .article-box img, .whats-new-section .product-box img, .whats-new-section .megaproject-box img, .whats-new-section .blog-box img { width: 100%; height: auto; } .whats-new-section .whats-new-box .content-box, .whats-new-section .article-box .content-box, .whats-new-section .product-box .content-box, .whats-new-section .megaproject-box .content-box, .whats-new-section .blog-box .content-box { width: 100%; height: auto; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; transition: 0.3s; color: #fff; cursor: pointer; } .whats-new-section .whats-new-box, .whats-new-section .product-box { border-bottom-right-radius: 50px; } .whats-new-section .product-box{ height:270px; } .whats-new-section .article-box, .whats-new-section .megaproject-box { border-top-left-radius: 50px; } .whats-new-section .products-box { border-bottom-right-radius: 50px; } .whats-new-section .blog-box { border-top-right-radius: 50px; } .whats-new-section .whats-new-box .content-box .heading, .whats-new-section .article-box .content-box .heading, .whats-new-section .product-box .content-box .heading, .whats-new-section .megaproject-box .content-box .heading, .whats-new-section .blog-box .content-box .heading { font-size: 40px; font-family: 'sf-pro-bold'; margin-bottom: 30px; } .whats-new-section .whats-new-box .content-box .description { font-size: 16px; margin-bottom: 0; width: 60%; } .whats-new-section .whats-new-box .content-box:hover, .whats-new-section .article-box .content-box:hover, .whats-new-section .product-box .content-box:hover, .whats-new-section .megaproject-box .content-box:hover, .whats-new-section .blog-box .content-box:hover { background-color: rgba(223, 67, 72, 0.8); } .whats-new-section .whats-new-box .content-box { padding: 40px; background:rgba(0, 0, 0, 0.4); } .whats-new-section .whats-new-box{ height:330px; width: auto; } .whats-new-section .blog-box .content-box { display:flex; align-items:center; justify-content:center; flex-direction:column; } .whats-new-section .megaproject-box .content-box {display:flex; align-items:center; justify-content:center; flex-direction:column; } .whats-new-section .product-box .content-box { display:flex; align-items:center; justify-content:center; flex-direction:column; background: rgba(0, 0, 0, 0.5); } .whats-new-section .article-box .content-box { display:flex; align-items:center; justify-content:center; flex-direction:column; } .btn-readmore { background-color: #ED3338; padding: 16px 32px; color: #fff !important; border-radius: 50px; text-decoration: none; } .btn-readmore:hover { background-color: #ED3338; color: #fff !important; } /* whats-new-section end */ /* Faq Section */ .faq-section { width: 100%; height: auto; padding: 70px 0px; } .faq-title { font-family: 'sf-pro-bold'; font-size: 40px; line-height: 40px; color: #555555; margin-bottom: 30px; } .accordion-item { margin-bottom: 20px; } .accordion .accordion-item { border-radius: 30px; overflow: hidden; border: none; } .accordion-button { border: none; background: #f8f8f8; padding: 20px 30px; font-weight: 500; font-size: 18px; line-height: 40px; color: #555555; } .accordion-button:not(.collapsed) { color: #ffffff; background-color: #ed3338; box-shadow: none; } .accordion-body { color: #ffffff; padding: 10px 30px; background-color: #ed3338; } .accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed { border-radius: 0px; } .accordion-button:focus { z-index: 1; border-color: transparent; outline: 0; box-shadow: none; } .accordion-button:not(.collapsed)::after { filter: grayscale(1) brightness(0); } /* Faq Section end */ /* contact modal */ .btn-contact { border-radius: 0px; background-color: #ED3338; color: #fff; font-size: 18px; font-family: 'sf-pro-bold'; transform: rotate(-90deg); position: fixed; top: calc(50% - 20px); right: -40px; } .btn-contact:hover { background-color: #ED3338; color: #fff; } #offcanvasExample { top: 10%; bottom: 10%; border-radius: 10px; height: auto; } /* contact modal end */ /* footer section */ footer {background-color: #f8f8f8;padding: 40px;border-top: 6px solid #555555;} .footer-links {display: flex; column-gap: 50px; justify-content:center; } .footer-link-name {font-weight: 700; font-size: 20px; line-height: 40px; color: #555555; margin-bottom: 10px; } .company-info-1 { width: 140px; } .company-info-2 { width: 130px; } .product-info { width: 263px; } .contact-info { max-width: 230px; } .footer-links ul { list-style: none; padding:0px; } .footer-links ul li a {font-weight: 400; font-size: 14px; line-height: 40px; color: #555555; text-decoration: none; } .footer-link-name-blank { margin-bottom: 50px; } .heat-input-calculator-btn{cursor: pointer;} .mapouter {position: relative;text-align: right;width: 350px; height: 250px; border-radius: 10px; } .gmap_canvas { overflow: hidden; background: none !important; width: 350px; height: 250px; border-radius: 10px; } .gmap_iframe {width: 350px !important; height: 250px !important; border-radius: 10px; border:0px; overflow: hidden !important; margin: 0px !important; } .contact-info li a { font-weight: 500 !important; font-size: 14px !important; margin-bottom: 0 !important; } .copyright-sec { margin-top: 30px; } .footer-copy-right {display: flex; justify-content: space-between; width: 100%; position: relative; } .footer-copy-right::before { content: ""; border-top: 1px solid #333333; height: 1px; width: 100%; position: absolute; top: -20px; left: 0; } .socical-media-links a img { margin: 0 5px; } .privacy-policy-link a { font-weight: 400; font-size: 16px; line-height: 40px; color: #555555; text-decoration: none; } /* footer section end */ /* Conventional Welding Consumables css */ .product-broudcum-main { height:auto; } /*.conventionmain{ position:relative; margin-bottom:20px; }*/ .des-category-image-headsection{ display:block; margin:auto; min-width:100%; width:auto; } .product-broudcumhead{ padding: 40px 0px ; color: #555555; } .product-broudcumhead ul{padding-left: 0px; list-style: none; display: flex; justify-content: center; flex-wrap:wrap; color:#555555; } .product-broudcumhead ul li a { color: #555555; padding-left: 10px; text-decoration: none; } .product-broudcumhead ul li i { padding-left: 10px; font-size: 0.8rem; } .product-brocud-text{ padding-left:10px; } /* .conventionhead { padding: 40px 0px ; color:#555555; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } */ .conventionhead { padding: 30px 0px 1px 0px; color:#555555; background-color: #f8f8f8;} .conventionhead p { text-align: center; font-size: 0.8rem; } .conventionhead h1 { text-align: center; font-size: 2rem; font-weight: bold; } /* .conventionhead ul { padding-left: 0px; list-style: none; display: flex; justify-content: center; flex-wrap:wrap; } */ .conventionhead ul { list-style: none; display: flex; flex-wrap:wrap; padding-left: 0px; } .conventionhead ul li a { color: #555555; padding-left: 5px; text-decoration: none; } .conventionhead ul li i { padding-left: 10px; font-size: 0.8rem; color:#555555; } .conventionhead ul li.categorytext { padding-left: 10px; } .conventionmain-without-bg { background-color: #EBEAEA; height: auto; } .conventionmain-without-bg .conventionhead, .conventionmain-without-bg .conventionhead ul li a { color: #555555; } .boxmain{ padding: 20px 0px; } .box-1{ background: #ed3338; padding: 26px 26px; border-radius: 100px; position: relative; } .box-2{ background: #fff; border-radius: 100px; padding: 30px; } .product_step_inner1 { margin: 0; padding: 0; list-style: none; padding-top: 0!important; display: flex; } .box-2 ul li { width: 100%; } .product_step_inner1 a{ text-decoration: none; color: #555555; } .product_step_inner1 i { padding-top: 5px; } .product_step_inner1 span{background: #f8f8f8; width: 40px; height: 40px; color: #ed3338; font-weight: 600; cursor: pointer; line-height: 40px; text-align: center; border-radius: 50%; margin-right: 10px; flex: none; padding: 12px 14px; } .product_step_inner1 span:hover{background-color: #ed3338; color: #fff; } .product_step_inner1 li div i { float:right; color:#555555;} .product_step_inner1 ul { list-style:none; padding-left:0; color:#555555; } .product_step_inner1 ul li { display:none; } .product_step_inner1 li.item-1:hover ul { position: absolute; width: 280px; top: 97%; left: 10%; background: white; padding:10px; cursor: pointer; box-shadow: 0 5px 17px -5px rgb(0 0 0 / 75%); } .product_step_inner1 li.item-1 div a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: calc(87%); vertical-align: middle; color:#555555; } .product_step_inner1 li.item-1 ul li:hover a{ color: #fff; } .product_step_inner1 li.item-1 ul li:hover{ background: #ed3338; opacity: .8; } .product_step_inner1 li.item-1:hover ul li { display:block; padding: 5px; border-radius: 4px; } .product_step_inner1 li.item-2:hover ul { position: absolute; background: white; width: 300px; left: 10%; top: 97%; padding: 10px; cursor: pointer; box-shadow: 0 5px 17px -5px rgb(0 0 0 / 75%); } .product_step_inner1 li.item-2 div a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 80%; vertical-align: middle; color:#555555; } .product_step_inner1 li.item-2 ul li:hover a{ color: #fff; } .product_step_inner1 li.item-2 ul li:hover{ background: #ed3338; opacity: .8; } .product_step_inner1 li.item-2:hover ul li { display:block; padding: 5px; border-radius: 4px; } .product_step_inner1 li.item-3:hover ul { position: absolute; background: white; width: 310px; top: 97%; left: 10%; padding:10px; cursor: pointer; box-shadow: 0 5px 17px -5px rgb(0 0 0 / 75%); } .product_step_inner1 li.item-3 div a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 80%; vertical-align: middle; color:#555555; } .product_step_inner1 li.item-3 ul li:hover a{ color: #fff; } .product_step_inner1 li.item-3 ul li:hover{ background: #ed3338; opacity: .8; } .product_step_inner1 li.item-3:hover ul li { display:block; padding: 5px; border-radius: 4px; } .product_step_inner1 li.item-4:hover ul { position: absolute; background: white; top: 97%; left: 10%; padding: 10px; width: 250px; cursor: pointer; box-shadow: 0 5px 17px -5px rgb(0 0 0 / 75%); z-index:22; } .product_step_inner1 li.item-4 ul li:hover a{ color: #fff; } .product_step_inner1 li.item-4 ul li:hover{ background: #ed3338; opacity: .8; } .product_step_inner1 li.item-4 div a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 80%; vertical-align: middle; color:#555555; } .product_step_inner1 li.item-4:hover ul li { display:block; padding: 5px; border-radius: 4px; } /*.product-finder-section .finder-list ul li i { float:right; line-height:35px; }*/ .dropdown-menu{ border-radius: 5px; transform: translate(0px , 52px) !important; border: none !important; width: 100%; z-index:1; } .dropdown-menu li{ padding: 5px 10px !important; } .dropdown-item:hover{background-color: #ed3338 !important; border-radius: 5px; color: white !important; } .conventionalsec2{ background-color: #f8f8f8; padding:20px 0px; } .conventionalsec2 .conventionalsec2content .sub-category-product { display: none; } .rowcommon{ margin-left: 0px !important; margin-right: 0px !important; } .productitemhead{ text-decoration: none; color: #555555; transition: transform .2s; padding-left: 15px; display: block;font-size: 0.9rem;} .productitemhead:hover{ color: #555555; /*transform: translateX(20px);*/font-size: 1.1rem;padding-left: 0px;} .conventionalsec2content ul.productitem {list-style: none;padding-left: 2rem; font-size: 0.9rem; } .productitem a {color: #ed3338;text-decoration: none;} .productitem a:hover{ color: #ed3338; } .productitem span{ color: #555555; } .conventionalsec2content{ border-right: 1px dotted rgba(0, 0, 0, 0.2); padding: 15px 10px; height: 100%; } .conventionalsec2content h4{ color: #ed3338; font-weight: bold; } .conventionalsec2content h5{ color: #555555; font-weight: bold; } .conventionalsec2content ul { list-style: none; padding-left: 0px; } /* conventional-welding-consumables-hard-surfacing-wire-maxfil-31b-mdh css */ .producttitle{ text-align: center ; padding: 18px 0px} /* .producttitle ul {list-style: none; display: flex; align-items: center; justify-content: center; padding-left:0px; } */ .producttitle ul {list-style: none; display: flex; align-items: center; padding-left: 0px;} .producttitle ul li a{ text-decoration: none; color: #555555; font-size: 0.8rem; } .producttitle ul li i {padding: 0px 10px; font-size: 0.8rem; color:#555555; } .categorytext{ color:#555555; } .productdetailpage{ background-color: #f8f8f8; } .productdetailpage-container { width: 90vw!important; margin: auto; } .productdetailcontent{ background-color: #fff; margin: 20px 0px; padding: 20px 0px; } .maxfilcontent{ padding: 40px 10px; } .productdetailcontent .maxfilcontent h1 { font-size: 1.25rem; color: #555555; } .productdetailcontent .maxfilcontent h2 { font-size: 1.75rem; color: #ED3338; } .maxfilcontent h3{ color: #ed3338; font-weight: bold; } .maxfilcontent h6{ margin-bottom: 0px; font-weight: bold; } .maxfilcontent p { padding: 15px 0px; } .product-approval { padding: 0px 10px; } .product-approval b{ color:#555555; } .product_table_bg { border: 2px solid #F0EEEE; padding: 10px; } .product_table_bg .bg_sec_table { background: #F0EEEE; color:#555555;} .product_table_bg .bg_sec_table .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .enquirebtn{border: none; color: #ed3338; border: 1px solid #ed3338; border-radius: 25px; padding: 10px 30px; background-color: #fff; } .downloadbtn{ border: none; color: #ed3338; border: 1px solid #ed3338; border-radius: 25px; padding: 10px 30px; background-color: #fff; } .sharebtn{ border: none; color: #ed3338; border: none; border-radius: 20px; padding: 5px 10px; background-color: #fff; font-weight: bold; font-size: 1.5rem; margin:10px 0px;} .pdfbtn{ border: none; color: #ed3338; border: none; border-radius: 20px; padding: 5px 10px; background-color: #fff; font-weight: bold; font-size: 1.5rem; } .productgallery{ background-color: #fff;} .productgallery h4{ padding-top: 30px; } .productgallery a { text-decoration: none; } .productgallerycontent h5{ color: #ed3338; padding-top: 20px; } .productgallerycontent p{ font-size: 0.9rem; } .modal-content{ width: 75% !important ; margin:auto; } .submitbtn{background-color: #ed3338; color: white; width: 100%; padding: 10px; border: none; } .form-control:focus{ border: 2px solid #555555 !important; } .form-control:active{ border:2px solid #555555 !important; } .closebtn{ float: right; width: 28%;} .closebtn span{ background-color: #ed3338; color: white; padding: 15px; border-radius: 50%; position: relative; z-index: 1;} .producttitle { text-align: center;padding: 18px 0px; } .producttitle a { text-decoration: none; color: #555555; font-size: 0.8rem; } .productdetailcontent { background-color: #fff; margin: 20px 0px; padding: 20px 0px; } .maxfilcontent { padding: 40px 10px; } .maxfilcontent h3 { color: #ed3338; font-weight: bold; } .maxfilcontent h5{ color:#555555; } .maxfilcontent h6 { margin-bottom: 0px; font-weight: bold; color:#555555; } .maxfilcontent p { padding: 15px 0px; color:#555555; } .productimg img { padding: 25px 0px; } .enquirebtn {border: none; color: #ed3338; border: 1px solid #ed3338; border-radius: 25px; padding: 10px 30px; background-color: #fff; } .downloadbtn { border: none; color: #ed3338; border: 1px solid #ed3338; border-radius: 25px; padding: 10px 30px; background-color: #fff; } .sharebtn { border: none; color: #ed3338; border: none; border-radius: 20px; padding: 5px 10px; background-color: #fff; font-weight: bold; font-size: 1.5rem; } .productgallery { background-color: white; } .productgallery h4 { padding-top: 30px; color:#555555; } .productgallerycontent h5 { color: #ed3338; padding-top: 20px; } .productgallerycontent p { font-size: 0.9rem; color:#555555; } .modal-content {width: 75% !important; margin-left: auto; } .submitbtn { background-color: #ed3338; color: white; width: 100%; padding: 10px; border: none; } .form-control:focus { border: 2px solid #555555 !important; } .form-control:active { border: 2px solid #555555 !important; } .closebtn span { position: absolute; top: -14px; background: #ed3338; transition: all .2s; font-size: 30px; font-weight: 700; text-decoration: none; color: #fff; padding: 1px 10px; line-height: 24px; margin: 0; border-radius: 100%; height: 35px; width:35px; opacity: 1; right: -17px; left: auto; z-index: 2; cursor: pointer; } .modeltopborder { border-top: 5px solid #ed3338; } .modeltopborder span { position: absolute; top: -14px; background: #ed3338; transition: all .2s; font-size: 30px; font-weight: 700; text-decoration: none; color: #fff; padding: 3px 10px; line-height: 24px; margin: 0; border-radius: 100%; height: 37px; opacity: 1; right: -17px; left: auto; z-index: 2; cursor: pointer; } .box-2 .product_step_inner1 .dropdown { display: flex; align-items:center; } .box-2 .product_step_inner1 .dropdown .label { width: 31px; height: 31px; margin: 0px; align-self: center; background-color: #f8f8f8; color: #ed3338; font-size: 16px; border-radius: 50%; padding: 4px 0px; text-align: center; margin-right: 15px; } .box-2 .product_step_inner1 .dropdown .form-select { width: 200px; border: none; } /* industries detail start */ .bannerproduct { /*background-image: url('../img/RAILWAY_SECTOR_Vyfd7hR.webp');*/ /*height: 60vh;*/ display: flex; align-items: center; justify-content: center; background-color: #f8f8f8 ; padding:25px 0px; } .bannerproduct ul { display: inline-flex; list-style: none; justify-content: center; padding-left:0px; margin-bottom:0px; } .bannerproduct ul li { font-size: 12px; } .bannerproduct ul li a { color: #555555; text-decoration: none; } .bannerproduct ul li i { color: #555555; padding-left: 5px; } .bannerproduct ul li a:hover { color: #555555; } .railwaysectortext { color: #555555; padding-left: 10px; } .railwaysectorheading { color: #555555; text-align:center; padding-top:20px; } .railwayheagingtext { text-align: center; font-size: 22px; font-weight: 600; margin-bottom: 15px; } .railwaydetailpage { width: 80%; margin: 20px auto; } .table thead th { vertical-align: top; border-bottom: 2px solid #dee2e6; padding: 0.75rem; color: #555555; font-size: 13px; font-weight: 400; text-transform: capitalize; border-top: 1px solid #dee2e6; text-align: center; } .recommond_thead { margin: 0; padding: 0; font-size: 13px; font-weight: 700; color: #ed3338; display: block; text-align: center; } .table tr td { font-size: 14px; text-align: center; border-top: 1px solid #ddd !important; border-top: 1px solid #ddd !important; } .scale_hover { cursor: pointer; transform: scale(.9); transition: all; transition-duration: .2s; text-decoration: none; } .scale_hover:hover { color: #555555; font-size: 15px; } .view_all_resources { border: 1px solid #ed3338; border-radius: 20px; margin-bottom: 16px; color: #ed3338; font-size: 14px; padding: 4px 20px; font-weight: 700; text-decoration: none; } .view_all_resources:hover { background: #ed3338; color:#fff; } /* careers css start */ .careerssection { width: 80%; margin: 30px auto; } .careermain{ background-color:#f8f8f8; padding:16px 0px; } .careermain ul { list-style: none; display: inline-flex; justify-content: center; align-items: center; flex-wrap:wrap; margin-bottom:0px; } .careermain ul li a { color: #555555; font-size: 13px; text-decoration: none; } .careermain ul li i{ padding: 0px 10px; font-size:15px; color:#555555; } .careermain h1{ color:#555555; } .careerstext { color: #555555; padding-left: 0px; font-size: 14px; } .careers-head{ text-align:center; color:#555555; } .career-head-text{ color:#555555; margin-bottom:0px; } .currentmain { background-color: #ed3338; color: #e9f6fb; text-align: center; padding-top: 60px; padding-bottom: 60px; border-radius: 15px; margin: 20px; } .currentmain:hover { transform: scale(1.1); cursor: pointer; } .card_btn { width: 100%; background: #ed3338; color: #fff; margin-bottom: 22px; font-size: 20px; } .card_btn:hover { width: 100%; background: #ed3338; color: #fff; margin-bottom: 22px; font-size: 20px; } .currenttext { width: 100% !important; } .productimg { width: 100%; margin: auto; display: block; padding: 10px 0px; } .productimg .slides { display: flex; align-items: center; } .productimg #carousel .slides li img { opacity: 0.5; } .productimg #carousel .slides li.flex-active-slide img { opacity: 1; } .productmain { background-color: #ed3338; display: flex; justify-content: center; border-radius: 17px; padding: 10px; margin: 20px; } .productmain:hover { transform: scale(1.1); cursor: pointer; } .current-opening-img{ width: 90px; margin: auto; display: block; padding: 10px 0px; } .card_padding { padding: 0px; } .modal-header { justify-content: center; } .productiontext { text-align: center;color: #fff; font-size: 20px; } .disclaimertext { color: #ed3338 !important; text-decoration: none; } .disclaimertext:hover{color: #ed3338 !important; } .disclaimermain { padding: 0px 15px; color:#555555; } .disclaimermaincareer{ padding: 0px 46px; } /* careers inner page start */ .careers_inner_sec { display: flex; justify-content: center; align-items: center; } .careers_inner_sec ul { list-style: none; display: flex; justify-content: center; align-items: center; padding-left: 0px; padding-right: 0px; } .careers_inner_sec ul li a {color: #fff; padding-left: 10px; text-decoration:none; } .careers_inner_sec ul li a i { padding-left: 10px; } .careers_inner_sec ul li { color: #fff; text-align: center; } .currentheading { color: #fff; text-align: center; } .careers_bg_img { background-image: url('../img/career_bg.webp'); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; /* padding-top: 70px; padding-bottom: 70px; margin-bottom: 57px; */ height: 400px; display: flex; justify-content: center; align-items: center; } .ippadding { padding-top: 30px; } .search_bar { padding-left: 30px; padding-right: 30px; } .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .searchinputbox { border-radius: 25px 0px 0px 25px; padding: 10px 18px; box-shadow: 0 4px 13px -5px rgb(0 0 0 / 28%); height: 55px; padding-left: 20px; margin-right: 18px; } .form-control:focus { border: none !important; outline: none !important; box-shadow: 0 4px 13px -5px rgb(0 0 0 / 28%); } .form-control.searchinputbox, .form-control.searchlocationbox { border: none; } .input-group-text { background-color: #ed3338; border-radius: 50%; color: #fff; padding: 16px; font-size: 1.4rem; } .searchlocationbox {border-radius: 25px 0px 0px 25px; padding: 10px 18px; box-shadow: 0 4px 13px -5px rgb(0 0 0 / 28%); height: 55px; padding-left: 20px; margin-right: 5px; } .locationiconbtn { border: none; background-color: #fff; box-shadow: 0 4px 13px -5px rgb(0 0 0 / 28%); padding: 0px 10px; font-size: 1.5rem; color: #ed3338; margin-right: 10px; } .serchboxmain { padding: 30px 0px; } .custom-select { width: auto; padding-left: 10px; } .custom-select select { border: none; background-color:unset; } .custom-select select:focus { outline: none; } .filterssec {display: flex; align-items: center; padding: 30px 0px; } .applybtn { background-color: #ed3338; font-size: 1rem; color: #fff; border-radius: 0.25rem; margin:10px 0px; } .applybtn:hover { background-color: #ed3338; color:#fff; } .iconfilter i { font-size: 2rem; font-weight: bold; padding-top: 10px; } .salesengineer h4 { color: #ed3338; font-size: 1.44rem; } .salesengineer { font-weight: 600; color: #555555; } .headingcareersinner { color: #555555; font-weight: 600; } .heading_table { font-size: 1.2rem; } .educationcontent {width: 50%; margin: auto; display: none; } .jobdetailmain { box-shadow: 0 0 14px -2px rgb(0 0 0 / 28%); padding: 30px; border-radius: 15px; margin-bottom:30px; } .jobdetailcontent { padding: 20px 0px; } .jobdetailcontent:hover { background-color: #eee; } .up-down { cursor:pointer; } .up-down:focus { background-color: #eee; } .career-list-box{ background-color: #f8f8f8; padding: 10px; } .careee-list-text p { margin-bottom: 0px; } .careee-list-text{ padding: 8px 0px; } .post-name{ font-size: 23px; font-weight: 600; color: #ed3338; text-decoration: none; height:65px; display:block; } .post-name:hover{ color: #ed3338; } .iconfilter{ float: right; } .career-list-closebtn span { position: absolute; top: -14px; background: #ed3338; /* transition: all .2s; */ font-size: 30px; font-weight: 700; /* text-decoration: none; */ color: #fff; padding: 4px 11px; line-height: 24px; margin: 0; border-radius: 100%; height: 37px; opacity: 1; right: -17px; left: auto; z-index: 2; cursor:pointer; } .career-list-closebtn{ border-top: 5px solid #ed3338; } .career-list-content{ width: 750px !important; margin-top:40px; } /* blog page css */ .blogbgmain { background-color: #f8f8f8; } .blogtitlemain { display: flex; justify-content: center; padding: 1.5rem; } .blog-filter:focus{ outline:none; } .blog_link { background-color: transparent; text-transform: capitalize; border: 1px solid #555555; font-size: 16px; color: #555555; font-weight: 500; text-align: center; border-radius: 100px; padding: 6px 10px; margin: 0 3px; background-color: #fff; border: 1px solid #ed3338 !important; border-radius: 22px !important; color: #ed3338; box-shadow: none !important; } .blogbtngroup { display: flex; justify-content: center; flex-direction: column; } .readmorebtnmain { margin-top:15px; padding-left: 15px; } .readmorebtn { color: #ed3338; vertical-align: middle; /* padding: 10px; */ text-decoration: none; /*padding:0px 16px;*/ } .readmorebtn:hover { color: #ed3338; } .readmorebtn i { font-size: 0.8rem; padding-left: 8px; } .card { border: none; } .insightshead { /*padding-bottom: 40px;*/ text-align: center; color:#555555; padding-top:10px; } .cardsapce { padding: 20px 0px; } .blogcontentmain { background: #fff; margin: 0px 30px; } /* blog inner detail page css */ .blogdetailmain { background-color: #f8f8f8; padding: 30px; } .blogdetailhead ul { list-style: none; display: inline-flex; justify-content: center; padding-left: 0px; margin-bottom: 1rem; } .blogdetailhead ul li a { color: #555555; padding-left: 10px; text-decoration: none; } .blogdetailhead ul li i { padding-left: 10px; font-size: 0.8rem; color: #555555; } .weldinghead { padding-left: 10px; color:#555555; } .typehead { text-align: center; margin-bottom: 40px; font-weight: bold; color:#555555; } .publishedhead { text-align: center; color: #555555; font-size: 1.12rem; } .blogshrebtn { background-color: #f8f8f8; } .bookimg { width: 2.4rem; } .mindata { font-weight: bold; margin-bottom: 0px; padding-left: 10px; color:#555555; } .shareandbookhead { display: flex; align-items: center; justify-content: center; padding: 16px 0px; } .typeofdata { padding: 40px 0px; width: 100%; margin: auto; } .typeofdata a{ color: #ed3338; text-decoration: none; } .typeofdata p{ color:#555555; padding:0px 10px; } .blogdatatext { color: #ed3338; text-decoration: none; } .blogdatatext:hover { color: #ed3338; } .weldingdetailcard { background-color: #f8f8f8; } .weldingcard { background-color: #f8f8f8; border-bottom:1px solid rgba(0, 0, 0, 0.4); border-radius:0px; } .weldingrowspace { margin-left: 0px; margin-right: 0px; } .weldingcardhead { color: #ed3338; text-decoration: none; font-size: 1.1rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 50px; } .weldingcardhead:hover{color:#ed3338; } .weldingblogimg { padding: 0px 1rem; width: 100%; } #blog-list .blog-desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 96px; } #blog-list .blog-img { /*width: 356px;*/ /*height: 170px;*/ } .blog_subscribe_bg { background-image: url('../img/blog_subscribe_bg.png'); background-size: cover; background-position: 50%; background-repeat: no-repeat; width: 100%; } .Subscribe_blog_heading { font-size: 30px; color: #fff; margin-top: 48px; margin-bottom: 48px; } .subscribeinput::placeholder { color: #fff; font-size: 1.2rem; } .subscribeinput { background-color: #E31E24; color: #fff; border: none; border-bottom: 1px solid #fff; border-radius: 0px; } .subscribeinput:focus { background-color: #E31E24; color: #fff; box-shadow: none; border-bottom: 1px solid #ffffff!important; } .subscribeicon { background-color: #E31E24; border: none; border-bottom: 1px solid #fff; font-size: 1.2rem; color: #fff; padding-left: 10px; } .subscribeicon i { vertical-align: middle; } #subscribeForm .error { color: #fff; } .Similar_blog_heading { font-size: 32px; font-weight: 700; padding-left:15px; color:#555555; } .product-mega-menu li a{ display:block;} .product-mega-menu.open .cat-level-0, .product-mega-menu.open .cat-level-1, .product-mega-menu.open .cat-level-2 { height:330px; overflow-y:auto; } .casestudy-section .cs-head { padding:15px 0px; } .casestudy-section .cs-foot { margin: 20px 0px; text-align:center; } .case-study-list a { color: #ed3338; text-decoration: none; } .case-study-list a:hover { color: #555555; } .case-study-list a i { color: #ed3338; font-size: 1rem; padding-left: 10px; } .case-study-list a:hover i { padding-left:20px; transition: all; transition-duration: .2s; } .error { color: #FF0000; } .product-title { padding: 15px 0px 0px; } .product-title a { text-decoration: none; text-align: center; display: block; color: #555555; } .product-code { text-align:center; font-size:13px; } .product-btn-group { text-align:center; } .product-btn-group button { margin-top:10px; } .disclaimer-text{ margin-top:10px; color:#555555; } .card-date{ text-align: start; font-size: 17.7px; font-weight: 400; margin-bottom: 0; } .education-inner-card{ text-decoration: none; color: #555555; } .education-inner-similar-main{ border-bottom: 1px solid rgba(0, 0, 0, 0.4); margin-bottom:20px; } .education-inner-card:hover{ color: #555555; } .card-date{ text-align: start; font-size: 17.7px; font-weight: 400; margin-bottom: 0; padding:0px 15px; } .educatio-card_heading{ text-align: start; font-size: 21px; line-height: 30px; color: #ed3338; font-weight: 600; margin: 5px 0 0; padding:0px 15px ; } .education-read_more{ text-align: start; font-size: 16px; line-height: 30px; color: #ed3338; font-weight: 600; display: block; padding:0px 15px; } /*privacy policy css */ .privacy-policy-main{ background-color:#f8f8f8; padding:20px 0px; } @media (min-width: 768px) and (max-width: 1199px) { .d-and-content { flex-wrap: wrap; justify-content: center; } .d-and-h-heading { margin-bottom: 30px; } .d-and-h-heading .d-and-h-desc { max-width: 100%; } .accordion-button { padding: 20px; } .footer-links { flex-wrap: wrap; row-gap: 30px; column-gap: 10%; } .footer-links ul li { margin-bottom: 0; } .footer-copy-right {flex-wrap: wrap; row-gap: 10px;} } @media (min-width: 320px) and (max-width: 767px) { .product-mega-menu.open { width: 100%; left: 0; right: 0; min-height: auto; } .product-mega-menu .menu-item { border-left: 1px solid transparent; border-bottom: 1px solid #e1e1e1; } .product-mega-menu .menu-item { width: 90%; height: fit-content; } .d-and-content { flex-wrap: wrap; justify-content: center; } .d-and-h-heading { margin-bottom: 30px; } .d-and-h-img img { width: 100%; } .d-and-h-heading .d-and-h-desc { max-width: 100%; } .consistent-quality-title { font-size: 26px; } .accordion-button {padding: 20px; } footer { padding: 0; } .footer-links { flex-wrap: wrap; row-gap: 30px; column-gap: 20%; } .footer-links ul { list-style: none; } .footer-links ul li { margin-bottom: 0; } .footer-copy-right { flex-wrap: wrap; row-gap: 10px; } } /* overview css start */ .overview_para_heading { font-size: 23px; text-align: center; font-weight: 600; color:#555555; } .color_red_text { color: #ed3338; } .overview_para { text-align: center; font-size: 18px; font-weight: 500; color: #555555; padding: 15px 60px; line-height: 25px; padding-left: 10%; padding-right: 10%; margin:0px !important; } .VMV_bg { background-color: #ed3338; padding: 48px; } .overview_ico_img { width: 140px; cursor: pointer; transition: all; transition-duration: .2s; } .overview_ico_img:hover{ transform: scale(1.2); } .icon_heading { text-align: center; font-size: 27px; font-weight: 600; color: #fff; } .VMV_text { text-align: justify; font-size: 17px; font-weight: 300; color: #fff; line-height: 22px; } .iconContainer{ height: 140px; } .bg_white{ background: #fff; } .Our_Committment_heading{ text-align: center; color: #555555; font-weight: 700; font-size: 45px; padding:3rem 0rem; } .Maincard{ height: 250px; perspective: 500px; } .overview-content{ height: 100%; width: 100%; position: absolute; transition: transform 1s; transform-style: preserve-3d; transition-delay: .3s; } .Maincard:hover .overview-content { transform: rotateY(180deg); } .br_right1{ border-right: 1px solid #aa0707; } .forntSide{ height: 100%; width: 100%; position: absolute; background-color: #fff; border: 1px solid #d1d0d0; color: #ed3338; backface-visibility: hidden; padding: 0 10px; display: flex; align-items: center; justify-content: center; } .BackSide{ background-color: #fff; color: #ed3338; transform: rotateY(180deg); border-color: #ed3338; display: flex; align-items: center; height: 100%; width: 100%; position: absolute; border: 1px solid #ed3338; backface-visibility: hidden; padding: 0 10px; display: flex; align-items: center; justify-content: center; } .color_flip {color: #ed3338; } .Our_Committment_card_text{ color: #555555; text-align: justify; } .Our_Committment_card{ border: 1px solid #d1d0d0; background: url('/assets/img/waterMark.png'); background-size: cover; height: 100%; } .Board_of_Directors_heading { text-align: center; color: #555555; font-weight: 700; font-size: 45px; } .directors_card { height: 200px; } .name_of_directors { text-align: center; font-size: 23px; margin: 0; color:#555555; } .directors_post { text-align: center; font-size: 15px; color: #a8a7a7; } /* csr policy css */ .CSR_Policy_bg{ background-image: url('../img/CSR_bg_img.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; height: auto; padding-top: 120px; padding-bottom: 120px; } .CSR_Policy-main ul { display: flex; justify-content: center; list-style: none; padding-left:0px; } .csr-text{ color: #ffffff; } .CSR_Policy-main ul li a { color: #dcdcdc; text-decoration: none; } .CSR_Policy-main ul li i { padding: 0px 10px; font-size: 13px; } .CSR_Policy_heading{ text-align: center; color: #fff; padding: 8px; font-size: 55px; font-weight: 700; } .CSR_paragraph_bg{ padding-top: 50px; padding-bottom: 50px; background:#f8f8f8; } .CSR_Policy_paragraph{ font-size: 25px; font-weight: 450; line-height: 30px; color: #555555; font-weight: 400; text-align: justify; padding: 0 40px; } .CSR_pvt_bg{ background: #ed3338; } .bdr_right{ border-right: 1px solid #fff; } .CSR_block_paddnig{ padding-top: 40px; padding-bottom: 40px; } .CSR_pvt_text{ font-size: 19.1px; text-align: center; color: #fff; font-weight: 600; } .CSR_pvt_text_sub{ font-size: 15px; text-align: center; color: #fff; font-weight: 400; } .Activities_container_bg{ background-image: url( '../img/about_dd.png' ); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; height: auto; padding-top: 50px; padding-bottom: 50px; } .Our_Activities_heading{ font-size: 34.1px; text-align: center; margin-bottom: 48px; color: #555555; font-weight: 700; margin-top: 50px; } .Our_Activities_sub_text{ font-size: 17.7px; font-weight: 400; margin: 0 0!important; line-height: 28px; color:#555555; } .Activities_highlight{ color: #ed3338; font-weight: 700; line-height: 1.8; } /* privacy policy css */ .common-heading{ font-weight: 700; margin-bottom: 45px; } .common-subHead{ font-size: 23px; font-weight: 600; color:#555555; } /*RECRUITMENT FRAUD css */ .sec_bg{ background: #f8f8f8; padding: 30px 0; } .recruitment-bg{ background: #f8f8f8; padding:30px 0px; } /* testimonial css */ .testimonial{ font-weight: 700; letter-spacing: 2px; } .testimonialImage{ max-width: 100%; } .modelbottom{ position:relative; bottom: -45px; } .testimonal-content{ width: 80% !important; background-color: transparent ; margin:auto; } .testimonal_logo{ padding:40px; cursor: pointer; transition: .5s all; } .testimonal_logo:hover{ transform: scale(1.1); } .buttonClose{ width:100%; margin-top:20px; } /*Education Center css */ .section_bredcumb ul { display: inline-flex; justify-content: center; list-style: none; flex-wrap:wrap; align-items:center ; padding-left: 0px; } .section_bredcumb ul li a { text-decoration: none; color:#555555; font-weight: 400; } .section_bredcumb ul li i { padding: 0px 10px; color:#555555; font-size:0.8rem; } .blog_heading { font-size: 40px; font-weight: 700; text-align: center; margin-bottom: 45px; color:#555555; } .education-select { width:100%; border:none; padding:17px 0px; border-radius: 10px; color:#555555; } .education-select:focus{ outline:none !important; } .education-section-bg{ background-color:#f8f8f8; padding:30px 0px; } .student_custom_bar{ box-shadow: 0 4px 15px -5px rgb(0 0 0 / 75%); background-color: #fff; border-radius: 25px; margin-bottom:30px; } .student_search_bg {width:94%; margin:auto; } .cat_tag{ border-right: 1px solid #d6d4d4; } .educatin-search-icon{ position: absolute; top:28%; right:4%; width:25px; } .eduction-search{ width: 100%; height: 100%; border: none; border-radius: 10px; padding-left:20px; color:#555555; } .eduction-search:focus{ outline:none; } .education-sec { padding: 15px; transform: scale(.9); transition: all; transition-duration: .2s; } .education-sec:hover{ transform: scale(1); } .education-main-card{ text-decoration: none; color: #555555; } .education-main-card:hover{ color:#555555; } .education-card-title{ text-align: start; font-size: 15px; font-weight: 500; text-decoration: none; color: #555555; outline: 0; margin:13px 0px; padding:0px 20px; } .education-cardmain-title{ text-align: start; font-size: 21.8px; font-weight: 600; color: #555555; outline: 0; margin:15px 0px; padding:0px 20px; } .eduction-card-text:hover{ color:#555555; } .eduction-card-text{ padding-top: 16px; font-size: 16px; font-weight: 450; padding:10px 20px; } .educatio-read-more{ text-align: start; font-size: 16.3px; color: #ed3338!important; font-weight: 700; cursor: pointer; padding:10px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* certification css */ .certification-heading{ letter-spacing: 2px; font-weight: 700; padding-bottom: 20px; } .certification-paragraph span{ color: #ed3338; font-weight: 600; } .certification-logo{ cursor: pointer; padding: 30px; } .logo-text{ font-weight: bold; text-align:center; margin-bottom: 0px; padding-top:20px; } .certification-iconspace{ margin-right: 4px; } .certification-main{ display:flex; flex-wrap:wrap; padding:30px; justify-content: center; } .certification-left{ width:30%; } .Certifications_card_name{ color: #ed3338; text-align: start; font-size: 26px; font-weight: 750; } .Logo_card_padding{ padding:20px; } .Certi_card_table_heading{ font-size: 20px; font-weight: 650; color:#555555; } .row_border{ border-bottom: 2px solid #ebe8e8; } .data-5-list{ max-height: 156px; } .td_text { font-size: 16px; font-weight: 500; margin-bottom:0px; padding:10px 0px; } .Certifications_btn{background: #f8f8f8; color: #e52b30; font-weight: 500; border: 1px solid #e52b30 ; border-radius: 18px ; width:200px; padding:7px 0px; } .Certifications_btn:hover{ background: #e52b30; color:white; } /* r&d center css */ .section_bredcumb ul li { color: #333; } .section_bredcumb ul li i { padding: 0px 10px; } .text_red { color: #ed3338; } .custom-rnd-img-left { width: 100%; /* height: 350px; */ object-fit: cover; object-position: center; } .RnD_grid_rigth { padding: 15px; } .RnD_building_text { line-height: 32px; text-align: justify; color: #555555; font-weight: 400; font-size: 21px; padding: 0 19px; margin-bottom:0px; } .god_css { display: flex; justify-content: center; align-items: center; } .bg-light { background-color: #fff !important; } .bg_red { background-color: #ed3338; } .RnD_sec_row_text_padding { padding: 22px; } .RnD_sec_row_text { line-height: 23px; color: #fff; font-weight: 400; text-align: justify; } .NABL_heading { text-align: center; color: #fff; font-weight: 700; font-size: 17px; } .NABL_sub_text { font-size: 13.6px; color: #fff; font-weight: 600; } .nbl_cirtificate_btn { text-decoration: none; border-radius: 15px; border: 3px solid #fff; color: #fff !important; font-weight: 500; } .nbl_cirtificate_btn:hover { border: 3px solid #fff; } .mob_padding { padding: 48px; padding-bottom: 0; } .RnD_main_Tests_heading { margin-bottom: 30px; } .page__heading_h1 { color: #555555; font-weight: 700; font-size: 2.5rem; color:#555555; } .RnD_test_card { border: 2px solid #d1cdcd; padding: 7px; margin-bottom: 30px; } .test_RnD_img { width: 100%; height: 237px; object-fit: cover; object-position: center; } .right-box{ padding-left:0px; } .RnD_test_heading{ font-size: 20.49px; color: #555555; font-weight: 600; padding: 0px 10px; } .RnD_sub_test{ font-size: 1rem; text-align: justify; color: #555555; font-weight: 400; text-align: justify; padding: 0px 10px; } .cirtificate-btn{ background-color:#dc3545 ; color: #ffffff; width: 100%; margin: 10px 0px; } .cirtificate-btn:hover{ background-color:#dc3545 ; color: #ffffff; width: 100%; } .certificate-content{ background-color: transparent; width: 80% !important; margin:auto; } .equipment_bg{ padding-bottom: 90px; background-color: #f8f8f8; } .Equipments_name{ font-size: 1.7vw; font-weight: bolder; color: #555555; font-weight: 600; text-align: center; margin-top: 24px; margin-bottom: 8px; } .RnD_Equipments_heading{ margin-bottom: 30px; text-align: center; height: 180px; } .page__heading_h1{ color: #555555; font-weight: 700; font-size: 2.5rem; } /*education inner css */ .education-inner-book{ display: flex; justify-content: center; align-items: center; } .education-inner-sec{ background-color:#f8f8f8 ; padding:30px; } .education-inner-book button{ padding:0px 15px; text-decoration: none;} /*searchpage css*/ .search_topic_heading{ font-size: 20px; color: #ed3338; text-decoration: none; } .search_topic_heading:hover{ text-decoration: underline; color: #ed3338; } .search_path{ font-size: 15px; color: #ed3338; text-decoration: none; } .search_path:hover{ color: #ed3338; } .search-breadcum { padding:10px 0px; } .search-breadcum i { color: #ed3338; } .search-main-sec{ padding:15px; } .searchbox-text{ border-bottom:1px solid rgba(0, 0, 0, 0.1); } .searchbox-text a{ color: #ed3338; text-decoration: none; } .custom_main_case_searchBar{ background-color: transparent!important; border: none!important; box-shadow: none!important; font-size: 2vw!important; padding-left:70px; } .search-box{ border: 1px solid #f8f8f8 !important; border-radius: 50px!important; margin:20px 0px; } .searchbox-icon{ position: absolute; left: 2%; top: 19%; color: red; font-size: 1.5rem; } /*mega project css */ .mega-project-image{ object-fit: cover; } /* pagination css */ #pagination{ padding:15px 0px;} #pagination ul { list-style: none; display:flex; flex-direction: row; margin-bottom: 0; justify-content: center; } #pagination ul li { border: 1px solid #ed3338; margin: 2px; width: 36px; height:36px; line-height:36px; text-align: center; } #pagination ul li a { text-decoration: none; color: #ed3338; display:block; } #pagination ul li:hover:not(.ellipsis):not(.disabled) { background-color: #ed3338; } #pagination ul li:hover a { color: #FFFFFF; } #pagination ul li.active { background-color: #ed3338; color: #FFFFFF; } #pagination ul li.ellipsis { border: 0; } /* owl slider custom css */ .owl-dots{ display: none; } .owl-nav button { position: absolute; top: 50%; color: #fff; margin: 0; transition: all 0.3s ease-in-out; background:none !important; border:none !important; font-size:30px; } .owl-nav button.owl-prev { left: 0; } .owl-nav button.owl-next { right: 0; } .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); /*background: rgba(255, 255, 255, 0.38) !important;*/ } .owl-nav button:focus { outline: none; } .case-study-bg{ background: #ed3338; height:440px; } .slideshow-container{ position: relative; top: 50%; transform: translateY(-50%); } .case-study-data-heading{ display:flex; } .case-para{font-size:14px; color:#555555; } .case-para2{ font-size:14px; padding-left:20px; color:#555555;} .card_description{ font-size: 22px; font-weight: 600; color:#555555; } .case-popup_effect{ text-decoration: none; color: #ed3338; font-weight: bold; vertical-align: middle; margin-bottom: 0px; margin-top: 45px; display: inline-block; } .case-popup_effect:hover{ color:#ed3338;} .case-view-btn{ margin-bottom:35px; margin-top:25px; } .industries{ position:relative; } .case-text-block{ text-align: center; position: absolute; top: 50%; color: #fff; left: 50%; font-size:25px; transform: translate(-50%, -50%); } .conventional-links{ text-decoration: none; color: #ed3338; } .conventional-links:hover{ color:#ed3338; } .career-search-box{display:flex; } .searh-btn-res{background: #ed3338; color: #fff; padding: 10px; width: 100%; border: none; border-radius: 25px; margin: 15px 0px; height:45px; } .blog-filter{ /*border: none;*/ vertical-align: middle; margin-right: 0px; margin-left: 15px; } /*network page css */ .network_bg{ background-color:#f8f8f8; } .network-btn{ background-color:#fff; border-radius:20px !important; } .custom_btn.active_button{ background-color:#ed3338; color:#fff; width:100%; } .custom_btn{ background-color:#fff; color:#555555; border-radius:20px !important; } .custom_btn:hover{ background-color:#ed3338; color:#fff; } .custom_btn:focus{ outline:none; box-shadow:none !important; } #chartdiv{ height:450px; } /* about page css */ .Welding_Solutions_bg { background-color: #ed3338; height: auto; padding-top: 17px; margin-bottom: 20px; } .Welding_Solutions_heading {font-size: 27px; color: white; text-align: center; padding-top: 48px; } .about_custom_btn { background-color: #ed3338; color: #fff; text-decoration: none; border: 1px solid #fff; padding: 10px 20px; } .about_custom_btn:hover {background-color: #ed3338; color: #fff; text-decoration: none; border: 1px solid #cc313e; } .about-custom-main { text-decoration: none; margin: 45px 0px; text-align:center; } /* about slider css start */ .about-slider-line { height: 96px; border-left: 2px solid #555555; display: block; width: 100%; margin-bottom: 1rem; } .slide-para {font-size: 1.25rem; font-weight: 300; color:#555555; } .slide-year { font-size: 1.50rem; font-weight: bold; color:#555555; } .year-linescrol { text-align: center; position: sticky; top: 17%; left: 3%; } .year-linescrol ul { list-style: none; } .year-linescrol ul li { padding-top: 5px; padding-bottom: 5px; } .year-linescrol ul li:first-child { padding-top: 0px; } .year-linescrol ul li a { text-decoration:none; color:#212529; overflow: hidden; height: 20px; display: block; } .year-linescrol ul li a:hover { font-weight:bold; color:#ed3338; } .year-linescrol ul li a span { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; /*box-shadow: 0 0 7px 0px rgb(0 0 0 / 10%);*/ } .year-linescrol ul li a span.front { position: relative; top: 0px; display: block; } .year-linescrol ul li a span.back { position: relative; top: 20px; display: block; } .year-linescrol ul li a:hover span.front { position: relative; top: -20px; display: block; } .year-linescrol ul li a:hover span.back { position: relative; top: -25px; display: block; } .swiper { width: 100%; height: 100%; } .swiper-slide { font-size: 18px; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; } /* about slider css end */ .whatsapp-img-main { position: fixed; right: 10px; z-index: 52; bottom: 24px; } .navbar-sticky { position: fixed; top: 0px; z-index:2; background:#fff; width:100%; } /*case study inner page css */ .casestudy-inner{ text-align:center; color:#ed3338; margin-bottom:45px; font-size:48px; font-weight:700; } .casestudy-inner-headline{ color:#555555; text-align:center; } .our-solution-head{ color:#ed3338; font-weight:bold; text-align:center; } .casestudy-inner-texthead{ text-align:center; color:#555555; font-size:14px; margin-bottom:3px; } .casestudy-inner-text{ text-align:center; font-weight:600; word-break:break-all; color:#555555; } .Further_case{ font-size: 30px; margin-top: 16px; margin-bottom: 24px } .casestudy-inner-title{ font-size: 22px; font-weight: 600; color: #ed3338; } .contactform-modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index:16; opacity: 0; /*visibility: hidden;*/ transform: scale(1.1); transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; transform-origin: right; transform: perspective(1200px) rotateY(-90deg); display: grid; } .contactform-modal-content { position: absolute; top: 10%; right:0%; bottom:10%; background-color: white; padding: 2rem 2.5rem; width: 450px; border-radius: 0.5rem; overflow-y:auto; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .contactform-modal-content::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F8F8F8; } .contactform-modal-content::-webkit-scrollbar{ width: 6px; background-color: #F8F8F8; } .contactform-modal-content::-webkit-scrollbar-thumb{ background-color: #ed3338; } .contactform-header{ display:flex; justify-content: space-between; padding-bottom:20px; } .show-modal { opacity: 1; visibility: visible; transform: scale(1.0); transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; transform: perspective(1200px); } .point{ background: #ed3338; z-index: 1; position: absolute; height: 10px; width: 10px; border-radius: 50%; animation: zoominoutsinglefeatured 1s infinite ; /*top:288px;*/ /*left:1108px; */ } @keyframes zoominoutsinglefeatured { 0% {transform: scale(1,1); } 50% { transform: scale(1.2,1.2); } 100% { transform: scale(1,1); } } #infographic-presentation{ position:relative; display:flex; justify-content:center; } #infographic-presentation #desktop-coordinates{ position:absolute; } #infographic-presentation-m{ position:relative; display:flex; justify-content:center; } #infographic-presentation-m #mobile-coordinates{ position:absolute; } .mobile-product-item1{ list-style: none; padding-left: 0px; } .mobile-product-item1 li a{ text-decoration: none; color: #555555; } .mobile-product-item1 li i{ float: right; padding-right:20px; } .mobile-product-item1{ display: none; } .mobile-product-item2{ display: none; list-style: none; padding-left: 6px; } .mobile-product-item2 li{ padding-left: 15px; } .mobile-product-item3{ display: none; list-style: none; padding-left: 0px; } .mobile-menu-popup{ position: absolute; top: 94%; left: 0%; background-color: #fff; width: 100%; padding: 10px 20px; } .mobile-contentmodal{ width:100% !important; } .mobile-contact-content{ max-width:100% !important; } .mcontact-item-modal .modal{ width:100% !important; } .whatappmobile-modal { position: fixed; left: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transform: scale(1.1); z-index:15; transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; } .whatappmobile-content { position: absolute; bottom:0%; background-color: white; width: 100%; border-radius: 0.5rem; } .close-button:hover { color: var(--clr-main); } .whatapp-show-modal { opacity: 1; visibility: visible; transform: scale(1.0); transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; } .whatapp-close-button{ font-size: 1.5rem; cursor: pointer; } .whatappmobile-head{ background-color:#ed3338; color:#fff; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; } .whatappmobile-text{ font-size:1.4rem; margin-bottom: 0px; } .equire-main img{ width:30px; height:30px; } .equire-main{ padding:10px 30px; } .whatapp-number-icon{ text-decoration: none; color: #555555; padding: 0px 10px; } .enquire-btn{color:#555555; } .mobile-home-categery{ display: block; } .mobile-boxmain{ padding: 8px 0px; } .mobilebox-1{ background: #e31e24; padding: 3px 3px; border-radius: 100px; position: relative; } .mobilebox-2{ background: #fff; border-radius: 100px; padding: 9px 9px; } .mobile-product_step_inner1{ margin: 0; padding: 0; list-style: none; padding-top: 0 !important; } .mobilebox-2 ul li { width: 100%; } .mobile-product_step_inner1 a { text-decoration: none; color: #555555; display: block; } .mobile-product_step_inner1 i { padding-left: 15px; } .mobile-product_step_inner1 span { background: #f8f8f8; width: 40px; height: 40px; color: #ed3338; font-weight: 600; cursor: pointer; line-height: 40px; text-align: center; border-radius: 50%; margin-right: 10px; flex: none; padding: 12px 14px; } .mobile-product_step_inner1 span:hover { background-color: #ed3338; color: #fff; } .mobile-product_step_inner1 ul{ max-height:250px; overflow-y:auto; } .mobile-product-finder-btn{ background-color: #ed3338; color: #fff; padding: 15px; vertical-align: middle; width: 100%; border: none; border-radius: 10px; } .product-btn{ background: #ed3338 !important; color: #fff !important; padding: 10px !important; width: 98% !important; margin: 5px 5px !important; } .product-finder-data{ display: none; } .product-span-number{ color: #fff; } .product-span-heading{ display: block; text-align: start; } .product-btn:focus{ background: #ed3338; color: #fff; } .mobile-product .product-menu{ max-height:250px; overflow-y:auto; width:90%; left:4% !important; } .case-study-border{ border-bottom:1px solid rgba(0, 0, 0, 0.4); } .our-solution-main a{ text-decoration: none; color: #ed3338; } .case-study-further{ border-bottom:1px solid rgba(0, 0, 0, 0.4); } .card_popup a{ text-decoration: none; color: #ed3338; } .blog-bruadcum-main{ padding:20px 0px; } .blog-bruadcum-main h1{ padding-top:15px; color:#555555; } .blog-bruadcum-main ul{display: inline-flex; justify-content: center; align-items:center; list-style: none; padding-left: 0px; margin-bottom: 0px; flex-wrap:wrap; } .blog-bruadcum-main ul li i{ padding:0px 10px; font-size:13px; color:#555555; } .blog-bruadcum-main ul li a{ text-decoration: none; color: #555555; font-size:0.9rem; } .blog-similar-btn{ padding-left:15px; } .casestudy-inner-border{ border-bottom:1px solid rgba(0 , 0, 0, 0.4); } .education-inner-main a span { color:#ed3338 !important; text-decoration: none !important; } .mega-project-head{ text-align:center; } .product-btn-group .sharebtn { background-color:unset; } .product-btn-group .pdfbtn{ background-color:unset; } #product-list img[alt] { min-height: 3rem; overflow: hidden; display:block; text-align:center; } .recruitment-main { color:#555555; } .recruitment-main p{color:#555555; } .copyright-text{ color:#555555; } .csr-activities-text{ color:#555555; } .mega-project-para{ color:#555555; } .approval-product-text{ color:#555555;} .search_topic_heading{ text-decoration: none; color: #ed3338; } .our-solution-main p{ color:#555555; } .cardsapce p{ color:#555555; } .conventional-btn-group{ margin-top:25px;} .disclaimer-headcareer{ font-weight:800; } /* site map css start */ /*.blog-bruadcum-main{ padding:20px 0px; }*/ /*.blog-bruadcum-main h1{ padding-top:15px; color:#555555; }*/ /*.blog-bruadcum-main ul{display: flex; justify-content: center; align-items:center; list-style: none; padding-left: 0px; margin-bottom: 0px; } */ /*.blog-bruadcum-main ul li i{ padding:0px 10px; font-size:13px; color:#555555; }*/ /*.blog-bruadcum-main ul li a{ text-decoration: none; color: #555555; font-size:0.9rem; }*/ .sitemap-mainbg{ background-color: #f8f8f8; padding:10px 20px; } .sitemap-main{ list-style: none; padding-left: 5px; padding: 0px 15px; } .sitemap-main li a{ text-decoration: none; color: #555555;} .sitemap-main li a:hover{ color:#ed3338;} .sitemap-main li i{ float: right; } .site-map-cat{ list-style: none; display: none; padding-left: 10px; } .site-map-cat li i{ float: none ; padding-left: 15px; font-size: 14px;} .site-map-cat2{ list-style: none; padding-left: 15px; } .sitemap-item1-top{border-top: 1px solid #f3f3f3; } .sitemap-item1{ border-bottom: 1px solid #f3f3f3; padding: 15px 0px; } /* site map css end */ .desktop-view img{ display:block; margin:auto;} .certification-logo-active{ box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; } .railwaydetailpara p{ text-align:justify; } .mega-project-bg{ background-color:#f8f8f8;} .mega-project-inner-bg{ background-color:#f8f8f8; } .whats-new-section .product-box{ height:270px; } .whats-new-section .product-box .content-box{ background: rgba(0, 0, 0, 0.4); } #navbarSupportedContent ul li a.nav-link{ padding:50px 10px; color:#555555;} .mobile-translate{ display: flex; align-items: center; } .mobile-langauge{ padding-right:15px; } .goog-te-combo:focus{ outline:none !important; } .middle-content{ margin-top:102px;} .mega-project-data-section{ width:80%; margin:auto; } #slider .slides li img{ height:400px !important; display:block; margin:auto; width:auto !important; } .mega-readmore a{ font-size:20px !important;} .mega-readmore a i{ font-size:15px !important;} #career-detail .modal-dialog { display:contents; } .product-name-set{ display:flex; align-items:center;} .owl-item-div{ padding:0px 15px; } .mega-project-title{ padding-left:15px; padding-top:10px; } #timeline{ position:relative; } .time-line-year-position{ /*position:relative;*/ left:0px; top:0px; } .timel-nav-positioner.posFix{ position:fixed; top:100px; width:10rem; margin-top:0px; display: block; } .timel-nav-positioner.posAbs{ position:absolute; bottom:0px; margin-top:0px; width:10rem; display: block; } .bcg-svg svg{ margin-left: auto; } .timel-date .bcg-svg { top: auto; height: auto; } .bcg-svg { background-repeat: no-repeat; height: 100%; padding: 0 15px; position: absolute; top: 0; display: flex; z-index: -1; } .timel-nav-positioner {height:auto; width:10rem; margin:2rem 0; display:flex; justify-content:center; } .timel-date{position:relative} @media (min-width:992px) and (max-width:1199.98px){ .timel-date {padding-right:2.5rem} } @media (min-width:1200px){ .timel-date{padding-right:5rem} } .timel-date .timel-title {margin-bottom:1rem} .timel-date .bcg-svg{top:auto;height:auto} .timeline {margin:2rem 0} .flipper{transition:all .35s cubic-bezier(.165,.84,.44,1);transform-style:preserve-3d;transform-origin:100% 14px;position:relative;will-change:transform; color:#555555; } .timel-nav a .flipper-inner{height:28px;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden; position:absolute; top:0;left:0;display:flex;flex-direction:column;justify-content:center; align-items:center; } .timel-nav a .flipper-inner.front{z-index:10;transform:translateZ(14px); } .timel-nav a .flipper-inner.back {font-weight:900;color:#c6426e;transform:rotateX(90deg) rotate(180deg) rotateY(180deg) translateZ(14px)} .timel-nav a.active .flipper, .timel-nav a:hover .flipper{transform:rotateX(90deg)} .timel-nav a { display: block; height: 28px; width: 100%; padding: 0; perspective: 1000; } .timel-line { display: block; width: 2px; height: 6rem; margin: 2rem 0 4rem; } .timel-line span { display: block; height: 100%; width: 100%; background-color: #282828; } .about-company-page-main{ overflow: hidden; outline: none; opacity: 1; } .timelineulnav{ list-style:none; padding-left:15px; } .iso-read-more-sec{ display: flex; align-items: center; } .iso-img-main{ width:81px; margin-left:20px;} .iso-img-9001main{ width:81px; margin-left:20px; } .iso-img-2018main{ width:70px; margin-left: 20px; } .video-frame{ width: 100% !important; border:0px;} .consistent-img{display: block; margin: auto; padding: 1rem; height:100px; width: auto !important;} .career-ul-main, .blogdetail-ul-main, .educational-ul-main{ padding-left: 21px; } .blog-bruadcum-ul-main{ padding-left: 55px;} .certification-ul-main{ padding-left: 10px;} .testimonial-ul-main{ padding-left: 43px; } .producttitle-ul-main{ padding-left: 55px;} .industry-ul-main{ padding-left: 21px;} .industry-ul-main ul{ display: inline-flex; list-style: none; } .industry-ul-main li i { padding-left: 10px; } .industry-ul-main li a { color: #555555; text-decoration: none; } .navbar-nav .nav-link{ color: #555555 !important;} .navbar-toggler:focus:focus{ outline: 0px; box-shadow: unset;} .navbar-toggler-icon i{ color: #555555; font-size: 30px;} .contact-us-modal-header{ font-size: 1.5rem;} .current-opening-headingtext{ display: block; margin: auto;} /* contact us start */ .Contact-us-border{ border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; } .contact-us-proimg{ padding: 10px; display: block; margin: auto; } .form-border-main{ border-left: 1px solid rgba(0, 0, 0, 0.5); } .contact-form-subbtn{ border: none; background-color: #ed3338; color: #fff; height: 40px; width: 120px; border-radius: 5px; text-align: center; display: block; margin: auto; } .contact-heading-page{ margin-bottom: 30px; } .contact-us-secmain{ margin-bottom: 30px; } .provide-heading{ text-align: center; color: #ed3338; font-size: 1.1rem; } .contact-us-group-btn{ display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin-right: 8px; } .con-wel-contactus-btn{ background-color: #ed3338; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; text-decoration: none; color: #fff; padding: 3px 8px; border-radius: 5px; display: flex; justify-content: center; align-items: center; width: auto; text-align: center; height: 78px; } .con-wel-contactus-btn:hover{ color: #fff; } .about-contactus-btn{ background-color: #ed3338; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; text-decoration: none; color: #fff; padding: 3px 8px; border-radius: 5px; text-align: center; height: 78px; display: flex; align-items: center; justify-content: center; } .about-contactus-btn:hover{ color: #fff; } .rel-wel-contactus-btn{ background-color: #ed3338; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; text-decoration: none; color: #fff; padding: 3px 8px; border-radius: 5px; width: auto; text-align: center; height: 78px; display: flex; justify-content: center; align-items: center; } .rel-wel-contactus-btn:hover{ color: #fff; } .rel-wel-btn-group{ margin-top: 20px; } .contact-us-location-btn{ height: auto; width: auto; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; border-radius: 10px; display: flex; align-items: center; justify-content: center; padding: 10px; text-align: center; text-decoration: none; } .contact-us-location-btn i{ font-size: 40px; color: #ed3338; } .logo-group-youtube{ box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; height: auto; width: auto; border-radius: 10px; display: flex; flex-wrap: wrap; padding: 10px; } .logo-group-youtube a i{ font-size: 30px; color:#ed3338; } .logo-group-youtube a{ width: 50%; display: block; margin: auto; text-align: center; } .address-text{ margin-bottom: 0px; color: #555555;} /* contact us end */