.home-heading
{
	justify-content: flex-start;
	margin-bottom: 56px;
	margin-left: -15px;
}
/*.background-image-with-text
{
	min-height: 600px;
}*/
.homepage-content
{
	/*padding-top: 0;*/
	/* font-size: ; */
	color: #ffffff;
}
.homepage-content h1 
{
	color: #ffffff!important;
	margin-bottom: 0;
}
.homepage-para1
{
	padding-top: 32px;
	font-size: 16px;
}
.homepage-content2
{
	display: flex;
	margin-top: 12px;
}
.banner_box1
{
	display: flex;
	flex-direction: column;
	color: white;
	font-weight: 600;
	border-right: 2px solid #ffffff;
	padding-right: 32px;
}
.banner_box1 strong 
{
	text-transform: uppercase;
}
.banner_box1 a 
{
	padding: 16px 56px;
	background-color: #ffffff;
	color: #033941;
	border-radius: 80px;
	font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 32px;
}
.banner_box1 a:hover 
{
	background-color: #E1F3F5;
}
.banner_box2
{
	display: flex;
	flex-direction: column;
	color: white;
	font-weight: 600;
	padding-left: 32px;
}
.banner_box2 strong
{
	text-transform: uppercase;
}
.banner_box_btn
{
	display: flex;
	flex-direction: row;
	gap: 30px;
}

.banner_box_btn a
{

	padding: 16px 56px;
	background-color: rgba(2, 27, 31, 0.4980392157);
    color: #ffffff;
    outline: 2px solid #ffffff;
    border-radius: 80px;
	font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 32px;
}
.banner_box_btn a:hover 
{
	background-color: #4F5255;
}
/*.bg-linear
{
	 background:linear-gradient(12deg,#212325 32%,rgba(33,35,37,0) 62%);
}*/
.background-image-with-text {
    /* min-height: 600px; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 96px;
    /*max-width: fit-content;
    margin: 0 auto;*/
    /*padding-top: 134px;*/
 }

 .background-image-with-text img 
 {
 	width: 100%;
	object-fit: cover;
 }
 .positions 
 {
 	position: absolute;
 	bottom: 150px;
 }

 .background-image-with-text,
 .container 
 {
 	position: relative;
 }
 .background-image-with-text:before {
    content: "";
    background:linear-gradient(12deg,#212325 32%,rgba(33,35,37,0) 62%);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
/*EmployeeCount.html*/

.banner-navigation
{
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner_logo_content
{
	font-size:85px;
	padding-left: 25px;
	line-height: 80px;
   margin-bottom: 0;
   word-break: break-all;
}
.banner-navigation img  
{
	width: 14%;
	height: auto;
}
.banner-body  
{
	padding-top: 10px;
}

/*testimonial*/
.registration-section, 
.my-image-style
{
	 position: relative;
    background-color: #fff;
    background-position: 50%;
    background-size: 100%;
    background-size: cover;
    padding: 80px 0;
}
.register-text
{
	/*width: 65%;*/
	color: #ffffff;
	padding-top: 5%;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom:5%;

	line-height: 1.5em;
}
.register-text p 
{
	font-size: 15px;
}
.register_btn
{
	padding-top: 20px;
}
.registration-section>.container 
{
	 max-width: 100%;
    padding: 0;
    width: 80%;
}


.register_btn a
{
	padding: 8px 20px!important;
	font-size: 16px;
	background-color:#125da0 ;
	color:#f2f4f5;
	border-radius: 4px;
	/*border: 2px solid #ffffff;*/

}
.register_btn a:hover  {
	color:#125da0;
	background-color:#ffffff;
	/*font-weight: 500;*/
}


/*hire user with Accordian*/
.frame-layout-1 .hire-user-main
{
	padding: 100px 0px 20px 0px;
	color: white;
}
.hire-user-main
{
	padding: 100px 0px 100px 0px;
	color: white;
}
.hire_user_header
{
	text-transform: uppercase;
}
.hire_user_content
{
	padding-right: 5.5%;
}
.hire_user_content h2 
{
	/*margin-top: 10px;
	margin-bottom: 10px;*/
	margin-block: 3px ;
}
.hire_user_content p 
{
	margin-bottom:30px;
}
.hier_user_btn 
{
	margin-top: 80px!important;
	border-radius: 4px;
	text-align: center;
	width: fit-content;
	/*border: 2px solid #ffffff;*/
}
.hier_user_btn a 
{
	padding: 10px 13px!important;
	font-size: 16px;
	background-color:#125da0 ;
	color:#f2f4f5;
	border-radius: 4px;
}
.hier_user_btn a:hover 
{
	background-color:#ffffff;
	color: #125da0;
}
.hire_user_img img 
{
	width: 100%;
	height: auto;
}
.card_border
{
	background-color:#686868!important;
}
#accordion .content
{
	padding:14px!important;
}
.btn-link
{
	position: relative;
	display: block;
	width: 100%;
   text-align: left;
   color: white;
}

.btn-link:before
{
	 content: "+";
    position: absolute;
    right: 0;
    font-size: 16px;
    color: #ccc;
    top: 50%;
    margin-top: -0.5em;
    right: 0;
    left: auto;
    background-color: white;
    color: black;
    border-radius: 50%;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px

}

.btn-link.active:before
{
	content: "-";
	position: absolute;
    right: 0;
    font-size: 16px;
    color: #ccc;
    top: 50%;
    margin-top: -0.5em;
    right: 0;
    left: auto;
    background-color: white;
    color: black;
    border-radius: 50%;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    padding-bottom: 1px!important;
}

.btn-link:hover  
{
	color: #ffffff;
	text-decoration: none;
}
.btn-link:focus
{
	text-decoration: none;
}
.card 
{
	border: none;
}
.card_border
{
	border-top: 1px solid white;
}
/*userlist*/
.content .image-section img 
{
	position: relative;
}
.user_list1.caption
{
	min-height: 112px;
    margin-top: -32%;
    margin-bottom: -20px;
    height: auto;
    background-image: none;
    position: relative;
    padding-top: 2.5rem; 

}
.user_list1.caption:before
{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition-duration: inherit;
    transition-property: opacity;
    border-radius: inherit;
    background:#00000091;
    color: white!important;
 }
 .text_color a
{
	color: white!important;
	position: relative;
}
.text_color
{
	text-align: center;
}
.item-listings-ext {
  
 position: relative;
}
.userlist_btn1.action-btn-group {
    display: none;
    gap: 8px;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
	padding: 0.8rem;
	margin: 0;
}
.user_list1.caption {
    min-height: 112px;
    margin-top: unset;
    margin-bottom: unset;
    height: auto;
    background-image: none;
    position: absolute;
    padding-top: 2.5rem;
    bottom: 0;
    right: 0;
    left: 0
  }

.item-listings-ext:hover .userlist_btn1.action-btn-group {
    display: flex;
}


/*Jobworld.html*/

.bg-color
{
	background-color: #125da0;
}
.padding-global {
   padding-left: 2.5rem;
   padding-right: 2.5rem;
}
.container-large {
   width: 100%;
   max-width: 80rem;
   margin-left: auto!important;
   margin-right: auto!important;
}
.padding-section-large {
   padding-top: 8rem;
   padding-bottom: 8rem;
}

.w-layout-grid {
    /* grid-row-gap: 16px; */
    /* grid-column-gap: 16px; */
   grid-auto-columns: 1fr;
   display: grid;
   grid-template:
        "Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1. . . . ."
        "Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1. . . . ."
        "Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1. . . . ."
        ". . . . . . . . . . . ." minmax(5rem, 1fr)
        ". . . .Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2."
        ". . . .Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2."
        ". . . .Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2."
        ". . . . . . . . . . . ." minmax(5rem, 1fr)
        ". .Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3. . ."
        ". .Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3. . ."
        ". .Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3. . ."
        ". . . . . . . . . . . ." minmax(5rem, 1fr)
        ". . . . .Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4"
        ". . . . .Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4"
        ". . . . .Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4" / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
} 
.layout_grid_so-funktionierts
{
	position: relative;
}
.path_background_img {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top:66px;
    left: 44px;
}  
.card_basic
{
	border-radius:20px;
    background-color:white;
    cursor: default;
    /*flex-direction: column;
    justify-content: center;
    align-items: center;*/
    padding: 2rem 2.5rem 3rem;
    text-decoration: none;
    transition: all .2s;
    position: relative;
    box-shadow: 0 2px 1rem 2px #00000024;
    margin-bottom: 110px;
}

.card_steps_inner {
    flex-direction: row;
    justify-content: flex-start;
    display: flex;
}
.card_steps_counter {
    width: 100px;
    margin-right: 5%;
}
.card_steps_count {
    color: gray;
    font-size: 5rem;
    font-weight: 700;
    line-height: .8;
}
/*.card_steps_content {
    flex: 1
  }*/
.card_steps_content img 
{
	vertical-align: middle;
   border-style: none;
   margin-bottom:1rem;
}
.padding-xsmall {
    padding: 0.5rem;
}
.frame-type-mask_jobworld .card_basic:nth-child(2)
{
	grid-area: Step-1;
}

.frame-type-mask_jobworld .card_basic:nth-child(3)
{
	grid-area: Step-2;
}

.frame-type-mask_jobworld .card_basic:nth-child(4)
{
	grid-area: Step-3;
}

.frame-type-mask_jobworld .card_basic:nth-child(5)
{
	grid-area: Step-4;
}

.frame-type-mask_jobworld .section-title
{
	color: white;
	padding-top: 100px;
}


.card_basic.loadin {
	opacity: 0;
	transform: translateY(45px);
	transition: transform 0.6s, opacity 0.9s;
}

.card_basic.loadin.loaded {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0s;
}

/*dashboard css*/

.about_detail_item
{
	display: flex;
	flex-direction: column;
	text-align: center;
}
.img-video-box
{
	display: flex;
	gap: 20px;
	

}
.img-video-box img
{
	outline: 2px solid #125da0;
	outline-offset: 2px;
	margin-bottom: 30px;
}

.img-video-box video   
{
	outline: 2px solid #125da0;
	outline-offset: 2px;
	width: 100%;
}

.profile-card-container .profile-card
{
	padding: 1.6rem;
}

.profile-card-container .profile-card .profile-avatar 
{
	margin-top: 0rem!important;
}

/*dashboard*/
.dashbord .nav-tabs.nav-sidebar.nav-pdf-sidebar {
   
    flex-wrap: wrap!important;
    
}


.admin-list .item .image-wraper-link{
	flex-shrink: 0;
}


.hero_section_links{
	display: flex;
	gap: 1rem;
}

.hero_section_links > a{
	display: block;
}

.radio input[type=radio]{
	appearance: none;
	width: 24px;
	height: 24px;
	top: 7px;
	border: 2px solid #bfbfbf; 
	border-radius: 50%; 
	position: relative;
	outline: none;
	cursor: pointer;
}

.radio input[type="radio"]:checked::after {
	content: ''; 
	width: 14px; 
	height: 14px; 
	background-color: #125da0; 
	border-radius: 50%; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); 
  }

/* .radio input[type=radio]{
	width: 26px;
	height: 26px;
	top: 10px;
	margin-right: 4px;
}
*/

.radio input[type=radio]:hover{ 
	border-color: #125da0;
} 


  
/* .job-form .custome_file_upload{
	background-color: #509ee2;
	display: flex;
	color: white;
	width: fit-content;
	gap: 4rem;
	padding: 0.25rem;
	border-radius: 3px;
	align-items: center;
}

.job-form .custome_file_upload label.control-label{
	margin-bottom: 0;
} */


.job-form .custome_file_upload input {
	display: none;
	appearance: none;
	position: relative;  
	cursor: pointer;
  }


  .job-form .custome_file_upload {
	background-color: #125da0;
	display: flex;
	color: white;
	width: fit-content;
	gap: 4rem;
	padding: 0.25rem;
	border-radius: 3px;
	align-items: center;
	width: 300px;
	justify-content: space-between;
  }
  
  .job-form .custome_file_upload label.control-label {
	margin-bottom: 0;
}

  	.job-form .custome_file_upload .file_upload label{
	margin-bottom: 0;
  }

  .job-form .custome_file_upload .plus-icon-svg {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background-color: #125da0;
	border-radius: 2px;
	width: 40px;
	height: 40px;
	order: 1; /* Move the icon to the left */
	transition: background-color 0.3s ease, fill 0.3s ease;
  }
  .job-form .custome_file_upload .plus-icon-svg{
	fill: white;
  }
  
  .job-form .custome_file_upload .plus-icon-svg:hover {
	background-color: white;
  }
  
  .job-form .custome_file_upload .plus-icon-svg:hover svg {
	fill: #509ee2;
  }
  
  .job-form .custome_file_upload .hidden-input {
	display: none;
  }
  
  /* Optional: Focus style for accessibility */
  .job-form .custome_file_upload .plus-icon-svg:focus {
	outline: 2px solid #fff;
  }
  


/*   
  .job-form .custome_file_upload input:hover {
	background-color: white;   
	color: #509ee2; 
  }

  .job-form .custome_file_upload input:hover::before{
	background-color: white;
  } */


  .detailpage .widget-rsm .rsm-header .preview{
	display: flex;
	justify-content: center;
	align-items: center;
  }

.detailpage .profile-details{
	padding: 0;
}

.detailpage .pdf-viewver-wrapper{
	display: flex;
	gap: 1rem;
}


.detailpage .pdf-viewver-wrapper .nav{
	flex-direction: column;
	gap: 1rem;
}

.detailpage .pdf-viewver-wrapper .nav .nav-link{

	border-radius: .25rem;
	
}

.detailpage .pdf-viewver-wrapper .nav .nav-link.active{
	border-color: #125da0;
}

.detailpage .pdf-viewver-wrapper .tab-content .tab-pane{
	border-bottom: 0;
}

/* .detailpage .title{
	color: #125da0 !important;
	font-weight: 600;
	padding-left: 2rem;
	font-size: 2rem;
} */




.job-item {
	transition: background .1s ease-in;
	border-bottom: .1rem solid #e7eef2;
  }

  .job-item:hover{
	background-color: #e7eef2;
  }

  .job-item.top-job {
	background-color: #125da0;
	color: #fff;
  }

  .job-item.top-job.open{
	color: black;
  }
  
  .job-item.top-job:hover{
	  background-color:#125da0
   }
	.job-item.top-job.open a{
		color: black;
	}

	.job-item.top-job.open:hover{
		background-color: #f7f7f7;
	}


  .job-item.top-job a{
	color: #fff;
  }

  .job-item-header {
	display: grid;
	padding-block: 1.5rem;
	grid-template-columns: repeat(12, 1fr);
	cursor: pointer;
  }

  .job-item-header .action_icon{
	display: grid;
	place-items: center;
  }

  .job-item .action_icon .minus{
	display: none;
  }

  .job-item.open .action_icon .plus{
	display: none;
  }

  .job-item.open .action_icon .minus{
	display: block;
  }
  .job-item .job-item-content{
    max-height: 0;
	overflow: hidden;
	transition: max-height .5s ease-in-out;
  }
  .job-item.open .job-item-content{
    max-height: 100rem;
  }

  .job-item-title {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 0;
	grid-column: 2 / 8;
  }

  .job-item-details {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	grid-column: 8 / -1;
  }

  .job-item-detail {
	display: flex;
	align-items: center;
	gap: 0.5rem;
  }

  .job-item-detail i {
	font-size: 1.2rem;
  }

  .job-item-actions {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
  }


  .job-item .job-item-content{
	display: grid;
	grid-template-columns: 8fr 4fr;
	background-color: #f7f7f7;
	color: black;
	border-top: 1px solid #c6cbcd;
  }

  .job-item .job-item-content .details{
	padding: 4rem 3rem 3rem;
  }

  .job-item .job-item-content .details .detail{
	margin-bottom: 1rem;
	font-size: 0.8rem;
  }

  .job-item .job-item-content .details .detail i{
	color: #125da0;
	margin-right: 4px;
  }

  .job-item .job-item-content .details.info{
	  border-right: 1px solid #c6cbcd;
  }
  .job-item .job-item-content .details.info .about{
		font-size: 14px;
  }
  .job-item .job-item-content .details.info .detail{
	margin-bottom: 2rem;
	position: relative;
  } 
  .job-item .job-item-content .details.info .detail:after{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(hsla(0, 0%, 97%, 0), #f7f7f7);
  }
  .job-item.open{
	background-color: #f7f7f7;
  }

  .job-item .job-item-content .details .actions{
	display: flex;
	gap: 1rem;
  }

  .job-item .job-item-content .details .actions .btn{
	padding: 1rem 2.5rem;
	border: .2rem solid #125da0;
	font-size: 1.1rem;
	font-weight: 600;
  }

  .job-item .job-item-content .details .actions .detail-btn{
	color: #125da0;
	background-color: transparent;
	transition: all .3s ease;
  }

  .job-item .job-item-content .details .actions .detail-btn:hover{
	background-color: #125da0;
	color: white;
  }

  .job-item .job-item-content .details .actions .intrested-btn{
	  background-color: #125da0;
	  color: white;
	}
	
	.job-item .job-item-content .details .actions .intrested-btn:hover{
	  background-color:rgb(20, 118, 58);
  }



  .frame-layout-1 #register-form #form-field-wrapper{
	position: relative;
	overflow: hidden;
  }

  .frame-layout-1 #register-form #form-field-wrapper #step-1,
  .frame-layout-1 #register-form #form-field-wrapper #step-2  {
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
  }

  .frame-layout-1 #register-form #form-field-wrapper #step-1{
	position: relative;
  }
  .frame-layout-1 #register-form #form-field-wrapper #step-2{
	visibility: hidden;
  }
  .frame-layout-1 #register-form #form-field-wrapper #step-2.active{
	visibility: visible;
	position: relative;
  }

  #register-form #form-field-wrapper #form-next{
	display: none;
  }

  .frame-layout-1 #register-form #form-field-wrapper #form-next{
	display: block;
  }

/*------------------------------------Über uns-----------------------------------*/
.only_img {
	width: 100%;
	height: auto;
	
}
.mask1
{
	/*-webkit-mask-image: url("../Images/mask_img.png");
	mask-image: url("../Images/mask_img.png");*/
    mask-size: 100%;
    height: auto;
    mask-repeat: no-repeat;
}
.uber_img
{
	position: relative;
}

.uber_ponexus_content .image-wrapper {
	position: relative;
	max-width: 450px;
}
.uber_ponexus_content.right_side_img .image-wrapper {
	margin-left: auto;
}
.svg_right
{
	position: absolute;
    height: auto;
}
.svg_left
{
	position: absolute;
   	height: auto;
}
.uber_ponexus_content 
{
	overflow-wrap: anywhere;
}
.uber_ponexus_content h1 {
    font-family: 'Montserrat',sans-serif;
    font-weight: 500;
    line-height: 1.2;
}
.uber_ponexus_content p
{
	font-size: 16px;
	margin-top: 24px;
	font-family:'Montserrat',sans-serif;
	font-weight: 400;
}

.uber_ponexus_content
{
    display: flex;
    align-items: start;
    justify-content: space-between; 
   
}
.uber_ponexus_content.left_side_img
{

}

.uber_ponexus_content.right_side_img
{
	flex-direction: row-reverse;
}



a.uber_link {
    padding: 10px 13px !important;
    font-size: 16px;
    background-color: #125da0;
    color: #f2f4f5;
    border-radius: 4px;
    display: inline-block;
    margin-top: 24px;
}
a.uber_link:hover
{
	 background-color: #39A160;
    
}
   

.cm-mask-text-and-image .uber_img.with_shadow::before,
.cm-mask-text-and-image .uber_img.with_shadow::after{
    content: "";
    /*background: linear-gradient(90deg, rgba(225, 221, 215, 0.4) 0%, rgba(242, 241, 238, 0.4) 100%);*/
    background: linear-gradient(90deg, rgba(18, 93, 180, 0.9) 0%, rgba(18, 93, 160, 0.9) 100%);
    position: absolute;
    height: 100%;
    -webkit-mask-image: url("../Images/mask_img.png");
	mask-image: url("../Images/mask_img.png"); 
    mask-size: 100%; 
    mask-repeat: no-repeat !important;
    z-index: -1;
}


.frame-type-mask_text_and_image.frame-space-before-extra-large
{
	padding-top: 5rem;
	margin-top: 0rem;
}
.frame-type-mask_text_and_image.frame-space-after-extra-large
{
	padding-bottom: 5rem;
	margin-bottom: 0rem;
}
 .uber_ponexus_content .without_shadow .image-wrapper
{
	max-width: unset;
}

/*--------------------------------end of Über uns --------------------------------------------*/

/*--------------------------------------------------Responsive view--------------------------------------------*/

@media (min-width:580px)
{
	.uber_ponexus_content .image-wrapper
	 {
   		max-width: 320px;
	 }
	 .cm-mask-text-and-image .left_side_img .uber_img::before {
        left: unset;
        top: -35px;
        right: -59px;
    }
    
    .cm-mask-text-and-image .uber_img::before {
        width: 310px;
        top: -26px;
        left: -63px;
    }
	.cm-mask-text-and-image .left_side_img .uber_img::after {
        top: 206px;
        left: unset;
        right: -89px;
        width: 85px;
    }
    .cm-mask-text-and-image .uber_img::after {
        top: 225px;
        left: -84px;
        width: 85px;
    }
	.svg_left {
        top: -42px;
        left: -75px;
        max-width: 298px;
    }
	.svg_right {
        top: -23px;
        right: -30px;
        max-width: 295px;
    }
}
@media (min-width:767px)
{
	.uber_ponexus_content .image-wrapper
	 {
   		max-width: 410px;
	 }
	 .cm-mask-text-and-image .left_side_img .uber_img::before 
	 {
        left: unset;
        top: -45px;
        right: -80px;
     }
    
	.cm-mask-text-and-image .uber_img::before {
        width: 400px;
        top: -30px;
        left: -65px;
    }
	.cm-mask-text-and-image .left_side_img .uber_img::after {
        top: 275px;
        left: unset;
        right: -118px;
        width: 115px;
    }
    .cm-mask-text-and-image .uber_img::after {
    	top: 292px;
    	left: -104px;
    	width: 115px;
	}
	.svg_left {
   		top: -40px;
    	left: -83px;
    	max-width: 400px;
	}
	.svg_right {
        top: -30px;
        right: -40px;
        max-width: 375px;
    }
	

}
@media (min-width:981px)
{
	.register-text
	{
		width:64.833%;
		margin-right:5.5;
	}
}
@media (min-width:992px)
{
	.uber_ponexus_content .image-wrapper
	 {
   		max-width: 410px;
	 }
	.cm-mask-text-and-image .left_side_img .uber_img::before 
	{
   		left: unset;
    	top: -30px;
    	right: 45px;
    }
    
	.cm-mask-text-and-image .uber_img::before {
        width: 400px;
        top: -30px;
        left: 51px;
    }
	.cm-mask-text-and-image .left_side_img .uber_img::after {
    	top: 296px;
    	left: unset;
    	right: 12px;
    	width: 115px;
    }
    .cm-mask-text-and-image .uber_img::after {
    	top: 292px;
    	left: 5px;
    	width: 115px;
	}
	.svg_left {
   		top: -40px;
    	left: -83px;
    	max-width: 400px;	
	}
}
@media (min-width:1200px)
{
	.uber_ponexus_content .image-wrapper
	{
		position: relative;
		max-width: 450px;
	}
	.svg_right
	{
		position: absolute;
	    top: -23px;
	    right: -25px;
	    /*max-width: 380px;*/
	    height: auto;
	    max-width: 390px;
	}
	.svg_left
	{
		position: absolute;
    	top: -45px;
   		left: -100px;
    	/*max-width: 380px;*/
     	 max-width: 424px;
    }

	.uber_ponexus_content p
	{
		font-size: 16px;
		margin-top: 24px;
	}
	.uber_ponexus_content 
	{
    	display: flex;
    	align-items: start;
    	justify-content: space-between; 
    }

   	.cm-mask-text-and-image .uber_img::before 
   	{
    	top: -45px;
    	left: 100px;
   	    width: 444px;
    }
	.cm-mask-text-and-image .left_side_img .uber_img::before
	{
		left: unset;
   		top: -40px;
        right: 101px;
    }
	.cm-mask-text-and-image .uber_img::after 
	{
    	top: 290px;
    	left: 9px;
    	width: 160px;
	}
	.cm-mask-text-and-image .left_side_img .uber_img::after
	{
    	/*top: 248px;
		left: unset;
    	right: 48px;
    	width: 184px;*/
    	top: 300px;
    	left: unset;
    	right: 27px;
    	width: 160px;
	}
}



@media (max-width:1200px)
/*Employeecount.html*/
{
	.banner-navigation img  
	{
		width: 16%;
		height: auto;
	}
	/*dashboard*/
	.profile-details .details-columns.profile-box {
		display: flex;
		flex-direction: column;

	}
	.homepage-content2{
		flex-direction: column;
		gap: 1rem;
	}
	.banner-btn-wrapper a{
		margin-top: 12px;
	}
	.banner-btn-wrapper > div{
		width: fit-content;
	}
	.banner_box1{
		border-right: 0;
		padding-bottom: 1rem;
		border-bottom: 2px solid #ffffff;
	}
	.banner_box2{
		padding-left: 0;
	}

}
@media (max-width:991px){
	/*banner.html*/

	.banner_box1 a 
	{
		padding: 12px 25px;
		font-size: 14px;
		line-height: 16px;
	}
	.banner_box_btn a 
	{
		padding: 12px 25px;
		font-size: 14px;
		line-height: 16px;
	}
	.container {
	    max-width: 100%;
	    padding-left: 48px;
	    padding-right: 48px;
	}
	/*HireUserWithAccordion*/
	.hier_user_btn
	{
		margin-bottom: 30px;
	}

	.hire_user_img 
	{
		margin: 30px 0;
	}
	/*EmployeeCount.html*/
	
	.banner-navigation img  
	{
		width: 16%;
		height: auto;
	}
	.employee_content>.container
   {
   	max-width: 100%;
   	padding-left: 0px;
   	padding-right: 0px;

   }

  /*Testimonial.html*/

 /* .registration-section>.container 
  {
  		max-width: 100%;
   	padding-left: 0px;
   	padding-right: 0px;
  }*/
  
	.register-text
		{
			
			color: #ffffff;
			padding-top: 5%;
			padding-left: 10%;
			padding-right: 10%;
			padding-bottom:5%;
			line-height: 1.5em;
			margin: 0 auto;
		}


	/*job world*/
	.w-layout-grid{
	grid-template:
	"Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1. ."
	"Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1. ."
	"Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1 Step-1. ."
	". . . . . . . . . . . ."
	". .Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2"
	". .Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2"
	". .Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2 Step-2"
	". . . . . . . . . . . ."
	"Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3. ."
	"Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3. ."
	"Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3 Step-3. ."
	". . . . . . . . . . . ."
	". .Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4"
	". .Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4"
	". .Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4 Step-4"
	}
	/*-----------------------------------ueber-uns------------------------------------*/
	.our_img
	{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.uber_our_content
	{
		margin-top:30px;
		word-break: break-all;
	}
	.uber_ponexus_content p 
	{
  		margin-top: 24px;
    }
    a.uber_link {
   	width: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 24px auto 0px;
   }
   .frame-type-mask_text_and_image.frame-space-after-extra-large {
    padding-bottom: 4rem;
    margin-bottom: 0rem;
	}
    .frame-type-mask_text_and_image.frame-space-before-extra-large {
    padding-top: 4rem;
    margin-top: 0rem;
    }
   /*---------------------------------------enf of ueber-uns------------------------------------------*/

/*.frame-contact .contact-manage .col-sm-12 
{
    max-width:100%;
}

.frame-contact .contact-manage .col-sm-12 
{
    max-width: 100%;
    flex:100%;
}*/
.text_break a 
{
	word-break: break-all;
}

}
@media (max-width:767px){
	.padding-global {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	 }

	.container {
	    max-width: 100%;
	    padding-left: 24px;
	    padding-right: 24px;
	}
	/*Banner.html*/
	.home-heading
	{
		justify-content: flex-start;
		margin-bottom: 0px;
	}

	.homepage-content2
	{
		display: flex;
		flex-direction: column;
		margin-top: 12px;
	}
	.banner_box1  {
		border-right:0px solid #ffffff!important;
	}
	.banner_box1 a 
	{
		padding: 16px 56px;
		font-size: 16px;
	   font-weight: 500;
	   line-height: 24px;
	    margin-top: 10px;
	    text-align: center;
	}
	.banner_box2 {
	   padding-left:5px!important;
	   padding-right: 25px!important;
	   margin-top: 20px;

	 }
	.banner_box_btn a 
	{
		padding: 16px 56px;
		font-size: 16px;
	   font-weight: 500;
	   line-height: 24px;
	   margin-top: 10px;
	    text-align: center;
	}
	.background-image-with-text 
	{
		padding-bottom: 20px;
		/*padding-top: 250px;*/
	}
	/*hier_user.html*/
	.hire_user_img
	{
		margin: 49px 0;
	}
	/*EmployeeCount.html*/

	.banner-navigation
	{
		display: flex;
		flex-direction: column;
	}
	.banner-navigation img
	{
		width: 40%;
    	height: auto;
    	display: block;
    	margin-top: 10px;
    	margin-bottom: 40px;

	}
	.banner_logo_content
	{
		margin-bottom: 20px;
	}
	.employee_content>.container
   {
   	max-width: 100%;
   	padding-left: 0px;
   	padding-right: 0px;

   }
   .w-layout-grid {
   	 flex-direction: column;
    display: flex;
   }
   /*jobworld*/
   .card_basic
   {
   	margin-bottom: 19px;
   }

   /*DashBoard responsive view*/

   .profile_response
   {
   	display: flex;
   	flex-direction: column;
   }

   .card_basic{
	padding-inline: 2rem;
   }

   /*-----------------------------------ueber-uns------------------------------------------------*/
       .frame-type-mask_text_and_image.frame-space-before-extra-large {
        padding-top: 3rem;
        margin-top: 0rem;
    }
	.frame-type-mask_text_and_image.frame-space-after-extra-large {
        padding-bottom: 3rem;
        margin-bottom: 0rem;
    }


}

@media screen and (max-width: 580px)
{
	.banner-btn-wrapper a{
		padding: 14px 24px;
	}
	.dashbord 
	{
	   
	    grid-template-columns: 1fr!important;
	}


	/*-----------------------------------ueber-uns--------------------------------------*/
	.uber_ponexus_content .image-wrapper {
        max-width: 280px;
    }
	.cm-mask-text-and-image .left_side_img .uber_img::before {
        left: unset;
        top: -21px;
        right: -42px;
    }
    
    .cm-mask-text-and-image .uber_img::before {
        width: 270px;
        top: -26px;
        left: -47px;
    }
	.cm-mask-text-and-image .left_side_img .uber_img::after {
        top: 192px;
        left: unset;
        right: -73px;
        width: 75px;
    }
    .cm-mask-text-and-image .uber_img::after {
        top: 175px;
        left: -73px;
        width: 75px;
    }
	.svg_left {
        top: -40px;
        left: -57px;
        max-width: 255px;
    }
	.svg_right {
        top: -15px;
        right: -22px;
        max-width: 255px;
    }
    a.uber_link {
      width: 70%;
    }
    .frame-type-mask_text_and_image.frame-space-after-extra-large {
        padding-bottom: 2rem;
        margin-bottom: 0rem;
    }
    .frame-type-mask_text_and_image.frame-space-before-extra-large {
        padding-top: 2rem;
        margin-top: 0rem;
    }
 /*------------------------------------------end of ueber-uns--------------------------------*/

}
@media screen and (max-width: 479px){

	.job-form .custome_file_upload{
 width: auto;
 gap: 0;
}

	.positions 
	{
    	position: absolute;
    	bottom: 80px;
	}

	.card_steps_inner {
		flex-direction: column;
		justify-content: flex-start;
		display: flex;

	}
	.card_steps_content h3 
	{
		display: inline;
		margin-left: 5px;

	}
	.card_steps_count
	{
		margin-bottom: 20px;
	}
	.job_search {
  		display: flex;
  		gap: 1rem;
  		margin-bottom: 2rem;
  		flex-direction: column;
  	}
  	.dashbord .document-wraper 
  	{
 		grid-template-columns: 1fr!important;
 	}


 	/*---------------------------------ueber-uns----------------------------------*/
 	.uber_ponexus_content .image-wrapper {
        max-width: 185px;
    }
    .cm-mask-text-and-image .left_side_img .uber_img::before {
        left: unset;
        top: -10px;
        right: -25px;
    }
    
        .cm-mask-text-and-image .uber_img::before {
        width: 175px;
        top: -13px;
        left: -33px;
    }
	.cm-mask-text-and-image .left_side_img .uber_img::after {
        top: 123px;
        left: unset;
        right: -47px;
        width: 48px;
    }
    .cm-mask-text-and-image .uber_img::after {
        top: 125px;
        left: -45px;
        width: 48px;
    }
	.svg_left {
        top: -25px;
        left: -50px;
        max-width: 175px;
    }
	.svg_right {
        top: -13px;
        right: -19px;
        max-width: 180px;
    }
    /*.frame-type-mask_text_and_image.frame-space-after-extra-large {
        padding-bottom: 1rem;
        margin-bottom: 0rem;
    }
    .frame-type-mask_text_and_image.frame-space-before-extra-large {
        padding-top: 1rem;
        margin-top: 0rem;
    }*/
}


@media (max-width: 427px) {
	.bannerdabtn-wrapper a{
		padding: 8px 16px;
	}
}