*
{
   font-family: "DM Sans", sans-serif;
}

/* fonts */


h2, h3, h4, h5
{
     font-family: "DM Sans", sans-serif;
}

p
{
    font-size: 14px;
	font-weight: 400;
    padding-bottom: 12px;
	margin: 0px;
	color: #000;
	font-family: "DM Sans", sans-serif;
	line-height: 1.4;
}


ul li, ol li
{
    font-size: 14px;
    padding: 5px 0px;
	margin: 0px;
	color: #000;
	font-family: "DM Sans", sans-serif;
	line-height: 1.4;
	font-weight: 400;
}



/* Menu  */

.fixed-top
{
	background-color: #0F142D !important;
}

.menu_bar
{
   /* background-image: linear-gradient(to right,#0F142D,#0F142D,#0F142D,#193383, #193383, #193383) !important;*/
   z-index: 9999;
   background-color: transparent;
   margin-bottom: -82px;
}

.main_menu .nav-item .nav-link
{
    font-size: 14px;
	color: #fff !important;
	/* padding: 2px 14px; */
	font-weight: 400;
	text-transform: uppercase;
	padding: 4px 18px;
}

.main_menu .dropdown-item
{
	font-size: 14px;
}

.main_menu .dropdown-divider
{
	color: #000;
	margin: 0px;
}

.menu_btn
{	
    background-color: #EF1C25;
    border: 1px solid #EF1C25;
    padding: 9px 15px;
    color: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
}

.menu_btn a
{
	color: #fff;
	text-decoration: none;
}

.menu_btn:hover
{
	background-color: #fff;
	border: 1px solid #fff;
	color: #EF1C25;
}

.menu_btn:hover img
{
	filter: brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(7496%) hue-rotate(-4deg) brightness(98%) contrast(106%);
}

.menu_btn i
{
	padding-right: 6px;
}

/*
.menu_btn:hover a
{
	color: #EF1C25;
}*/

.navbar-toggler:focus
{
	box-shadow: unset;
}

.menu_bar .navbar-toggler
{
	border: unset;
}

.navbar-light .navbar-toggler-icon 
{
    filter: invert(100%);
}

#menu .navbar-dark .navbar-nav .nav-link:active, #menu .navbar-nav .nav-item .nav-link.current-page     
{
	background: url('https://dcsandbox.in/shikharasteels/assets/images/menu_line_red.png');
	background-repeat: no-repeat;
	background-position: center;
}

/*  Section Buttons  */

.main_button
{
	background-color: #EF1C25;
	border: 1px solid #EF1C25;
	padding: 10px 18px;
	color: #fff;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	font-size: 17px;
	font-weight: 700;
	animation: moveArrow 1.5s infinite alternate ease-in-out;
}

.blue_btn
{
	background-color: #125FA7;
}

.white_btn
{
	background-color: #fff;
	color: #EF1C25;
}

.main_button:hover
{
	background-color: #fff;
	color: #EF1C25;
}

/*  section headings */

.section_pad
{
	padding: 64px 0px;
}

.sec_heading
{
	padding-bottom: 15px;
}

.sec_heading p
{
	padding-bottom: 0px;
	margin-bottom: 16px;
}

.subtitle_btn
{
	padding: 6px 20px;
	color: #EF1C25;
	border: 1px solid #a9a9a9;
	border-radius: 24px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
}

.sec_heading h2
{
	font-size: 34px;
	font-weight: 700;
	line-height: 1.4;
	color: #2E3192;
	margin: 0px;
	padding: 0px;
}

.w_color
{
	color: #fff !important;
}

.color2
{
	color: #EF1C25 !important;
}

.r_bg2
{
	background-color: #EF1C25;
}

.bg_4
{
	background-color: #F5F5F5;
}

.bg_2
{
	background-image: url('../images/home/whychoose/why-choosebg.webp');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/*  banner  */

#banner
{
	/*background-color: #0F142D;*/
	position: relative;
}

#banner .top
{
	position: absolute;
	background-image: url('../images/home/arrow-right-curved-white.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 120px;
	height: 120px;
	top: 35%;
	right: 0%;
	animation: moveUpToDown 2s infinite ease-in-out;
	z-index: 9999;
}


#banner .right_img
{
	/* width: 100%;
	height: 92%;
	position: relative;

	*/

	width: 100%; /* Ensures full width inside col-md-5 */
    height: auto; /* Keeps aspect ratio */
    /* max-height: 500px; /* Adjust based on design */
    object-fit: cover; /* Prevents distortion */
    position: relative;
    display: block;
    margin: auto; /* Centers inside the column */
	top: -42px;
}

#banner .carousel-indicators .active
{
	background-color: #EF1C25;
}

#banner .main_button:hover
{
	background-color: #fff;
	color: #EF1C25;
}

.home_carousel .carousel-caption
{
	text-align: left; 
	top: 25%;
	padding-top: 0;
	left: 7%;
	right: 8%;
}

.experience_box {
    position: absolute;
    top: 15%;
    left: 50%;
    background: #EF1C25;
    padding: 15px 0px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%, 0% 10%);
	z-index: 2;
}

.experience_box span {
    font-size: 92px;
    font-weight: 900;
	padding: 0px 25px;
}

.experience_box p
{
	color: #fff;
	padding: 0px 25px;
	font-size: 16px;
}

.plus_sym
{
	font-size: 25px;
}

/*
.banner_imgcarousel {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner_imgcarousel img {
    max-width: 100%;
    height: 100vh; 
    object-fit: cover;
}

/* Experience Box Design *
.experience_box {
    position: absolute;
    top: 15%;
    left: -30px;
    background: #EF1C25;
    padding: 15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%);
}

.experience_box span {
    font-size: 40px;
    font-weight: 900;
}

*/


/*** T H E - M A G I C - O F - O B J E C T - F I T ***/
/*****************************************************/

.video-container {
  height: 142vh;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}

video {
  object-fit: cover; 
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.banner_heading
{
	padding: 24px 0px 0px;
}

.banner_heading h1
{
	color: #fff;
	letter-spacing: 2px;
	font-size: 56px;
	font-weight: 700;
	line-height: 76px;
	padding: 0px;
	margin: 0px;
}


/*** A E S T H E T I C S ***/
/***************************/

.video-container:after {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(black, .2);
  z-index: 1;
}

.callout {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 10;
}


/* .support {
  position: fixed;
  bottom: 60px;
  right: 20px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  text-align: right;
  position: relative;
  z-index: 10;
  a {
    color: white;
    text-decoration: none;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    &:before {
      display: block;
      position: absolute;
      content: '';
      bottom: -2px;
      width: 0;
      height: 1px;
      background-color: rgba(white, .3);
      transition: .3s;
    }
    &:hover:before {
      width: 100%;
    }
  }  
}

*/

/*  home icon box - hightlights  */

.icon_box
{
	text-align: center;
	margin: 8px 0px;
}

.icon_box h3
{
	font-size: 18px;
	font-weight: 700;
	margin: 0px;
	padding: 0px;
	color: #6F6F6F;
}

.icon_box img
{
	padding-bottom: 12px;
	/* width: 65px; */
}

.icon_box:hover h3
{
	color: #EF1C25;
}

.icon_box:hover img
{
	filter: invert(14%) sepia(100%) saturate(5678%) hue-rotate(358deg) brightness(92%) contrast(120%);
}

/*  About  -  Homepage  */

#about
{
	position: relative;
}

#about .top
{
	position: absolute;
	background-image: url('../images/home/about_arrow.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 120px;
	height: 120px;
	top: 10%;
	right: 6%;
	animation: moveUpToDown 2s infinite ease-in-out;
}




#about .bottom
{
	position: absolute;
	background-image: url('../images/home/about_bottom_left_icon.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 62px;
	height: 62px;
	bottom: 23%;
	left: 12%;
	animation: diagonalBounce 1.5s ease-in-out infinite;
}



.image_overlay_box
{
	position: relative;
	margin-bottom: 32px;
}

.blue_box
{
    position: absolute;
    bottom: -32px; /* Adjust position */
    right: -56px; /* Adjust position */
    background-color: #125FA7; /* Blue color */
    color: white;
    padding: 30px 20px;
    font-weight: bold;
    width: 325px; /* Adjust width */
    text-align: left;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%);
}

.blue_box p
{
	color: #fff;
	font-size: 14px;
	padding: 0px;
}

/*  why choose  */

#why_choose
{
	position: relative;
}

#why_choose .top, #products .top
{
	position: absolute;
	background-image: url('../images/home/curved_top_arrow.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 145px;
	height: 145px;
	top: -2%;
	left: 16%;
	animation: arrowDownBounce 2s ease-out infinite alternate;
}


/* White Outer Box */
.des_outer_box {
    background-color: #fff;
    padding: 20px 49px;
    position: relative; /* Needed for absolute positioning */
    /* clip-path: polygon(0 0, 100% 0, 100% 85%, 95% 100%, 0 100%);  */
}

/* Blue Inner Box */
.blue_innerbox {
    background-color: #125FA7; 
    color: #fff;
    padding: 15px 12px;
	margin-top: -24%;
	margin-bottom: 20px;
    /* text-align: center; */
    clip-path: polygon(0 0, 100% 0, 100% 82%, 88% 100%, 0 100%);
}

/* Right Bottom Triangle on White Box */
.des_outer_box::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 34px; /* Adjust size as needed */
    height: 34px; /* Adjust size as needed */
    background-color: #125FA7; /* Same as blue box */
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}


.blue_innerbox h3
{
	color: #fff;
	font-size: 15px;
	margin: 0px;
	padding-bottom: 14px;
	font-weight: 700;
}

.blue_innerbox p
{
	color: #fff;
}

/*  servive background layout  */

#service_layout
{
	padding: 36px 0px;
}

#service_layout h3
{
	color: #fff;
	font-size: 42px;
	font-weight: 700;
	margin: 0px;
	line-height: 58px;
}

.highlight_color
{
	background-color: #fff;
	color: #125FA7;
	padding: 1px 16px;
}

#service_layout button
{
	float: right;
}

#service_layout .shape1
{
	width: 210px;
	height: auto;
	animation: diagonalBounce 1.5s ease-in-out infinite;
}

/*  our products and sevices - homepage  */

#our_products
{
	position: relative;
}

#our_products .products__box a
{
	text-decoration: none;
}

#our_products .top
{
	position: absolute;
	background-image: url('../images/home/angle-arrow-straight.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 120px;
	height: 120px;
	top: 10%;
	right: 41%;
	animation: moveArrow 1.5s infinite alternate ease-in-out;
}

.product_box 
{
    position: relative;
	display: inline-block;
    width: 100%;
    max-width: 100%;
	
}

.des_box 
{
    position: absolute;
    bottom: 5px;  
    left: 0px; 
    color: #fff;
    padding: 24px;
    display: flex;
	justify-content: space-between;
	align-items: center;
}

.des_box h3 
{
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.des_box p 
{
    margin-top: 5px;
	color: #fff;
}

.content
{
	width: 85%;
}

.right_arrow
{
	float: right;
	width: 46px;
	height: auto;
}

/* Industry leadership & innovation  */

.point_lists
{
	padding-left: 20px;
}

#industry_leadership .point_lists li
{
	color: #fff;
}

#industry_leadership
{
	position: relative;
}

#industry_leadership .top, #vision_mission .top
{
	position: absolute;
	background-image: url('../images/home/curved-white.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 120px;
	height: 120px;
	top: 20%;
	left: 1%;
	animation: arrowDownBounce 2s ease-out infinite alternate;
}


/*  testimonials */

.testimonial_box
{
	background-color: #125FA7;
    padding: 20px 45px;
    clip-path: polygon(0 0, 100% 0, 100% 78%, 93% 100%, 0 100%);
}

.testimonial_box img
{
	height: auto;
}

.testimonial_box p, .testimonial_box h4
{
	color: #fff;
}

.client_name
{
	font-size: 18px;
	font-weight: 700;
}

.designation
{
	font-size: 12px;
}

.testi_des
{
	padding: 20px;
}

.testi_des p
{
	padding-bottom: 0px;
}

.line1
{
	color: #fff;
    opacity: 1;
    height: 2px;
    width: 12%;
    margin: 25px 0px;
}


/* clientale page css */

    .image-box {
      position: relative;
      overflow: hidden;
      border-radius: 10px;
    }

    .image-box img {
      width: 100%;
      display: block;
      transition: opacity 0.3s ease;
    }

    .image-box img.hover-img {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
    }

    .image-box:hover img.hover-img {
      opacity: 1;
    }

    .image-box:hover img.main-img {
      opacity: 0;
    }


/* clientale hover image styles */

.image-box {
  position: relative;
  cursor: pointer;
  text-align: center;
  overflow: visible; /* allow image to expand outside container */
  margin-bottom:30px !important;
}

.image-box img {
  width: 100%;
  transition: transform 0.3s ease, z-index 0.3s ease;
  border-radius: 8px;
  display: block;
}

.image-box:hover img {
  transform: scale(1.3); /* enlarge image on hover */

}




/* Footer */

#footer
{
	background-image: url('../images/footer-bg.webp');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 45px 0px;
}

.footer_call
{
	width: 62px;
	height: auto;
}

.footer_title
{
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	margin: 0px;
}

#footer p
{
	color: #fff;
}

.callno
{
	font-size: 28px;
	font-weight: 700;
}

#footer a
{
	color: #fff;
	text-decoration: none;
}

#footer h5
{
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin: 0px;
	padding-bottom: 16px;
}

.quick_links
{
	padding-left: 0px;
}

.quick_links li
{
	list-style-type: none;
}

.quick_links i
{
	font-size: 20px;
	margin-right: 6px;
}

.footer_bottom_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer_bottom_row > div {
    position: relative;
    padding: 20px;
}

/* Adding vertical red lines in the middle */
.footer_bottom_row > div:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 72%; /* Moves it to the right of the column */
    transform: translateX(50%); /* Centers it */
    width: 2px;
    background-color: #EF1C25;
}


/*
.footer_bottom_row > div {
    border-right: 2px solid red;
    padding: 20px;
}

.footer_bottom_row > div:last-child {
    border-right: none; 
}*/


#copyright
{
	padding: 14px 0px;
	background-color: #6F6F6F;
}

#copyright p
{
	font-size: 14px;
	padding: 0px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}

.form_box
{
	padding: 25px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	border: 1px solid #fff;
	border-radius: 18px;
}

.footer_hr {
    color: #fff;
    padding: 1px;
    height: 5px;
    width: 25%;
    opacity: 1;
    margin-top: 5px;
	margin-bottom: 0px;
}

.form-group
{
	margin: 15px 0px;
}

.form-control
{
	background-color: transparent;
	border-top: unset;
	border-right: unset;
	border-left: unset;
	border-radius: 0px;
	color: #000 !important;
}

.submit_btn
{
	background-color: #EF1C25;
	padding: 6px 18px;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 24px;
	border: 1px solid #EF1C25;
	margin-top: 15px;
}

#footer .form-select
{
	filter: brightness(0) invert(1);
}

#footer .form-select option
{
	color: #000;
}

#footer ::placeholder, #footer select
{
  color: #fff !important;
  opacity: 0.6 !important;
}

.form-control:focus
{
	background-color: transparent;
	box-shadow: none;
}

.validation
{
   color: #f76c6c;
   font-size: 14px;
}


/* inner banner css */


.inner_banner
{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 265px 0px 165px;
}

.inner_bannerheading h1
{
	color: #fff;
	font-size: 48px;
	font-weight: 700;
	margin: 0px;
}

.breadcrumb li a, .breadcrumb-item.active
{
	color: #fff;
	font-size: 16px;
}

.breadcrumb li a
{
	text-decoration: none;
}

.breadcrumb
{
	justify-content: center;
	padding: 6px 0px;
	margin: 0px;
}


.breadcrumb-item + .breadcrumb-item::before 
{
    color: #fff;
    content: var(--bs-breadcrumb-divider, ".") !important;
	font-size: 36px;
    top: -25px;
    position: relative;
}


/*  About Us Page */

#about_banner
{
	background-image: url('../images/about/about_banner.webp');
}

#vision_mission
{
	position: relative;
}

.vision_box
{
	display: flex;
	align-items: center;
	margin-bottom: 45px;
}

.vision_box img
{
	width: 116px;
	height: auto;
}

.vision_text
{
	padding-left: 20px;
}

.vision_text h3
{
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	margin: 0px;
	padding-bottom: 16px;
}

.vision_text p
{
	color: #fff;
	padding-bottom: 0px;
}

.team-member {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	cursor: pointer;
	width: 100%;
	border-radius: 45%;
}

.team-member img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.team-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
    justify-content: end;
    align-items: center;
    padding: 50px;
	text-align: center;
	background: linear-gradient(to top, rgba(0, 24, 113, 0.9), rgba(200, 16, 46, 0.9));
	color: white;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.team-member:hover .team-info {
	opacity: 1;
}

.team-member:hover img {
	transform: scale(1.1);
}

.team-info h5 {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 16px;
}

.team-info p {
	margin-bottom: 0;
	font-size: 14px;
	color: #fff;
}

/* Optional line divider similar to the image */
.team-info:after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background-color: white;
	margin-top: 15px;
}

#our_team
{
	position: relative;
}

#our_team .top
{
	position: absolute;
	background-image: url('../images/service-shape-red.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 165px;
	height: 165px;
	top: -2%;
	left: 4%;
	animation: arrowDownBounce 2s ease-out infinite alternate;
}


/*  Products Page */

#products_banner
{
	background-image: url('../images/products/products_bg.webp');
}

#products
{
	position: relative;
}


/* White Outer Box */
#products .des_outer_box {
    background-color: #fff;
    padding: 20px 49px;
    position: relative; /* Needed for absolute positioning */
    /* clip-path: polygon(0 0, 100% 0, 100% 85%, 95% 100%, 0 100%);  */
}

/* Blue Inner Box */
#products .blue_innerbox {
    background-color: #125FA7; 
    color: #fff;
    padding: 15px 12px;
	margin-top: -24%;
	margin-bottom: 20px;
    text-align: left;
    clip-path: polygon(0 0, 100% 0, 100% 82%, 88% 100%, 0 100%);
}

/* Right Bottom Triangle on White Box */
#products .des_outer_box::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 34px; /* Adjust size as needed */
    height: 34px; /* Adjust size as needed */
    background-color: #125FA7; /* Same as blue box */
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}


#products .blue_innerbox h3
{
	color: #fff;
	font-size: 15px;
	margin: 0px;
	padding-bottom: 14px;
	font-weight: 700;
}

#products .blue_innerbox p
{
	color: #fff;
}

#products .des_outer_box a
{
	text-decoration: none;
}


/*  Quality Assurance Page */

#qa_banner
{
	background-image: url('../images/qa/qa_banner.webp');
}

#engineered_excellence
{
	position: relative;
}

#engineered_excellence .top
{
	position: absolute;
	background-image: url('../images/home/about_arrow.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 120px;
	height: 120px;
	top: 10%;
	right: 6%;
	animation: moveUpToDown 2s infinite ease-in-out;
}


#our_guarantee
{
	padding: 36px 0px;
}

#our_guarantee h3
{
	color: #fff;
	font-size: 42px;
	font-weight: 700;
	margin: 0px;
	line-height: 58px;
}

#our_guarantee .highlight_color
{
	background-color: #fff;
	color: #125FA7;
	padding: 1px 16px;
}

#our_guarantee .shape1
{
	width: 210px;
	height: auto;
	animation: diagonalBounce 1.5s ease-in-out infinite;
}


/*  Engineers Page  */

#engineers_banner
{
	background-image: url('../images/engineers/engineers_bg.png');
}

#visionary_engineers
{
	position: relative;
}

#visionary_engineers .top
{
	position: absolute;
	background-image: url('../images/home/curved-white.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 120px;
	height: 120px;
	top: 20%;
	left: 1%;
	animation: arrowDownBounce 2s ease-out infinite alternate;
}


/*  Contact us page  */

#contact_banner
{
	background-image: url('../images/contactus/contact_banner.webp');
}

.contactbox
{
	padding: 20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	text-align: center;
	height: 276px;
	margin: 15px 0px;
}

.contactbox1
{
	display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.contactbox h3
{
	color: #2E3192;
	font-size: 21px;
	font-weight: 700;
	margin: 0px;
	padding-bottom: 14px;
}

.contactbox a
{
	color: #000;
	text-decoration: none;
}

.contactform_box
{
	padding: 40px 20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	background: #fff;
}

.contactform_box .form-control
{
	padding: 6px 18px;
	border-radius: 6px;
	margin: 12px 0px;
	border: 1px solid #ced4da;
}


#locationmap
{
    margin-top: -64px;
    position: relative;
    z-index: -9999;
}

.contactsubmit_btn
{
	background-color: #EF1C25;
    border: 1px solid #EF1C25;
    padding: 10px 18px;
    color: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
}



/*  Kamdhenu Nxt Product Page  */

#kamdhenu_banner
{
	background-image: url('../images/products/kamdhenu/kamadhenu_nxt_banner.webp');
}

#kay_2-xenox_banner
{
	background-image: url('../images/products/kay-2-xenox/kay_2_xenox_banner.webp');
}

#kamdhenu_pas_banner
{
	background-image: url('../images/products/kamdhenu-pas/kamdhenu_pas_banner.webp');
}

/* inner product pages  */

#product_content
{
	position: relative;
}

#product_content .top
{
	position: absolute;
	background-image: url('../images/home/curved_top_arrow.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 145px;
	height: 145px;
	top: 2%;
	left: 10%;
	animation: arrowDownBounce 2s ease-out infinite alternate;
}


/* To aign menu we need this */


@media (min-width: 768px) {
.navbar-nav.abs
    {
        position: absolute;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
}


@media (max-width: 768px)
{
	.menu_bar
	{
	    background-color: #0F142D !important;	
		margin-bottom: 0px;
	}
	
	#menu .navbar-dark .navbar-nav .nav-link:active, #menu .navbar-nav .nav-item .nav-link.current-page
	{
		background: unset !important;
	}
	
	.main_menu .nav-item .nav-link
	{
		padding: 4px 0px;
	}
	
	.sec_heading h2
	{
		font-size: 27px;
	}
	
	.form_box
	{
		margin: 25px 0px;
		padding: 25px 0px;
	}

	.quick_links
	{
		width: 72%;
	}
		
	#service_layout, #our_guarantee
	{
		text-align: center;
	}

	#service_layout h3, #our_guarantee h3
	{
		font-size: 26px;
		line-height: 45px;
	}

	#service_layout img, #our_guarantee img
	{
		padding: 24px 0px 16px;
	}

	#service_layout button 
	{
		float: unset;
	}

	.g_prev, .g_next, #why_choose .slick-prev, #why_choose .slick-next, #products .slick-prev, #products .slick-next
	{
		display: none !important;
	}

	.t_prev img, .t_next img
	{
		width: 26px !important;
		height: auto;
	}

	.t_prev
	{
		right: 23% !important;
	}

	.t_next
	{
		right: 15%  !important;
	}
	
	.banner_heading
	{
		text-align: center;
	}

	.banner_heading h1
	{
		font-size: 28px;
		line-height: 42px;
	}

	.banner_heading img
	{
		width: 42px !important;
		height: auto;
	}
	
	.banner_heading .main_button
	{
		margin-bottom: 32px;
	}
	
	#banner .right_img
	{
		top: 0px;
	}

	.main_button
	{
		padding: 10px 12px;
		font-size: 14px;
		margin-bottom: 15px;
	}
	
	.experience_box
	{
		top: 41%;
		left: 11%;
	}

	.experience_box span
	{
		font-size: 32px;
	}

	.home_carousel .carousel-caption
	{
		top: 5%;
	}

	.experience_box p
	{
		font-size: 12px;
	}
	
	.inner_banner
	{
		padding: 116px 0px 116px;
	}
	
	.footer_bottom_row > div:not(:last-child)::after
	{
		background-color: unset;
	}
	
	#about .top, #why_choose .top, #our_products .top, #industry_leadership .top, #about .bottom, #banner .top, #vision_mission .top,
	#our_team .top, #products .top, #engineered_excellence .top, #visionary_engineers .top, #product_content .top
	{
		display: none;
	}
	
	.icon_box
	{
		margin: 18px 0px;
	}
	
	.blue_box
	{
		position: unset;
		bottom: 0;
		Right: 0;
		margin: 20px auto 0px;
	}
	
	#about 
	{
		padding: 4px 0px 64px;
	}
	
	#about_banner
	{
		margin-bottom: 42px;
	}
	
	.footer_title
	{
		font-size: 26px;
		padding-bottom: 15px;
	}
	
	#footer .color2, .callno
	{
		font-size: 20px !important;
		font-weight: 700;
	}
	
	.products_slider  .slick-prev, .products_slider .slick-next
	{
		display: none !important;
	}

}


@media only screen and (min-width: 770px) and (max-width: 1000px)
{
	
	.menu_bar
	{
	    background-color: #0F142D !important;	
		margin-bottom: 0px;
	}
	
	.explore_btn, .menu_btn
	{
		padding: 5px 12px;
		font-size: 12px;
	}
	
	.main_menu .nav-item .nav-link
	{
		padding: 5px 10px;
		font-size: 13px;
	}
	
	.quick_links
	{
		width: 75%;
	}

	#service_layout h3, #our_guarantee h3
	{
		font-size: 26px;
		line-height: 45px;
	}

	.g_prev, .g_next, #why_choose .slick-prev, #why_choose .slick-next
	{
		display: none !important;
	}

	.t_prev img, .t_next img
	{
		width: 26px !important;
		height: auto;
	}
	
	.home_carousel .carousel-caption
	{
		top: 10%;
		left: 4%;
		right: 12%;
	}
	
	.inner_banner
	{
		padding: 116px 0px 116px;
	}
	
	.sec_heading h2
	{
		font-size: 27px;
	}
	
	.footer_title
	{
		font-size: 25px;
	}
	
	.callno
	{
		font-size: 22px;
	}
	
	.footer_bottom_row > div:not(:last-child)::after
	{
		left: 80%;
	}
	
	.banner_heading h1
	{
		font-size: 30px;
		line-height: 40px;
	}
	
	.banner_heading img
	{
		width: 42px !important;
		height: auto;
	}
	
	.experience_box span
	{
		font-size: 25px;
	}
	
	.experience_box p
	{
		font-size: 14px;
	}
	
	#banner .right_img
	{
		top: 0px;
	}
	

}

@media only screen and (min-width: 1001px) and (max-width: 1200px)
{
	
	.main_menu .nav-item .nav-link
	{
		padding: 4px 8px;
		font-size: 12px !important;
	}
	
	.experience_box span
	{
		font-size: 42px;
	}
	
	.banner_heading h1
	{
		font-size: 45px;
		line-height: 60px;
	}
	
	#banner .right_img
	{
		top: -20px;
	}
	
	.quick_links
	{
		width: 55%;
	}

	#service_layout h3, #our_guarantee h3
	{
		font-size: 26px;
		line-height: 45px;
	}
	
	.contactbox
	{
		height: 312px;
	}
	
	.t_prev
	{
		right: 18% !important;
	}
	
	.g_next
	{
		right: 0;
	}
	
	.g_prev
	{
		left: 0;
	}
  
}


@media only screen and (min-width: 1201px) and (max-width: 1400px)
{
	.banner_heading h1
	{
		font-size: 45px;
		line-height: 60px;
	}
	
	#banner .right_img
	{
		
	}
	
	.t_prev
	{
		right: 17% !important;
	}
}


@media only screen and (min-width: 1900px)
{
	.banner_heading h1
	{
		font-size: 65px;
	}
	
	.sub_title
	{
		font-size: 22px;
	}

}


::selection {
  background: #D5853F;
  color: #fff;
}


/*  Slick Slider Css */

   .slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-prev {
    left: 0px;
    text-align: left;
    position: absolute;
    vertical-align: middle;
    top: 55% !important;
	border: none;
    padding: 0px;

}

.slick-next {
    right: 0px;
    text-align: right;
    position: absolute;
	vertical-align: middle;
    top: 55% !important;
	border: none;
    padding: 0px;
}

.slick-prev:before, .slick-next:before {
  color: #0F142D !important;
 
}

.g_prev, .g_next
{
    position: absolute;
    vertical-align: middle;
    top: 55% !important;
	border: none;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	padding: 0px;
}

.g_prev
{
	left: -32px;
    text-align: left;

}

.g_next
{
	right: -32px;
    text-align: right;
}


.t_prev, .t_next
{
    position: absolute;
    vertical-align: middle;
    bottom: 11% !important;
	border: none;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	z-index: 2;
	padding: 0px;
}

.t_prev
{
	right: 16%;
    text-align: left;

}

.t_next
{
	right: 12%;
    text-align: right;
}



/*  Icons animations  */

/*  banner arrow animation  */

.anim_straight {
	font-size: 50px;
	position: relative;
	animation: moveArrow 1.5s infinite alternate ease-in-out;
}

@keyframes moveArrow {
	0% { transform: translateX(0); }
	100% { transform: translateX(50px); } /* Move right */
}

/*  homepage - about top arrow  */

@keyframes moveUpToDown 
{
	0% {
	  transform: translateY(-20px); /* Start slightly above */
	}
	50% {
	  transform: translateY(0px); /* Middle position */
	}
	100% {
	  transform: translateY(-20px); /* Return to start */
	}
}

/*  Homepage - why choose ( Transforming Steel, Transforming Lives ) */

@keyframes arrowDownBounce {
	0% {
	  transform: translateY(-80px); /* Start from top (above heading) */
	  opacity: 0; /* Fade-in effect */
	}
	50% {
	  transform: translateY(10px); /* Overshoot a bit for bounce effect */
	  opacity: 1;
	}
	100% {
	  transform: translateY(0); /* Settle down perfectly pointing to heading */
	  opacity: 1;
	}
}

/*  About bottom icon  */

@keyframes diagonalBounce {
	0% {
	  transform: translate(0, 0); /* Start Position */
	}
	50% {
	  transform: translate(-15px, 15px); /* Move diagonally */
	}
	100% {
	  transform: translate(0, 0); /* Back to Start */
	}
  }