/*
Theme Name: Binar Solutions
Description: Binar Solutions child theme for Hello Elementor
Author: Dragster
Author URI: https://dragster.se/
Author Email: digital@dragster.se
Version: 1.0.0
Text Domain: hello-elementor-child
Template: hello-elementor
*/
/*
Add your custom styles here
*/

/* Main styles */

.dialog-type-lightbox{
	z-index: 9 !important;
}


h1,h2,h3,h4,h5,h6 {
    margin-block-start:.5rem;margin-block-end:1rem;font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}
/*
h1 {
    font-size: 2.5rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.5rem
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

*/
.elementor-kit-6 {
	/* h1 
	--e-global-typography-3924b93-font-size: 95px; */
	
	/* h2 
	--e-global-typography-fe62aa5-font-size: 60px; */
	
	/* h3 
	--e-global-typography-a04cd56-font-size: 40px; */
	
	/* h4 
	--e-global-typography-45c0808-font-size: clamp(1.25rem, 1.215rem + 0.8vw, 2rem) !important; */
	
	/* Hero intro 
	--e-global-typography-8d4d264-font-size: 22px; */
	
}


/*
@media (max-width: 1024px){
	.elementor-kit-6 {
		--e-global-typography-3924b93-font-size: 40px;

		--e-global-typography-fe62aa5-font-size: 28px;
		
		--e-global-typography-a04cd56-font-size: 24px;
		
		--e-global-typography-45c0808-font-size: 22px;
		
		--e-global-typography-8d4d264-font-size: 16px;
	}
}
*/

/* Main styles end */

/* Breadcrumbs */
.breadcrumb-outer {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-gap: 5px;
  gap: 5px;
  font-size: 12px;
  color: #999999;
  margin-top: 10px;
  margin-bottom: 20px;
}

.breadcrumb-outer .first-crumb {
    color: #C70B30;
}
/* Breadcrumbs end */

/* Header code */

.mainhead .sitemenu.elementor-widget-n-menu .e-n-menu-title  {
  transition: all 0.5s ease-in-out;
}

.mainhead.elementor-sticky--effects  .sitemenu.elementor-widget-n-menu .e-n-menu-title {
  padding-top: 16px;
  padding-bottom: 16px;
}

.arrowbtn.black .elementor-button-icon{
    color: black !important;
    transition: 0.3s ease-in-out all;
  }
  .arrowbtn.black .elementor-button-icon svg{
    fill: transparent !important;
  } 
  
  .arrowbtn:hover .elementor-button-icon{
    
    transform: translateX(10px);
  }

  .sitemenu .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{
    position: relative;
  }
  
  .sitemenu .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:after{
    transition: 0.3s ease-in-out all;
    content: ' ';
    width: calc(100% - 2rem);
    height: 5px;
    background: #C70B30;
    position: absolute;
    bottom: 0px;
    left: 1rem;
    border: none;
    opacity: 0;
  }

@media(min-width: 1025px){
	  .sitemenu .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item:hover > .e-n-menu-title:after{
		opacity: 1;
	  }

}
  

  
  
  .mainhead.elementor-sticky--effects .sitemenu .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:after {
    bottom: 0px;
  }
  
  

/* Header code end*/

/* Binar buttons */

.b_button_pri {
  display: inline-block;
  font-family: "Host Grotesk", Sans-serif;
  min-width: 100px;
  text-align: center;
  min-height: 40px;
  padding: 10px 26px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 50px;
  color: white;
  background: linear-gradient(90deg, #c70b30 0%, #f3234c 100%);
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.3s ease-in-out;
}

.b_button_pri::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #131d26 0%, #254969 100%);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  border-radius: inherit;
}

.b_button_pri:hover::after {
  opacity: 1;
}

.b_button_pri:hover {
  color: #ffffff;
}

.b_button_pri.sec {
  color: black;
  background: transparent;
  border: 1px solid;
  padding: 10px 18px;
}
.b_button_pri.sec.white {
  color: white;
}

.b_button_pri.sec::after {
  background: linear-gradient(90deg, #c70b30 0%, #f3234c 100%);
}

.b_button_pri.sec:hover {
  color: #ffffff;
  border-color: transparent;
}

/* if button is in section section */

.buthov:hover .b_button_pri::after {
  opacity: 1;
}

.buthov:hover .b_button_pri {
  color: #ffffff;
}
.buthov:hover .b_button_pri.sec {
  color: #ffffff;
  border-color: transparent;
}

.b_button_pri.block {
  padding: 15px;
  width: 100%;
  border-radius: 10px;
  text-align: left;
  font-size: 18px;
  height: 100%;
}

.b_button_pri .btn-arrow-parent {
  width: 24px;
  height: 24px;
  overflow: hidden;
  margin-left: auto;
  margin-top: 41px;
}

.b_button_arrow_only .btn-arrow-parent {
  width: 24px;
  height: 24px;
  overflow: hidden;
  margin-left: auto;
}
.b_button_pri.block .singleLine {
  display: flex;
  align-items: center;
  padding-bottom: 65px;
}
.b_button_pri.block .singleLine.withText {
  padding-bottom: 0;
}

.b_button_pri.block .singleLine .btn-arrow-parent {
  margin-top: 0;
}

.b_button_pri.block .btnText {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35em;
  font-family: "Inter", sans-serif;
  margin-top: 36px;
  margin-bottom: 10px;
}

b_button_pri.block.bblack{
	background: rgba(0, 0, 0, 0.95);

}
.b_button_pri.block.red {
  background: linear-gradient(90deg, #c70b30 0%, #f3234c 100%);
}

.b_button_pri.block.red::after {
  background: linear-gradient(90deg, #f3234c 0%, #c70b30 100%);
}

.b_button_pri.block.blue {
  background: linear-gradient(270deg, #021E5F 0%, #0F6AD1 100%)!important;

}

.b_button_pri.block.blue::after {
  background: linear-gradient(90deg, #254969 0%, #131d26 100%);
}

.b_button_pri.block.white {
  background: linear-gradient(-90deg, #ffffff 0%, #dfdfdf 100%);
  color: black;
}

.b_button_pri.block.white::after {
  background: linear-gradient(90deg, #ffffff 0%, #dfdfdf 100%);
}

.b_button_arrow_only {
  display: inline-block;
  color: inherit;
}

.b_button_arrow_only .btn-arrow-parent {
  width: 24px;
  height: 20px;
}
.b_button_arrow_only.white {
  color: white;
}
.b_button_arrow_only.black {
  color: black;
}
.b_button_arrow_only:hover {
  color: inherit;
}
.b_button_arrow_only.white:hover {
  color: white;
}
.b_button_arrow_only.black:hover {
  color: black;
}

/* Initial State */

.b_button_pri .arrow-embed {
  transform: translate3d(-24px, -27px, 0px);
}
.b_button_pri .arrow-embed-first {
  transform: translate3d(0px, 0px, 0px);
}

.b_button_arrow_only .arrow-embed {
  transform: translate3d(-24px, -24px, 0px);
}
.b_button_arrow_only .arrow-embed-first {
  transform: translate3d(0px, 0px, 0px);
}

/* Hover state */

.b_button_pri:hover .arrow-embed-first {
  transition: all 0.6s cubic-bezier(0.5, 0, 0.75, 0);
  transform: translate3d(25px, 0px, 0px);
}

.b_button_pri:hover .arrow-embed {
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transform: translate3d(0px, -27px, 0px);
  transition-delay: 0.6s;
}

.b_button_arrow_only :hover .arrow-embed-first {
  transition: all 0.6s cubic-bezier(0.5, 0, 0.75, 0);
  transform: translate3d(25px, 0px, 0px);
}

.b_button_arrow_only :hover .arrow-embed {
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transform: translate3d(0px, -24px, 0px);
  transition-delay: 0.6s;
}

.buthov:hover .b_button_pri .arrow-embed-first {
  transition: all 0.6s cubic-bezier(0.5, 0, 0.75, 0);
  transform: translate3d(25px, 0px, 0px);
}

.buthov:hover .b_button_pri .arrow-embed {
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transform: translate3d(0px, -24px, 0px);
  transition-delay: 0.6s;
}

.buthov:hover .b_button_arrow_only .arrow-embed-first {
  transition: all 0.6s cubic-bezier(0.5, 0, 0.75, 0);
  transform: translate3d(25px, 0px, 0px);
}

.buthov:hover .b_button_arrow_only .arrow-embed {
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transform: translate3d(0px, -24px, 0px);
  transition-delay: 0.6s;
}
/* Custom arrow btn end */

/* Binar buttons end */

/* Section background gradient */
.bluegradbg {
}

.bluegradbg.e-con-full, .bluegradbg.e-con-boxed > .e-con-inner {
  background: radial-gradient(circle at 20% 0%, #000000 0%, #0f6ad1 100%);
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.8s ease-in-out;
}

.bluegradbg.e-con-boxed > .e-con-inner{
  border-radius: 10px;
}

.bluegradbg.e-con-full::after, .bluegradbg.e-con-boxed > .e-con-inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 20% 0%, #0f6ad1 0%, #000 100%);

  z-index: -1;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  border-radius: inherit;
}
 
.bluegradbg.e-con-full:hover::after, .bluegradbg.e-con-boxed > .e-con-inner:hover::after {
  opacity: 1;
}

.maroon{
	background: linear-gradient(90deg, #000000 0%, #9C0825 100%);

}



.bluegradbg.e-con-full.red, .bluegradbg.red.e-con-boxed > .e-con-inner {
  background: linear-gradient(90deg, #c70b30 0%, #f3234c 100%);
}

.bluegradbg.e-con-full.red::after, .bluegradbg.red.e-con-boxed > .e-con-inner::after {
  background: linear-gradient(90deg, #f3234c 0%, #c70b30 100%);
}

.bluegradbg.e-con-full.actualblue, .bluegradbg.actualblue.e-con-boxed > .e-con-inner {
  background: linear-gradient(90deg, #131d26 0%, #254969 100%);
}

.bluegradbg.e-con-full.actualblue::after, .bluegradbg.actualblue.e-con-boxed > .e-con-inner::after {
  background: linear-gradient(90deg, #254969 0%, #131d26 100%);
}

.bluegradbg.e-con-full.white, .bluegradbg.white.e-con-boxed > .e-con-inner {
  background: linear-gradient(-90deg, #ffffff 0%, #f5f5f5 100%);
  color: black;
}

.bluegradbg.e-con-full.white::after, .bluegradbg.white.e-con-boxed > .e-con-inner::after {
  background: linear-gradient(90deg, #ffffff 0%, #f5f5f5 100%);
}


.bluegradbg.e-con-full.dark, .bluegradbg.dark.e-con-boxed > .e-con-inner {
	background: linear-gradient(90deg, #131D26 0%, #254969 100%);
  color: white;
}

.bluegradbg.e-con-full.dark::after, .bluegradbg.dark.e-con-boxed > .e-con-inner::after {
  
  background: linear-gradient(-90deg, #131D26 0%, #254969 100%);
}

.bluegradbg.e-con-full.black, .bluegradbg.black.e-con-boxed > .e-con-inner {
  background: linear-gradient(90deg, #365188 0%, #0F6AD1 100%);
  color: white;
}

.bluegradbg.e-con-full.black::after, .bluegradbg.black.e-con-boxed > .e-con-inner::after {
  background: linear-gradient(90deg, #254969 0%, #131d26 100%);
}

.bluegradbg.e-con-full.actualblack, .bluegradbg.actualblack.e-con-boxed > .e-con-inner {
  background: linear-gradient(90deg, #000 0%, #242424 100%);
  color: white;
}

.bluegradbg.e-con-full.actualblack::after, .bluegradbg.actualblack.e-con-boxed > .e-con-inner::after {
  background: linear-gradient(90deg, #242424 0%, #000 100%);
}

.darkbluebg.e-con-full, .darkbluebg.e-con-boxed > .e-con-inner {
  background: #0F6AD1;
}

.darkbluebg.e-con-boxed > .e-con-inner{
  border-radius: 10px;
}



/* Section background gradient end */

/* logo marquee */

.marquee_l {
  grid-column-gap: 2rem;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee_l .marquee-content {
  grid-column-gap: 1rem;
  flex: none;
  justify-content: space-around;
  min-width: 100%;
  display: flex;
}

.marquee_l .marquee-content.scroll {
  grid-column-gap: 4rem;
}

.marquee_l .marquee-image,
.elementor .marquee_l .marquee-image {
  filter: grayscale();
  object-fit: contain;
  width: 10rem;
  height: 5rem;
  -webkit-transform: translateZ(0);
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% - 4rem));
  }
}

.scroll {
  animation: scroll 40s linear infinite;
}

.reverse {
  animation-direction: reverse;
}

@media(max-width: 1024px){
	.marquee_l .marquee-image, .elementor .marquee_l .marquee-image{
		width: 7rem;
		height: 3rem;
	}
}


/* logo marquee end */

/* Heading small top */
.headingsmalltop span.smallt {
  width: 230px;
  line-height: 1em;
  font-weight: 300;
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  border-top: 1px solid black;
  padding-top: 10px;
  margin-right: 20px;
  margin-top: 15px;
}


@media(max-width: 1024px){
	.headingsmalltop span.smallt{
		display: block;
		width: 100%;
		margin-bottom: 20px;
		margin-top: 0;
	}
}

/* Heading small top end */

/* Sol card on home */

.solcard {
}
.solcard:hover {
  cursor: pointer;
  box-shadow: 0px 10px 20px rgba(2, 30, 95, 0.2);
  /*transform: translate(3px, 1px);*/
  transform: scale(1.01);
}

.solcard .solcard_content {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  padding-top: 30px;
  display: flex;
  flex-gap: 20px;
  gap: 20px;
}

.solcard_image img {
  max-height: 200px;
  height: 200px;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.solcard .solcard_content .b_button_pri {
  margin-top: 10px;
}

/* Sol card on home END */

/* Hover image card */

.imghovscale .hovscale {
  overflow: hidden;
}

.imghovscale .hovscale img {
  transition: all 1s ease-in-out;
}

.imghovscale:hover .hovscale img {
  transform: scale(1.05);
}

/* Hover image card end */

/* Home slides */
.homeslide .swiper-slide {
   transition: transform 0.8s;
   transition-timing-function: linear;
   transform-origin: top center;


  /* transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1),
              opacity 0.8s cubic-bezier(0.65, 0, 0.35, 1);
  will-change: transform, opacity; */
}

/* .homeslide .swiper-slide-prev {
  transform-origin: top right;
}

.homeslide .swiper-slide-next {
  transform-origin: top left;
} 

.homeslide .swiper-slide[aria-hidden="true"] {
  transform: scale(0.3);
}
.homeslide .swiper-slide-prev.swiper-slide[aria-hidden="true"] {
  transform-origin: right top;
}
.homeslide .swiper-slide-next.swiper-slide[aria-hidden="true"] {
  transform-origin: left top;
}

.homeslide .swiper-slide[aria-hidden="true"] .slidecont {
  opacity: 0;
}

.homeslide .swiper-slide.swiper-slide-active {
  display: block;
  transform: scale(1);
}
.homeslide .swiper-slide.swiper-slide-active .slidecont {
  opacity: 1;
}
*/


.homeslide .swiper-slide{
  transition: transform 0.8s;
  transition-timing-function: linear;
  transform-origin: top left;
  transform: scale(0.5);
  opacity: 0.6;
}


.homeslide .swiper-slide.swiper-slide-prev{
	
	transform-origin: top right;
}

.homeslide .swiper-slide.swiper-slide-next{
	
	transform-origin: top left;
}

 .swiper-slide.swiper-slide-next .homeslide_image img, .homeslide .swiper-slide.swiper-slide-prev .homeslide_image img{
	border-radius: 20px;
}

.homeslide .swiper-slide .innovpara {
  opacity: 0;
}


.homeslide .swiper-slide.swiper-slide-active {
  opacity: 1;
 transform: scale(1);
}



.slidecont.red  *, .slidecont.actualblue  *{
    color: white !important;
}

.slidecont.white{
    color: black !important;
}
@media(max-width: 1024px){
	.elementor-element.homeslide > .elementor-widget-container > .swiper.offset-both{
		padding-inline-start: 0;
		padding-inline-end: 90px;
	}

	.elementor-element.homeslide .mwslidecard.posabs{
		right: 0 !important;
		bottom: 0;
		padding: 10px;
		width: calc(100% - 20px);
		margin: 10px;
	}
}

/* Home slides end */

/* Solutions card */
.solution_card .sol_img, .solution_card .sol_img img,  .solution_card .sol_title, .solution_card .sol_content, .solution_card .sol_abs{
  transition: 0.5s ease-in-out all;
}

.solution_card .sol_img{
  width: 233px;
  height: 160px;
}
.solution_card .sol_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solution_card:hover .sol_img{
  width: 253px
}

.solution_card:hover .sol_abs{
  left: 10px !important;
}



@media(min-width: 1025px){
	
	.solution_card:hover .sol_img{
	  transform: translateX(18px);
    width: 253px;
	}

	.solution_card:hover .sol_title, .solution_card:hover .sol_content{
	  transform: translateX(28px)
	}

  .solution_card:hover .sol_abs{
    left: 30px !important;
  }

  .solution_card .sol_title{
    width: calc(100% - 233px);
  }
}

@media (max-width: 1024px){
  
  .solution_card .sol_img{
    width: 100%;
    height: 200px;
  }
}

/* Solutions card  end*/


/* Careers card */
.career_card .career_title, .career_card .career_arr{
  transition: 0.5s ease-in-out all;
}


.career_card:hover .career_title, .career_card:hover .career_arr{
  transform: translateX(28px)
}

/* Careers card  end*/

/* Innovation Slide */

.innovslide .swiper-slide{
  transition: transform 0.8s;
  transition-timing-function: linear;
  transform-origin: top left;
  transform: scale(0.5);
  opacity: 0.6;
}

.innovslide .swiper-slide.swiper-slide-prev{
	
	transform-origin: top right;
}

.innovslide .swiper-slide .innovpara {
  opacity: 0;
}


.innovslide .swiper-slide.swiper-slide-active {
  opacity: 1;
 transform: scale(1);
}

.innovslide .swiper-slide.swiper-slide-active .innovpara {
  opacity: 1;
}



/* Innovation Slide End */

/* Accordion arrow anim */

.e-n-accordion .e-n-accordion-item-title-icon{
  transition: 0.3s ease-in all;
}

.e-n-accordion summary[aria-expanded="true"] .e-n-accordion-item-title-icon {
  transform: rotate(45deg);
}

.e-n-accordion .e-n-accordion-item-title{
  justify-content: space-between !important;
}

.acc_faq .e-n-accordion .e-n-accordion-item-title{
  border-top: 1px solid #cccccc !important;
}

.acc_faq.faq .e-n-accordion-item:nth-child(1) .e-n-accordion-item-title{
  border-top: none !important;
}

/* Accordion arrow anim end */

 /* Download sections */
.dl-variant-4 .split-horizontal {
	flex-direction: column;
	gap: 20px;
	flex-gap: 20px;
}

.dl-links {
	width: 100%;
	border-bottom: 1px solid #cccccc;
}

.dl-links .dl-link {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	color: inherit;
	padding: 12px 14px;
	border-top: 1px solid #cccccc;
	position: relative;
  font-family: "Host Grotesk", Sans-serif;
}

.dl-links .dl-link:before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f0f0f0;
	z-index: -1;
	max-height: 0;
	transition: max-height 0.2s ease-out;
}

.dl-links .dl-link:hover:before {
	max-height: 200px;
	transition: max-height 0.4s ease-in;
}

.dl-variant-4 .dl-links .dl-link {
	padding: 16px 100px;
}

/*
@media(max-width: 991px) {
	.dl-variant-4 .dl-links .dl-link {
		padding-left: 14px;
		padding-right: 14px;
	}

	.dl-links {
		padding-left: 20px;
		padding-right: 20px;
	}
}
*/

/* Download sections end */

/* Gravity forms */

*{
  --gf-ctrl-choice-check-color: #C70B30 !important;
}


body #contact_cta   .gform-theme *{
  --gf-color-primary: #C70B30 !important;
  --gf-color-primary-rgb: 199, 11, 48 !important;
  --gf-ctrl-shadow-color-focus: rgba(var(--gf-color-primary-rgb), 0.3) !important;
 --gf-ctrl-border-color-focus: #C70B30 !important;
   --gf-local-outline-color:  rgba(var(--gf-color-primary-rgb), 0.3) !important;
  
  --gf-ctrl-shadow-focus: 0 0 0 var(--gf-ctrl-shadow-offset-size-focus) var(--gf-ctrl-shadow-offset-color-focus),0 0 0 var(--gf-ctrl-shadow-size-focus) var(--gf-ctrl-shadow-color-focus) !important;

  
}

#contact_cta  .gform_heading{
  display: none;
}


#contact_cta  .gform_body  .gform_fields{
  gap: 15px;
}

#contact_cta  .gform_body  .gform_fields label{
  font-size: 14px;
  font-family: "Host Grotesk", Sans-serif;
  margin-bottom: 0;
  
}

#contact_cta  .gform_body  .gform_fields input{
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid black;
  background: transparent;
  box-shadow: none;
}

#contact_cta  .gform_body  .gform_fields textarea{
  border-radius: 0px;
   border: none;
  border-bottom: 1px solid black;
  background: transparent;
  box-shadow: none;
}
#contact_cta  .gform_body  .gform_fields input[type=checkbox]{
  border-radius: 100px;
  border: 1px solid black;
}

#contact_cta  .gform_footer {
  margin-top: 0;
  align-items: end;
  justify-content: end;
}

#contact_cta .redLabel > label{
  color: #C70B30 !important;
  margin-bottom: 5px !important;
}

#contact_cta .gform_footer .gform_button{
  border-radius: 50px !important;
  color: black !important;
  border-color: black !important;
  background: transparent !important;
	font-size: 16px !important;
  font-family: "Host Grotesk", Sans-serif !important;
	padding: 13px 30px 13px 30px !important;
}
#contact_cta  .gform_footer .gform_button:hover{
  background:  #C70B30 !important;
  color: white !important;
  border-color: white !important;
}


body #contact_ctaa   .gform-theme *{
  --gf-color-primary: #C70B30 !important;
  --gf-color-primary-rgb: 199, 11, 48 !important;
  --gf-ctrl-shadow-color-focus: rgba(var(--gf-color-primary-rgb), 0.3) !important;
 --gf-ctrl-border-color-focus: #C70B30 !important;
   --gf-local-outline-color:  rgba(var(--gf-color-primary-rgb), 0.3) !important;
  
  --gf-ctrl-shadow-focus: 0 0 0 var(--gf-ctrl-shadow-offset-size-focus) var(--gf-ctrl-shadow-offset-color-focus),0 0 0 var(--gf-ctrl-shadow-size-focus) var(--gf-ctrl-shadow-color-focus) !important;

  
}

#contact_ctaa  .gform_heading{
  display: none;
}


#contact_ctaa  .gform_body  .gform_fields{
  gap: 15px;
}

#contact_ctaa  .gform_body  .gform_fields label{
  font-size: 14px;
  font-family: "Host Grotesk", Sans-serif;
  margin-bottom: 0;
  
}

#contact_ctaa  .gform_body  .gform_fields input{
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid black;
  background: transparent;
  box-shadow: none;
}

#contact_ctaa  .gform_body  .gform_fields textarea{
  border-radius: 0px;
   border: none;
  border-bottom: 1px solid black;
  background: transparent;
  box-shadow: none;
}
#contact_ctaa  .gform_body  .gform_fields input[type=checkbox]{
  border-radius: 100px;
  border: 1px solid black;
}

#contact_ctaa  .gform_footer {
  margin-top: 0;
  align-items: end;
  justify-content: end;
}

#contact_ctaa .redLabel > label{
  color: #C70B30 !important;
  margin-bottom: 5px !important;
}

#contact_ctaa .gform_footer .gform_button{
  border-radius: 50px !important;
  color: black !important;
  border-color: black !important;
  background: transparent !important;
	font-size: 16px !important;
  font-family: "Host Grotesk", Sans-serif !important;
	padding: 13px 30px 13px 30px !important;
}
#contact_ctaa  .gform_footer .gform_button:hover{
  background:  #C70B30 !important;
  color: white !important;
  border-color: white !important;
}


body #contact_cta   .gform-theme *{
  --gf-color-primary: #C70B30 !important;
  --gf-color-primary-rgb: 199, 11, 48 !important;
  --gf-ctrl-shadow-color-focus: rgba(var(--gf-color-primary-rgb), 0.3) !important;
 --gf-ctrl-border-color-focus: #C70B30 !important;
   --gf-local-outline-color:  rgba(var(--gf-color-primary-rgb), 0.3) !important;
  
  --gf-ctrl-shadow-focus: 0 0 0 var(--gf-ctrl-shadow-offset-size-focus) var(--gf-ctrl-shadow-offset-color-focus),0 0 0 var(--gf-ctrl-shadow-size-focus) var(--gf-ctrl-shadow-color-focus) !important;

  
}

#contact_ctaaa  .gform_heading{
  display: none;
}


#contact_ctaaa  .gform_body  .gform_fields{
  gap: 15px;
}

#contact_ctaaa  .gform_body  .gform_fields label{
  font-size: 14px;
  font-family: "Host Grotesk", Sans-serif;
  margin-bottom: 0;
  
}

#contact_ctaaa  .gform_body  .gform_fields input{
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid black;
  background: transparent;
  box-shadow: none;
}

#contact_ctaaa  .gform_body  .gform_fields textarea{
  border-radius: 0px;
   border: none;
  border-bottom: 1px solid black;
  background: transparent;
  box-shadow: none;
}
#contact_ctaaa  .gform_body  .gform_fields input[type=checkbox]{
  border-radius: 100px;
  border: 1px solid black;
}

#contact_ctaaa  .gform_footer {
  margin-top: 0;
  align-items: end;
  justify-content: end;
}

#contact_ctaaa .redLabel > label{
  color: #C70B30 !important;
  margin-bottom: 5px !important;
}

#contact_ctaaa .gform_footer .gform_button{
  border-radius: 50px !important;
  color: black !important;
  border-color: black !important;
  background: transparent !important;
	font-size: 16px !important;
  font-family: "Host Grotesk", Sans-serif !important;
	padding: 13px 30px 13px 30px !important;
}
#contact_ctaaa  .gform_footer .gform_button:hover{
  background:  #C70B30 !important;
  color: white !important;
  border-color: white !important;
}

/* Gravity forms end */

/* Contaact person and form employee */

.cp_img, .elementor .cp_img{
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
}
.cp_title{
  color: black;
  font-size: 16px;
  line-height: 1.35em;
  font-family: "Host Grotesk", Sans-serif;
}
.cp_title_big{
  font-size: 18px;
  line-height: 1em;
  font-family: "Host Grotesk", Sans-serif;
  color: black;
}

.cp_contact{
  max-width: 470px;
}

.cp_contact .cp_single{
  display: flex;
  align-items: center;
  gap: 26px;
  flex-gap: 26px;
  padding: 16px 20px;
  border-top: 1px solid #999999;
}

.cp_contact .cp_single svg{
  width: 100%;
  height: 100%;
  max-width: 24px;
  max-height: 28px;
  object-fit: contain;
  object-position: center;
}

.cp_contact .cp_single a{
  color: #C70B30;
  font-family: "Host Grotesk", Sans-serif;
  font-size: 14px;
  cursor: pointer;
}

/* Contaact person and form employee end */

/* Product catalog page */

#product__slider .product__slider-main {
  margin-bottom: 15px;
  border: 1px solid #D1D1D1;
  border-radius: 10px;
}
#product__slider .product__slider-main img {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
#product__slider .product__slider-thmb{
  padding-bottom: 20px;
}
#product__slider .product__slider-thmb .owl-item{
	opacity: 0.5;
    transition: all .3s ease;
}

#product__slider .product__slider-thmb .owl-item{
  opacity: 0.5;  
  padding-bottom: 10px;
}

#product__slider .product__slider-thmb .owl-item .slide{
  border: 1px solid #D1D1D1;
  border-radius: 10px;
}

#product__slider .product__slider-thmb .owl-item:hover {
	opacity: 1;
}

#product__slider .product__slider-thmb .owl-item.current{
 
  opacity: 1;
}
#product__slider .product__slider-thmb .owl-item.current .slide{
   border-color: black;
}

#product__slider .product__slider-thmb .owl-item.current .slide{
  outline: none;
}
#product__slider .product__slider-thmb .owl-dots {
  text-align: center;
  margin-top: 15px;
}
#product__slider .product__slider-thmb .owl-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #ccc;
  margin: 5px;
  border-radius: 50%;
  cursor: pointer;
}
#product__slider .product__slider-thmb .owl-dot.active {
  background: #C70B30;
}


/* Product catalog page end */


/* Other styles */

.gradheading .elementor-widget-container > *{
  background: linear-gradient(90deg, #000000 0%, #0F6AD1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.enlargeClick{
  cursor: pointer;
}

@media(max-width: 480px){
	.makeflexscroll{
		
	}
}

p {
  margin-block-start:0.6rem;margin-block-end: 0;
}


.emp_title{
  min-height: 4em;;
}



/* Other styles end */

/* Overriding elementor animation times */

/* FadeInDown */
@keyframes kgFadeInDown {
  from {
      opacity: 0;
      transform: translate3d(0, -60px, 0); /* Less movement than default */
  }
  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element .animated.fadeInDown {
  animation-name: kgFadeInDown !important; /* Ensure this takes precedence */
}

/* FadeInLeft */
@keyframes kgFadeInLeft {
  from {
      opacity: 0;
      transform: translate3d(-60px, 0, 0);
  }
  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element .animated.fadeInLeft {
  animation-name: kgFadeInLeft !important;
}

/* FadeInRight */
@keyframes kgFadeInRight {
  from {
      opacity: 0;
      transform: translate3d(60px, 0, 0);
  }
  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element .animated.fadeInRight {
  animation-name: kgFadeInRight !important;
}

/* FadeInUp */
@keyframes kgFadeInUp {
  from {
      opacity: 0;
      transform: translate3d(0, 60px, 0);
  }
  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element .animated.fadeInUp {
  animation-name: kgFadeInUp !important;
}

/* Overriding elementor animation times end */


/* Width and padding related */

.posabs{
    position: absolute !important;
}

@media(min-width: 1025px){
	.mwh1 {
	  max-width: 1200px !important;
	}
	.mwh2 {
	  max-width: 476px !important;
	}
	.mwbigpara{
	  max-width: 720px !important;
	}
	.mwslidecard {
	  max-width: 450px !important;
	}

  .mwsupcard {
	  max-width: 340px !important;
	}

	.mwinnovcard {
	  max-width: 580px !important;
	}
	.mwblockbtn{
		max-width: 320px !important;
		width: 100%;
	}
  .mwcareer{
    max-width: 610px !important;
  }
}

/* Width and padding related end */
