@charset "UTF-8";
/*
Theme Name: Om Steel
Author: Om Steel
Author URI: https://www.dswtechnologies.com/
Description:
Version: 2.0.0
Tags: 

*/



 @font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-BlackItalic.woff2') format('woff2'),
      url('fonts/Roboto-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}


@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Thin.woff2') format('woff2'),
      url('fonts/Roboto-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Regular.woff2') format('woff2'),
      url('fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Black.woff2') format('woff2'),
      url('fonts/Roboto-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Light.woff2') format('woff2'),
      url('fonts/Roboto-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Medium.woff2') format('woff2'),
      url('fonts/Roboto-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Bold.woff2') format('woff2'),
      url('fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

 @font-face {
  font-family: 'Josefin Sans';
  src: url('fonts/JosefinSans-Regular.woff2') format('woff2'),
      url('fonts/JosefinSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('fonts/JosefinSans-SemiBold.woff2') format('woff2'),
      url('fonts/JosefinSans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('fonts/JosefinSans-Thin.woff2') format('woff2'),
      url('fonts/JosefinSans-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('fonts/JosefinSans-Bold.woff2') format('woff2'),
      url('fonts/JosefinSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('fonts/JosefinSans-ExtraLight.woff2') format('woff2'),
      url('fonts/JosefinSans-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('fonts/JosefinSans-Light.woff2') format('woff2'),
      url('fonts/JosefinSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('fonts/JosefinSans-Medium.woff2') format('woff2'),
      url('fonts/JosefinSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}



* {
  box-sizing:border-box;
  -webkit-box-sizing:
  border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
}
body {
  font-family: 'Roboto';
  font-size:14px;
  margin:0;
  background-color: #fff;
}

p,h1,h2,h3,h4,h5,h6,ul,li,a{
  margin: 0;
  padding:0; 
}
p{
  font-size: 18px;
  line-height: 30px;
  color: #626262;
  font-family: 'Roboto';
}
a {
  text-decoration:none;
  outline:none;
  color:var(--theme-color2);
  display: inline-block;
}
a:hover{
  color:var(--theme-color1);
}
img {
  vertical-align:top;
  max-width:100%;
  height:auto;
  border:none;
}
input, 
select, 
textarea {
  font-size:14px;
  color:#000;
  font-family: 'Roboto';
}
iframe {
  max-width:100%;
  border:none;
}
.fl {
  float:left;
}
.fr {
  float:right;
}
.clr, 
.cl, 
.clear {
  clear:both;
}
input, 
select, 
textarea,
button {
  font-size:14px;
  color:#333;
  font-family: 'Roboto';
}
.clearfix:after {
  clear:both;
  display:block;
  visibility:hidden;
  content:"";
}
textarea {
  resize:none;
  min-height:82px;
  line-height:normal;
  padding:9px;
  width:100%;
}
input:focus, 
textarea:focus, 
select:focus, 
button:focus {
  outline:none;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"], 
input[type="search"],
input[type="tel"],
input[type="color"]
{
  border:1px solid var(--theme-color2);
  background-color: transparent;
  padding:0 20px;
  box-shadow:none;
  height:50px;
  max-width:100%;
  border-radius:0px;
  width:100%;
  font-family: 'Roboto';
}
input[type="search"] {
  -webkit-appearance:none;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus, 
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus
{
  border-color: var(--theme-color1);
  box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
}
select {
  border:1px solid #dddddd;
  background:#fff;
  max-width:100%;
  border-radius:3px;
  padding:15px 13px;
}
input[type="image"],
input[type="submit"],
input[type="button"],
button {
  background:var(--theme-color1);
  border: medium none;
  border-radius: 0px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  padding: 0px 23px;
  text-transform:capitalize;
  height:50px;
  transition: all 0.3s ease-in-out 0s;
  font-weight:bold;
  appearance:normal;
  -webkit-appearance:none;
  width:100%;
  border: 2px solid var(--theme-color1);
  letter-spacing: 1px;
}
textarea{
  height: 100px;
  padding:17px 20px;
}
input[type="image"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
  background-color:var(--theme-color2);
}
input[type="image"]:active,
input[type="submit"]:active,
input[type="button"]:active,
button:active {
  box-shadow:inset 0 0 12px rgba(0, 0, 0, 0.2);
}
.wrapper {
  margin:0 auto;
  padding:0 50px;
  max-width:1500px;/*1400px*/
}


:root{
  --theme-color1: #82AA20;
  --theme-color2: #234894;
  --theme-text-color: #626262;
  --theme-text-black: #222222;
  --box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
html{
  scroll-behavior: smooth;
  transition:1s ease-in;
}

body::-webkit-scrollbar{width: 10px;}
body::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: var(--theme-color1);}
body::-webkit-scrollbar-thumb {background-color:var(--theme-color2); border-radius: 50px;}

h6{font-size: 20px; text-transform: capitalize; font-weight: 500;}
h5{font-size: 22px; text-transform: capitalize; line-height: 32px; font-weight: 500;  font-family: 'Josefin Sans';}
h4{font-size: 28px; text-transform: capitalize;  font-family: 'Josefin Sans'; line-height: 34px; color: var(--theme-text-black);}
h3{font-size: 32px; text-transform: capitalize;  font-family: 'Josefin Sans';}
h2{font-size: 48px; line-height: 58px; text-transform: capitalize; margin-bottom: 15px; font-family: 'Josefin Sans'; color: var(--theme-text-black);}
h1{font-size: 60px; text-transform: capitalize; font-family: 'Josefin Sans'; font-weight: 700;}
ul li{list-style-type: none; font-size:18px;line-height: 30px;}
table{font-size: 18px; border-collapse: collapse;}
table td{padding: 10px;}
.check_mark ul li{ position: relative; padding-left: 30px;}
.check_mark ul li::before{content: ""; position: absolute; background: url(images/check-mark.svg) center no-repeat; top: 5px; left: 0px; width: 20px; aspect-ratio: 1;}
.row{display: flex; flex-wrap: wrap;margin: 0px -15px;}
.col_1{width: 100%; padding: 15px;}
.col_2{width: 50%; padding: 15px;}
.col_3{width: 33.33%; padding: 15px;}
.col_4{width: 25%; padding: 15px;}

.w_75{width: 75%;}
.w_70{width: 70%;}
.w_30{width: 30%;}
.w_40{width: 40%;}
.w_50{width: 50%;}
.w_60{width: 60%;}
.w_25{width: 25%;}


.a_btn a {background: var(--theme-color1);border:3px solid var(--theme-color1);color: #fff;font-size: 18px;transition: all .4s ease-in-out;display: inline-flex; gap:15px;align-items: center; text-align: center;padding: 19px 40px;text-transform: capitalize;font-weight: 600;}
.a_btn a:hover{background: var(--theme-color2);}
.a_btn a.gray_btn{background: #C4C4C4;border-color: #C4C4C4;color:var(--theme-text-black);}
.a_btn a.gray_btn:hover{background: var(--theme-color1);border-color:var(--theme-color2);color: #fff;}
.a_btn img{max-width: 20px; vertical-align: middle;}
.title h5{text-transform: uppercase; color: var(--theme-color1);font-family: 'Roboto'; font-weight: 400; }
.title h2{font-weight: normal;}
.title h2 span{color: var(--theme-color1);}
.title h2 strong{font-weight: 700; display: block;}
.title{margin-bottom: 15px;}

.p_tb_100{padding-top: 100px;padding-bottom: 100px;}
.pb_100{padding-bottom: 100px;}
.pt_100{padding-top: 100px;}
.p_tb_80{padding-top: 80px;padding-bottom: 80px;}
.pb_80{padding-bottom: 80px;}
.p_tb_50{padding-top: 50px;padding-bottom: 50px;}
.p_tb_30{padding-top: 30px !important;padding-bottom: 30px !important;}

.mb_25_child >*{margin-bottom: 25px;}
.mb_25_child >*:last-child{margin-bottom: 0px;}
.card_txt >*{margin-bottom: 20px;}
.card_txt >*:last-child{margin-bottom: 0px;}
.mb_10_child >*{margin-bottom: 10px;}
.mb_10_child >*:last-child{margin-bottom: 0px;}
.text_white *{color: #fff;}


.header_menu .menu ul li {display: inline-block;list-style: none;position: relative; z-index: 10; margin-right:40px;}
.header_menu .menu ul li:last-child{margin-right: 0px;}
.header_menu .menu ul li a {font-size: 18px;color:var(--theme-text-black);transition: all 0.6s ease-in-out;font-weight: 500;display: inline-block;position: relative;}
.header_menu .menu ul li:hover > a{color: var(--theme-color1);}

/* sub-menu css  */
.menu_list{ width: fit-content;}
.menu_list ul li a{text-transform: capitalize;}
.menu_list ul li ul.sub-menu{position: absolute;z-index: 1; left:-20px; top:63px; margin: 0;margin-top: 0px;transform: scaleY(0);transition: all 0.3s ease;white-space: nowrap; transform-origin: top; padding-left:0px;opacity: 0; background-color: #fff;}
.menu_list ul li ul.sub-menu::before{content: ''; position: absolute; bottom: 100%; width: 100%; height:40px; left: 0; top: -40px;}
.menu_list ul li:hover ul.sub-menu {transform: scaleY(1);opacity: 1;}
.menu_list ul li ul.sub-menu li{display: block; margin: 0px;  border-bottom: 2px solid var(--theme-color2);transition: all 0.4s ease-in-out;}
.menu_list ul li ul.sub-menu li a {display: block; line-height: normal;transition: all 0.4s ease-in-out; font-size: 16px; color: var(--theme-text-black);  padding: 10px 20px;}
.menu_list ul li ul.sub-menu li:last-child{border-bottom: 0px;}
.menu-item-has-children{position: relative; padding-right:30px;}
.menu-item-has-children::after{position: absolute; content: ""; background: url(images/menu-child-item-arrow.svg) center no-repeat; width: 13px; aspect-ratio: 1; background-size: 100%; right: 5px; top: 50%; transform: translateY(-50%); transition: 0.3s ease-in-out;}
.menu-item-has-children:hover::after{transform:  translateY(-50%) rotate(180deg) ;  background: url(images/menu-child-item-arrow-hover.svg) center no-repeat; background-size: 100%;}
.menu_list ul li.current-menu-item.menu-item-has-children::after{ background: url(images/menu-child-item-arrow-hover.svg) center no-repeat; background-size: 100%;}
.menu_list ul li ul.sub-menu li:hover{ background-color: var(--theme-color1);}
.menu_list ul li ul.sub-menu li:hover > a {color: #fff;}
.menu_list ul li.current-menu-item a{color: var(--theme-color1);}
.menu_list ul li.current_page_parent a{color: var(--theme-color1);}
.menu_list ul li.current_page_parent ul.sub-menu li.current-menu-item > a{color: #fff; background-color: var(--theme-color1);}
.menu_list ul li.current_page_parent ul.sub-menu li.current-menu-item{background-color: var(--theme-color1);}
.menu_list ul li.current_page_parent ul.sub-menu li.current-menu-item::after{filter: brightness(0) invert(1);}
.menu_list ul li ul.sub-menu li ul.sub-menu{left: 100%;margin: 0;top: 0; transform: scaleX(0);transition: all 0.3s ease;transform-origin: left;opacity: 0;}
.menu_list > ul > li:hover > ul.sub-menu {transform: scaleY(1);opacity: 1;}
.menu_list > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu {transform: scaleX(1);opacity: 1;}
.menu_list > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu{transform: scaleX(1);opacity: 1;}
.menu_list > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children::after{width: 20px; top: 40%;}

.menu_list > ul > li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover::after{transform: translateY(-50%) rotate(-90deg); filter: brightness(0) invert(1);}
.menu_list > ul > li.menu-item-has-children ul.sub-menu li:hover {background-color: var(--theme-color1);}

.menu_list ul li.current-menu-ancestor a{color: var(--theme-color1);}
.menu_list ul li.current-menu-ancestor::after{background: url(images/menu-child-item-arrow-hover.svg) center no-repeat; background-size: 100%;}
.menu_list ul li ul.sub-menu li.current-menu-parent > a{color: #fff; background-color: var(--theme-color1);}
.menu_list ul li ul.sub-menu li.current-menu-parent{background-color: var(--theme-color1);}
.menu_list ul li ul.sub-menu li.current-menu-parent::after{filter: brightness(0) invert(1);}
.menu_list ul li.menu-item-has-children span{display: none;}


.header_top{background-color: var(--theme-color2);}
.header_top_inr{display: flex;flex-wrap: wrap; padding: 15px 0px; align-items: center;}
.header_top_left{width: 30%;}
.header_top_right{width: 70%;}
.social_icon ul li{display: inline-block;vertical-align: middle;margin-right: 30px; }
.social_icon ul li a{display: inline-flex; width: 30px; height: 30px;justify-content: center; align-items: center; border-radius: 50%; padding: 5px; border: 1px solid transparent; transition: 0.2s;}
.social_icon ul li a:hover{background-color:var(--theme-color1); border-color: #ddd;}

.header_top_right_inr ul{text-align: right;}
.header_top_right_inr ul li{display: inline-block; font-size: 16px; color: #ffffff; padding: 0px 30px; border-right: 1px dashed #ffffff50;}
.header_top_right_inr ul li a{color: #fff;}
.header_top_right_inr ul li a:hover{color: var(--theme-color1);}
.header_top_right_inr ul li:last-child{padding-right: 0px; border-right: 0px;}
.header_top_right_inr ul li:first-child{padding-left: 0px;}
.header_top_right_inr ul li img{max-width: 18px;max-height: 25px; vertical-align: middle; margin-right: 25px; margin-bottom: 1px;}
.header_top_right_inr ul li a{display: inline-block;}

.header_bottom_inr{display: flex; align-items: center; padding: 15px 0px;}
.header_logo{width: 30%;}
.logo{max-width: 230px;}
.logo a{display: inline-block;}
.header_menu{width: 70%; display: flex; justify-content: space-between; align-items: center;}
.menu{width: calc(100% - 200px);}
.mobile_menu_btn{display: none;}
.mobile_menu_close_btn{display: none;}

/* Banner Css */
.banner_inr {position: relative;}
.banner_img{/*max-height: 800px;*/ position: relative;}
.banner_img img {width: 100%; height:100%;}
.home_banner .banner_img img{aspect-ratio: 1/ 0.445;}
.banner_txt {position: absolute;top: 50%;width: 100%;transform: translateY(-50%);z-index: 1;}
.banner_txt_inr {width: 60%;}
.banner_txt_inr h1{font-size: 70px;color: #fff;line-height: 80px;position: relative;margin-bottom:20px;}
.banner_txt_inr p{color: #fff; padding-bottom: 10px;}
.banner_txt_inr .a_btn{margin-top:30px;}
.inner_banner .banner_txt_inr{margin: auto; text-align: center;}
.inner_banner .banner_img::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #202020;opacity: 60%;}
 .menu_type_list ul li{display: inline-block; position: relative; color: var(--theme-color1); font-size: 28px; padding-right: 30px; text-transform: capitalize;margin-right: 10px;}
 .menu_type_list ul li::after{content: ">"; right: 0px; top: 50%; transform: translateY(-50%); position: absolute; color: #fff;}
 .menu_type_list ul li:last-child{margin-right: 0px; padding-right: 0px;}
 .menu_type_list ul li:last-child:after{content: none; }
 .menu_type_list ul li a{color: #fff;}
 .menu_type_list ul li a:hover{color:var(--theme-color1);}

/* slick-arrows */
.slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); font-size: 0px; padding: 30px; border-radius: 50%;}
.slick-arrow::after{position: absolute; content: ""; top: 50%; transform: translateY(-50%); width: 15px; aspect-ratio: 1;}
.slick-prev.slick-arrow{left: 0px;}
.slick-next.slick-arrow{right: 0px;}
.slick-prev.slick-arrow::after{background: url(images/white-left-arrow.png) center no-repeat; left: 8px;}
.slick-next.slick-arrow::after{background: url(images/white-right-arrow.png) center no-repeat; right: 8px; left: inherit;}
/* slick-arrows */
/* slick-dots */
ul.slick-dots{text-align: center; }
.slick-dots li{display: inline-block; margin-right:10px; font-size: 0px; line-height: normal;}
.slick-dots li button{font-size: 0px; width: 15px; aspect-ratio: 1;height: auto; background-color: transparent; padding: 0px; border-radius: 50%; border: 1px solid #8E8D9C;}
.slick-dots li.slick-active button{background-color: var(--theme-color1); border-color: var(--theme-color1);}
.slick-vertical .slick-slide{border: 0px !important;}

/* slick-dots */

.banner_slider ul.slick-dots{text-align: right; display: table; position: absolute; right: 50px; top: 50%; transform: translateY(-50%);}
.banner_slider .slick-dots li{display: block;margin: 0px; margin-bottom: 15px;}
.banner_slider .slick-dots li button{background-color: transparent; border: 1px solid #fff;}
.banner_slider .slick-dots li.slick-active button{background-color: #fff;}

.home_about_company{margin-top: -80px;}
.home_about_inr{background-color: #fff; position: relative;padding: 80px;box-shadow:var(--box-shadow);}
.home_about_inr::after{position: absolute; content: ""; width: 92%; margin: auto; height: 20px; background-color: #ffffff80;bottom: 100%; left: 0px; right: 0px;}
.home_about_inr::before{position: absolute; content: ""; width: 86%; margin: auto; height: 40px; background-color: #ffffff80;bottom: 100%; left: 0px; right: 0px;}
.home_about_right_img{ display: table; margin-left: auto; position: relative;}
.home_about_right_img::after{position: absolute; content: "";}
.bg_dot{position: relative;  background: url(images/dotted-effect.svg) no-repeat; padding-right: 80px;}
.home_about_col_inr_left.bg_dot{min-height: 600px;}
.home_about_col_inr_left{background-position: 20% 15%;}
.home_about_col_inr_left img{width: 100%;}
.home_about_left_img{ position: absolute; left: 0px; bottom: 0px; z-index: 1;}
.home_about_inr .row{margin: 0px;}
.home_about_inr .row .col_2{padding: 0px;}
.home_txt ul li{color: var(--theme-text-black); margin-bottom: 10px; font-weight: 500;}

.pt_130{padding-top: 130px;}
.home_service_inr{padding-bottom: 1px;}
.outgoing_section{margin-bottom: 150px;}
.home_services_otr{background:var(--theme-color2) url(images/home-service-patch.svg) left top no-repeat; background-blend-mode: luminosity;}
.home_services_otr .title h2{color: #fff;}
.home_service_row{ display: flex;flex-wrap: wrap;}
.home_service_right.w_60{ margin-bottom: -150px;}
.home_service_left .title >*:not(h5){color: #fff;}
.home_service_left p{max-width: 460px;}
.service_img{max-width:75px; margin-bottom: 25px;}
.home_service_right_inr{padding-left: 100px;}
.service_card {height: 100%;}
.service_card a:not(.contact_col_inr.service_card a){background-color: #fff; padding: 40px; transition: 0.3s;box-shadow: var(--box-shadow); display: inline-block; height: 100%;}
.service_card a:not(.contact_col_inr.service_card a):hover{background-color: var(--theme-color1); }
.service_card a:not(.contact_col_inr.service_card a):hover .service_card_txt >*{color:#fff;}
.service_card a:not(.contact_col_inr.service_card a):hover .service_img{filter:brightness(0) invert(1) ;}

.contact_col_inr.service_card {background-color: #fff; padding: 40px; transition: 0.3s;box-shadow: var(--box-shadow);  height: 100%;}
.contact_col_inr.service_card:hover{background-color: var(--theme-color1); }
.contact_col_inr.service_card:hover .service_card_txt >*{color:#fff;}
.contact_card_txt b{color: #000;}
.contact_col_inr.service_card:hover .contact_card_txt b{color: #fff;}
.contact_col_inr.service_card:hover .service_img{filter:brightness(0) invert(1) ;}

.home_service_right_inr.row{justify-content: center;}
.center{text-align: center;}
.home_team_inr .title{text-align: center;}
.trumatic_img{margin-left: -60px; margin-top:20px;}
.home_team.p_tb_100{padding-bottom: 60px;}

.home_team_slider{padding: 30px 0px;}
.home_team_slider_inr{position: relative; }
.team_detail{position: absolute; bottom: 0px; left: 0px; text-align: center; width: 100%; z-index: 1;}
.team_detail::after{position: absolute; content: ""; height: 130%; width: 100%; left: 0px; bottom: 0px; background-image:linear-gradient(transparent 1%, #fff 100%); z-index: -1;}
.home_team_slider .slick-dots li button{width: 12px;}
.home_team_slider ul.slick-dots{margin-top: 40px;}

.why_choose_inr.row{margin: 0px; position: relative;}
.why_choose_inr.row::after{position: absolute; content: '';width: 100%; background-color: var(--theme-color2); height: 78%; z-index: -1; bottom: 0; left: 0;}
.why_choose_inr.row > .col_2{padding: 0px;}
.why_choose_left_inr{height: 100%; display: flex; justify-content: center; align-items: end;}
.steel_pipe_img{max-width: 640px; margin:0 auto;}
.why_choose_card_icon{display: inline-flex; width: 60px; height: 60px; background-color: rgb(255 255 255 / 45%); border-radius: 50%; vertical-align: top; justify-content: center; align-items: center; padding: 10px;}
.why_choose_card_inr .card_txt{width: calc(100% - 64px); display: inline-block; padding-left: 15px; vertical-align: top;}
.why_choose_card_inr .card_txt >*{margin-bottom: 10px;}
.why_choose_card_inr .card_txt >*:last-child{margin-bottom: 0px;}
.why_choose_card_inr p{font-size: 16px;}
.why_choose_right_inr{background-color: var(--theme-color1); clip-path: polygon(10%  0, 100% 0, 100% 100%, 0 100%); padding: 60px 60px 60px 160px;height: 100%;}
.why_choose_right_inr .row{margin: 0px;}
.why_choose_right_inr  .title h5{color: #fff;}
.our_client_inr{display: flex; flex-wrap: wrap; align-items: center;}
.our_client_inr *{margin-bottom: 0px;}
.our_client_inr .title strong{display: inline-block;}
.our_client_col_inr{ display:inline-flex; align-items: center; min-height:150px;  max-height: 200px;}
.our_client_col_inr img{max-height: 100%;}
.our_client_slider .our_client_col{padding-left: 40px; text-align: center;}

.footer_top{padding: 80px 0px 40px;}
.footer_top.row .col_3:first-child{width: 30%;}
.footer_top.row .col_3:nth-child(3){width: 35%;}
.footer_top.row .col_3:nth-child(2){width: 35%;}
.footer_top.row .col_3 .row:not(.form_row.row){margin: 0px;}
.get_in_touch {padding-right: 20px;}
.footer_otr{background-color: var(--theme-color2);}
.footer_bottom{display: flex; flex-wrap: wrap; padding: 30px 0px; border-top: 1px solid #ffffff50;}
.footer_left{padding-right:20px;}
.footer_logo .logo{max-width: 330px; }
.footer_logo .logo a {width: 100%; padding: 20px; background-color: #fff; text-align: center;}
.footer_bottom_right{text-align: right;}
.footer_bottom_right ul li{display: inline-block; position: relative; }
.footer_bottom_right ul li::after{content: '|'; padding: 0px 30px;}
.footer_bottom_right ul li:last-child::after{display: none;}
.footer_menu ul li {margin-bottom: 10px;}
.get_in_touch h6{margin-bottom: 8px;}
.location{position: relative; padding-left: 30px;}
.location::before{content: ""; position: absolute; left: 0px; top:2px; background: url(images/location-icon.svg) center no-repeat; background-size: contain; width: 20px; height: 25px;}

form .row{margin: 0px -10px;}
form .row .col_1{padding: 10px;}
form .row .col_2{padding: 10px;}
form .row .col_3{padding: 10px;}
form .row .col_4{padding: 10px;}
.footer form input::placeholder, .footer form textarea::placeholder{color: #fff;}
.footer form input:not(input[type='submit']), .footer form textarea{border-color: #ffffff50;}


@keyframes from_left {
  0%{transform: translateX(-50px); opacity: 0.5;}
  100%{transform: translateX(0); opacity: 1; display: block;}
}
@keyframes width_full {
  0%{width: 0;}
  30%{width: 50%;}
  85%{width: 90%;}
  100%{width: 130%;}
}
.offer_home_service_otr{padding: 130px 0px 100px;}
.offer_home_service_row{display: flex;}
.offer_home_service_row .col_4{transition: all .4s ease-in-out; padding: 0px; background-size: cover !important;}
.offer_home_service_row .col4_inr{position: relative;display: flex;flex-wrap: wrap;min-height: 35rem;}
.offer_home_service_row .col4_inr img{width: 100%;}
.offer_home_service_row .col4_inr:before{position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;transition: all 1.5s cubic-bezier(.25,1,.5,1);background: #00000080;}
.offer_home_service_txt{position: absolute;top: 50%;left: 50%;max-width: 15rem;transition: all .1s ease-in-out .5s;transform: translate(-50%, -50%);z-index: 1;}
span.icon_svg{max-width: 60px;display: block; margin-left: auto; margin-right: auto; transition: 1s;}
.offer_home_service_txt .hidden_content {display: none;  width: 400px;  opacity: 0; transition: 1s; transform-origin: left; transform: translateX(-50px);}
.offer_home_service_row .col_4:hover{width: 30%;}
.offer_home_service_row .col_4.is_active{width: 100%;transition: all .7s cubic-bezier(.5,1,.89,1);}
.offer_home_service_row .col4_inr img{max-height: 560px;object-fit: cover;}
.offer_home_service_row .col4_inr h4{position: relative; display: table; margin-left: auto;margin-right:auto ; padding-bottom: 10px;}
.offer_home_service_row .col4_inr h4::after{position: absolute; content: ""; width:0%; height: 1px; background-color: var(--theme-color1); bottom: 0px; left: 0px; }
.offer_home_service.title{text-align: center; margin-bottom: 30px;}
.offer_home_service.title >*:not(h5){color: #fff;}

.col_4.is_active .offer_home_service_txt{ max-width: inherit; width: 80%; }
.col_4.is_active .offer_home_service_txt span.icon_svg{margin-left: 0px;}
.col_4.is_active .offer_home_service_txt .hidden_content{display: block;  animation: from_left 0.5s linear 1; opacity: 1;transform: translateX(0); transition-delay: 0.75s; }
.offer_home_service_row .col_4.is_active h4{display: table; margin-left: 0px;}
.offer_home_service_row .col_4.is_active .col4_inr h4::after{width: 130%; animation: width_full 0.6s linear 1;}

.service_page_service_offer{background-color: #F4F6FA;}
.service_page_service_offer_inr .service_img{margin-left: auto; margin-right: auto;}

.counter_lists ul li{display: inline-block; vertical-align: middle; padding:0px 40px; border-right:1px solid #62626240; }
.counter_lists ul li h2{color: var(--theme-color1); font-weight: 700;}
.counter_lists ul li:first-child{padding-left: 0px;}
.counter_lists ul li:last-child{padding-right: 0px; border: none;}
.img_section_col .bg_dot{background-position: right 20%;}
.img_section_col{margin-right: 80px; margin-bottom: 20px;}

.for_left_text .bg_dot{background-position: left 20%; padding: 0px 0px 0px 80px;}
.for_left_text .img_section_col{margin: 0px 0px 20px 60px;}

.certificate_inr .row{justify-content: center;}
.certificate_img{padding: 12px;background: url(images/border-frame.png) center no-repeat; background-size: 100%;}
.csr_txt{margin-left: auto; margin-right: auto;}

.contact_us_row.row{margin: 0px; gap: 40px;}
.contact_us_row.row .col_2{padding: 0px; width: calc(50% - 20px);}
.contact_us_row.row .col_1{padding: 0px; width: 100%;}
.contact_us_row.row .col_3{width: calc(33.33% - 27px); padding: 0px;}
.contact_icon.service_img{display: inline-block; width: 50px; vertical-align: middle; margin-bottom: 0px;}
.contact_card_txt.service_card_txt{display: inline-block; width: calc(100% - 54px); vertical-align: middle; padding-left: 20px;}
.contact_card_txt.service_card_txt a{color: var(--theme-text-color);}
.contact_col_inr.service_card {padding: 25px;}
.contact_col_inr.service_card:hover a{color: #fff;}

.contact_us_otr .address .contact_icon.service_img{display: inline-block; max-width: 50px; vertical-align: top; margin: 0px;}
.contact_us_otr .address .contact_card_txt.service_card_txt{display: inline-block;width: calc(100% - 55px); vertical-align: top; margin: auto; padding-left:30px;}
.contact_us_otr .address .contact_card_txt.service_card_txt h4{margin-bottom: 15px;}
.contact_us_map_section{padding-bottom: 2px;}

.title_address .title.card_txt{margin-bottom: 0px;}


.col_captcha{width: 100%; transform: scale(0.9);transform-origin: 0 0;}


.google_map_col{display: inline-block; vertical-align: bottom; margin-right: -3px; }
.get_in_touch_col{display: inline-block; vertical-align: bottom; margin-right: -3px; }
.get_in_touch_col .home_services_otr{background-position: right top; }
/* .google_map iframe{width: 100%; height: 600px;} */
.multi-markers{height: 750px; width: 100%;}
.get_in_touch_col .inside_wrapper{max-width: 750px; padding: 80px 50px 50px 80px;}

.contact_form input:not(input[type="submit"]), .contact_form textarea{ background-color: #fff; color: var(--theme-text-color); }
.contact_form input{height: 60px; padding: 0px 30px;font-size: 18px;}
.contact_form textarea{height: 120px; padding: 20px 30px;font-size: 18px;}
.contact_form input[type="submit"]{width: auto;}

.supply_page_txt_inr{margin-left: auto;margin-right: auto; max-width: 1200px;}


.hero_section .img_section_col{float: left;}
.hero_section .left_right_section_row:nth-child(even) .bg_dot{background-position: left 20%; padding: 0px 0px 0px 80px;}
.hero_section .left_right_section_row:nth-child(even) .img_section_col{margin: 0px 0px 20px 60px;}
.hero_section .left_right_section_row:nth-child(even) .img_section_col{float: right;}

/*------- Hero section slider ---------*/
.hero_section_slider button.slick-arrow::after{position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(images/white-right-arrow.webp) center no-repeat; background-size: 8px; width:100%; height: 100%;}
.hero_section_slider button.slick-prev.slick-arrow::after{ transform: translate(-50%, -50%) rotate(180deg);}
.hero_section_slider .slick-prev.slick-arrow{left: -30px;}
.hero_section_slider .slick-next.slick-arrow{right: -30px;}
.hero_section_slider ul.slick-dots{position: absolute; left: 50%; transform: translateY(-50%) ; bottom: 30px; z-index: 1;}
.hero_section_slider .slick-dots li button{width: 8px; height: 8px; background-color: #fff; border: none;}
.hero_section_slider .slick-dots li.slick-active button{border: 2px solid var(--theme-color1); background-color: var(--theme-color1);}
.hero_section_slider button.slick-arrow{width: 30px; border-radius: 0px; z-index: 1; padding: 0px; height: 30px;opacity: 0;}
.hero_section_slider:hover button.slick-arrow{opacity: 1;}
.hero_section_slider:hover .slick-prev.slick-arrow{left: 20px;}
.hero_section_slider:hover .slick-next.slick-arrow{right: 20px;}

.defence_page_txt_inr{max-width:1250px; width: 100%; margin: 0px auto;}
.zebra_table{padding: 20px 0px; overflow-y: auto;}
.zebra_table table{ border: 1px solid rgba(0, 0, 0, 0.2); width: 100%;}
.zebra_table table tr:nth-child(even){background-color: #F9FBF4;}
.zebra_table table tr{border-bottom:  1px solid rgba(0, 0, 0, 0.2);}
.zebra_table table tr:last-child{border-bottom: none;}
.zebra_table table tr td, .zebra_table table tr th{padding: 20px;border-right:  1px solid rgba(0, 0, 0, 0.2);}
.zebra_table table tr td{color: var(--theme-text-color);}
.zebra_table table tr th{ width: 350px;}

.product_page_inr .title{margin-bottom: 0px !important;}








/* def-page */
.def-page{padding: 80px 0px 60px;}
.def-page .right-img{float:right; margin:0 0 15px 40px;}
.def-page .left-img{float:left; margin:0 40px 15px 0;}
/* .def-page .right-img img{border-radius: 6px;}
.def-page .left-img img{border-radius: 6px;} */
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6{font-weight: 500;margin: 0 0 15px 0;text-transform: capitalize;}
.def-page h2{font-size: 45px;line-height: 60px;}
.def-page h2:before{display: none;}
.def-page h2{margin-top: 30px;}
.def-page h3{font-size: 28px; line-height: 40px;}
.def-page h4{font-size:24px; line-height:36px; }
.def-page h5{ font-size:22px; line-height:34px; }
.def-page h6{font-size: 20px; line-height: 28px;}
.def-page ul {margin: 0;padding-bottom: 20px; overflow: hidden;}
.def-page ul li {list-style: none;font-size: 18px; line-height: 30px;color:#5f6783;position: relative;padding-left:30px; margin-bottom: 10px;}
.def-page ul li:before {content: ""; position: absolute; background: url(images/check-mark.svg) center no-repeat; top: 5px; left: 0px; width: 20px; aspect-ratio: 1; background-size: contain;}
.def-page ol{padding-left: 0;}
.def-page ol li {list-style-type:none;counter-increment:item;font-size: 18px;line-height: 30px;color:#5f6783;}
.def-page ol li:before {display:inline-block; text-align:right; content:counter(item) ".";color: var(--theme-green); background:none;top: 5px; padding-right:10px; font-weight: 400;}
.def-page ul.col-2, .def-page ul.col-3 { overflow: hidden }
.def-page ul.col-2 li {width: 50%;display: inline-block; vertical-align: top;margin-right: -2px;}
.def-page ul.col-3 li {width: 33.33%;display: inline-block;vertical-align: top;margin-right: -3px;}
.def-page p {padding-bottom: 15px;}
.def-page p:last-child{padding-bottom: 0px;}
.def-page a{color: var(--theme-color1);}
.def-page a:hover{color: var(--theme-color2);}
.privacy-page ol { margin-bottom: 20px;}
.privacy-page ol>li:before { padding-right: 05px;}
.privacy-page .privacy-inner{ padding-left: 30px; margin-bottom: 20px;}
.privacy-page .privacy-inner ul{ margin-top: 05px; }
.privacy-page ul,.privacy-page ol{ margin-left:20px;}
.privacy-page ol li{margin-bottom: 10px;}
.pagenotfound {width: 100%;display: block;padding: 80px 0px;text-align: center;}
.pagenotfound h2 {font-size: 50px;font-weight: 600;}
.pagenotfound p{font-size: 22px;}
.thankyou {text-align: center;}
.thankyou h3 strong {font-size: 46px;}

.wpcf7-validates-as-required.wpcf7-not-valid{border-color: #f00 !important;}
span.wpcf7-not-valid-tip:not(.wpcf7-form-control-wrap.cf7sr-recaptcha span.wpcf7-not-valid-tip){display: none;}
.footer .wpcf7-spinner{display: none;}
.wpcf7 form .wpcf7-response-output{margin: 10px 0 0 !important;  color: #fff; text-align: center;}
.footer li.current-menu-item a{color: var(--theme-color1);}
.new_page_card_inr{padding:30px;  height: 100%; background-color: #fff; transition: 0.3s; box-shadow: rgba(100, 100, 111, 0.09) 0px 12px 29px 0px;}
.new_page_card_inr .card_img{position: relative;max-width: 110px; margin-left: auto; margin-right: auto;}
.new_page_card_inr:hover{box-shadow: rgba(100, 100, 111, 0.25) 0px 12px 29px 0px; transform: translateY(-5px);}
.title_certificate{ text-align: center;}
.title_certificate p{color: #fff;}
.certificate_img{margin-bottom: 10px;}

.home_banner{min-height: 850px; overflow: hidden;}