@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');

.accordian-item.item-2, .accordian-item.item-3, .accordian-item.item-4 {
    display: none;
}

.company-profile, .company-verification {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px dashed;
}

.employer-type.icontent {
    text-align: center;
}

		.row.bdb {
    		margin: 5px;
			border: none !important;
		}
		button.accordion-button {
    		/* cursor: default; */
		}
		.contrySelect {
    		/* flex-wrap: wrap; */
            display: flex;
            justify-content: center;
		}
		.contrySelect>* {
    		min-width: 120px !important;
		}
		.extraDetails>* {
    		width: 50%;
		}
        .media,.emailDiv,.contactNo,.officialDocs,.passwords,.companyDetail,.extraDetails,.btnGroups,.contactPersonDetails,.companyName {
            display: flex;
            justify-content: space-between;
        }
        .contactNo>* ,.officialDocs>*,.passwords>*,.companyNameRow,.contrySelect>*,.emailDiv>*,.extraDetails>*,.contactPersonDetails>*,.companyName>* {
            flex-grow: 1;
            margin:5px;
        }
        .logoUpload {
            display: flex;
            align-items: center;
        }
		.companyDetailRow {
    flex-grow: 1;
}
        button.accordion-button {
            width: 100%;
            padding: 15px;
        }

        .gst-register {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .conditions {
            padding: 15px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .row.registrbtnbox {
            flex-grow: 0.95;
        }
        button#register {
            width: 100%;
        }

		.jsr-box2{
    		/* width: 100%; */

		}
		h2.heading2 {
    text-align: center;
}

.col-lg-12 {
    		/* display: flex; */
			/* flex-direction:column; */
    		/* align-items: center; */
    		justify-content: center;
			position: relative;
		}
		.add-slider img {
	    	object-fit: contain !important;
	    	width: 90%;
		}
		.jsr-box2 {
			display: flex;
    		flex-direction: column;
    		/* align-items: center; */
		}
		.media {
    		flex-wrap: wrap;
    		justify-content: center;
		}

		.media>* {
    		margin: 5px;
    		width: 30%;
			min-width:200px;
		}

		/* button#register {
    width: 50% !important;
} */
.add-slider {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

  #empSignupForm {
    margin-top: 0px;
    /* margin: 10px; */

    width: 100%;
}

 .row.jsr-margins {
    /* flex-grow: 1; */
    /* max-width: 650px !important; */
    /* width: 60%; */
    /* min-width:600px; */
} 

.contianer-fluid.flexWrappermain {
    display: flex;
    justify-content: center;
}

.accordion-button{
text-transform: uppercase;
}


	.modal-body {
  max-height: 80vh;
  overflow-y: auto;
}
	.select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

span.select2-selection.select2-selection--multiple {
    background-color: white;
}

.headingsDiv {
    background: #fbfbfb;
    height: 20%;
    max-height: 250px;
    display: flex;
    align-items: center;
}
.headingsDiv {
    padding: 20px;
    /* background-color: blueviolet; */
    /* border-radius: 0px 20px 20px 0px; */
}


.employerregistrationpage .form-group {
    padding: 5px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.btnGroups {
    margin-top: 20px !important;
}

.row.bdb {
    padding-top: 5px !important;
}

.form-group.mediagrpicon span {
    top: 15%;
    left: 3%;
}

.contrySelect .match{
    width: 100% !important;
    flex: 1;
}

/* custom media query */

@media (min-width:860px) {
    .row.jsr-margins {
        /* flex-grow: 1; */
        /* max-width: 650px !important; */
        width: 70%;
        /* min-width:600px; */
    }
    
}

  
@media(max-width:850px){
    .headingsParentDiv{
        display: none;
    }
    .row.jsr-margins {
        width: 100%;
    }
    .contianer-fluid.flexWrappermain {
        justify-content: center;
    }
}

@media(max-width:800px){

	.jsr-box2{
    		width: 100%;

		}
		.officialDocs>* {
    flex-grow: 1;
    margin: 5px;
}
}
@media(max-width:767px){

    select{
        text-align-last: center !important;
    }

.emailDiv,.officialDocs,.companyDetail,.companyName{
		flex-direction:column;
	}
	.logoupload,.logoUpload .form-group, .logoUpload .row {
    width: 100%;
	justify-content:flex-start;
}

.col-sm-6.js-1profilepicupload {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.col-sm-6.js-1profilepicupload p {
    text-align: center;
}

.flxespacebetween, .flxespacebetween .formmsg {
    text-align: center;
    width: 100%;
}

.jsidimg {
    max-width: 100%;
    display: flex;
    /* align-items: center; */
    justify-content: center;
}


	
}
@media(max-width:589px){
    .employer-type.icontent {
        text-align: left;
    }
}
@media(max-width:605px){
	.media, .emailDiv, .contactNo, .officialDocs, .contrySelect, .passwords, .companyDetail, .extraDetails, .contactPersonDetails{
		flex-direction:column;
	}
	.media>*, .emailDiv>*, .contactNo>*, .officialDocs>*, .contrySelect>*, .passwords>*, .companyDetail>*, .extraDetails>*, .contactPersonDetails>*{
		width:100%;
	}
    .companyName label,.companyDetailRow label,.extraDetails label,.addressDetails label,.gstDiv label,.panDiv label,.contactPersonDetails label,.contactNo label
    {
        /* display: none; */
    }
    p.textwras,.googleAdDiv {
        display: none;
    }  
    .gst-register{
        align-items: flex-start;
    }

    .company-verification .btn-group.bootstrap-select.form-control.select{
        width: 100% !important;
    }
    .addrproofUploadbtn {
        margin: 10px 0px !important;
    }   

    .logoupload, .logoUpload .form-group, .logoUpload .row {
        justify-content: center;
    }
    div#imagePreview, .avatar-preview {
        height: 90px !important;
        width: 90px !important;
    }
    .emp-type-div label {
        font-size: 12px;
    }
    .emp-type-div label {
        font-size: 12px;
    }
}

@media(max-width:425px){
	
}


@media(max-width:400px){
	.add-proffwrapper {
        display: inline-block !important;
    }
    .addrproofUploadbtn {
        margin-top: 10px;
    }
    .company-verification .btn-group.bootstrap-select.form-control.select{
        width: 100%;
    }
}