.shipping-main{
    margin-top: 50px;
    padding-bottom: 100px;
}
.shipping-main__wrapper {
    padding: 40px 30px;
    background: #FFF;
    border-radius: 30px;
}
.shipping-main h1{
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    color: #000000;
}
.shipping-main h2{
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    color: #000000;
}
.ship-subtitle{
    margin-bottom: 15px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #1E1E1E;
}


.btn{
    color: #EEEEEE;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    background: #1E1E1E;
    border-radius: 10px;
    padding: 12px 40px;
    transition: 0.3s;
    cursor: pointer;
    margin-top: 40px;
}



.adding-vacancy{
    max-width: 706px;
    width: 100%;
    margin-top: 50px;
}


.shipping-input{
    width: 100%;
    margin-top: 25px;
}
.shipping-input label{
    width: 100%;
}
.shipping-input input{
    width: 100%;
    background: #F2F1F0;
    border: 2px solid #E7E6E5;
    border-radius: 15px;
    padding: 6px 15px;
    height: 52px;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    font-family: 'Montserrat';

}
.shipping-input input::placeholder{
    color: #737272;
}

.shipping-input textarea{
    border: 2px solid #E7E6E5;
    background: #F2F1F0;
    width: 100%;
    height: 150px;
    resize: none;
    border-radius: 15px;
    padding: 20px 15px;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    font-family: 'Montserrat';

}
.shipping-input textarea::placeholder{
    color: #737272;
}

.shipping-input p, .shipping-select p, .opening-hours-info p{
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #1E1E1E99;
    margin-top: 10px;
}

.shipping-select{
    width: 100%;
    margin-top: 25px;
}
.shipping-select label{
    display: flex;
    height: 100%;
    flex-direction: column;
}

.shipping-select option{
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.shipping-select option img{
    width: 20px;
    height: 20px;
    object-fit: cover;
}

.shipping-select .jq-selectbox {
    width: 100%;
    transition: 0.3s;
    position: relative;
    border: 2px solid #E7E6E5;
    background: #F2F1F0;
    border-radius: 15px;
    cursor: pointer;
}
.shipping-select .jq-selectbox:after{
    content: '';
    position: absolute;
    top: 18px;
    right: 20px;
    width: 7px;
    height: 7px;
    border-top: 3px solid #737272;
    border-right: 3px solid #737272;
    transform: rotate(135deg);
    transition: 0.3s;

}
.shipping-select .opened:after{
    transform: rotate(-45deg);
    top: 21px;

}
.shipping-select .jq-selectbox__select-text{
    color: #737272;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    padding: 17px 35px 17px 15px;
}
.shipping-select .changed .jq-selectbox__select-text{
    color: #000000;
}
.shipping-select .jq-selectbox__dropdown{
    border: 2px solid #E7E6E5;
    background: #F2F1F0;
    border-radius: 15px;
    width: 100% !important;
    margin-top: 5px;
}
.shipping-select .jq-selectbox li{
    padding: 10px 15px;
    cursor: pointer;
    transition: 0.3s;
    color: #737272;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    border-bottom: 1px solid #E7E6E5;
}
.shipping-select .jq-selectbox li:last-child{
    border-bottom: none;
}
.shipping-select .jq-selectbox li:hover{
    color: #000000;
}

.shipping-select .jq-selectbox .selected.sel {
    color: #000000;
}


.opening-hours{
    margin-top: 40px;
}

.opening-hours-info{
    margin-top: 20px;
}


.radio-group {
    display: flex;
    margin-top: 10px;
    gap: 7px;
}

.radio-group input {
    display: none;
}

.radio-group label {
    cursor: pointer;
    transition: 0.2s;
    border: 2px solid #E7E6E5;
    background: #F2F1F0;
    height: 52px;
    border-radius: 15px;
    padding: 6px 15px;
    color: #1D1D1F;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.radio-group input:checked + label {
    background: #1283CA;
    border: 2px solid #1283CA;

    color: #fff;
}


.opening-hours .shipping-select{
    margin-top: 25px;
}


.conditions-data{
    margin-top: 40px;
}

.conditions-check{
    margin-top: 25px;
}
.ship-checked{
    margin-top: 20px;
    width: max-content;
}
.ship-checked label{
    display: block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ship-checked input {
    /*
    position: absolute;
    */
    opacity: 0;
    cursor: pointer;
}
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #F2F1F0;
    border: 1px solid #E7E6E5;
}

.ship-checked label input:checked ~ .checkmark {
    background-color: #2196F3;
    border: 1px solid #2196F3;

}
.ship-checked label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 1px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ship-checked label input:checked ~ .checkmark:after {
    display: block;
}


.ship-checked small, .ship-checkbox small{
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #1D1D1F;
}








.ship-checkbox{
    margin-top: 20px;
    width: max-content;
}

.ship-checkbox label {
    display: block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ship-checkbox label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
}
.radiobtn {
    position: absolute;
    top: 3px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #F2F1F0;
    border-radius: 50%;
    border: 1px solid #E7E6E5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ship-checkbox label input:checked ~ .radiobtn {
    border: 1px solid #2196F3;
}

.ship-checkbox label .radiobtn:after {
    content: "";
    position: absolute;
    display: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2196F3;
}
.ship-checkbox label input:checked ~ .radiobtn:after {
    display: block;
}

.salary-block{
    margin-top: 45px;
}

.salary-block-cnt{
    gap: 10px;
    display: flex;
}
.salary-block-cnt .shipping-input{
    margin-top: 0;
}
.salary-block-cnt .shipping-select{
    margin-top: 0;
}


.what-workers-flex{
    display: flex;
    max-width: 404px;
    width: 100%;
    justify-content: space-between;
}
.proximity-home, .experience-main{
    margin-top: 40px;
}












.photo-section{
    margin-top: 40px;
}
.photo-box {
    display: flex;
    align-items: center;
    gap: 15px;
}

.photo-upload {
    width: 168px;
    height: 128px;
    background: #F2F1F0;
    border: 2px solid #E7E6E5;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.photo-upload img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
}

.photo-info {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.photo-info p{
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
}


.photo-add {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    gap: 10px;
}
.icon-edit-alt{
    content: url("../images/edit-alt.svg");
    width: 24px;
    height: 24px;
    display: flex;
}
.photo-add input{
    display: none;
}


.place-work-cnt{
    margin-top: 40px;
}






.empl-request{
    margin-top: 15px;
}
.empl-request p{
    color: #1E1E1E99;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-align: left;
}



.conditions-check p{
    margin-top: 22px;
    color: #1E1E1E99;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
}




.experience-fon{
    border: 2px solid #E7E6E5;
    background: #ffffff;
    padding: 25px;
    border-radius: 20px;
    margin-top: 22px;
}
.experience-fon .salary-block {
    margin-top: 22px;
    max-width: 407px;
    width: 100%;
}

.add-work{
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    border-radius: 15px;
    padding: 16px 15px;
    background: #F2F1F0;
    border: 2px solid #E7E6E5;
    gap: 8px;
    margin-top: 22px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #1E1E1E;
}
.add-work b{
    font-weight: 400;
    font-size: 24px;
}
.add-work:hover {
    background: #1283CA;
    color: #ffffff;
    border: 2px solid #1283CA;

}
.knowledge-info{
    margin-top: 40px;
}
.knowledge-info .shipping-select:first-child{
    margin-top: 0;

}


.courts-margin{
    margin-top: 15px
}

.courts-list {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.popular-vac-box .courts h4{
    font-weight: 500;
    font-size: 16px;
}

.court-item img {
  border-radius: 10px;
  width: 60px;
  height: 49px;
  object-fit: cover;
  cursor: pointer;
}

/* Optional hover effect */
.court-item:hover {
  transform: scale(1);
  transition: transform 0.1s;
}

.tooltip {
  position: absolute;
  bottom: 110%; /* над картой */
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.8);
  color: #fff;
  padding: 7px 8px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
}

.court-item:hover .tooltip {
  opacity: 1;
  color: #fff;
  font-size: 14px;
}


.advantages{
    display: flex;
    align-items: center;
    column-gap: 7px;
	cursor: default;
}

.popular-vac-box .advantages__item{
    padding: 4.5px 7px;
    background: #f5f5f5;

    font-weight: 400;
    font-size: 14px;
    color: rgba(29, 29, 31, 0.6);

    border-radius: 6px;
}





@media (max-width: 1020px){
    .opening-hours {
        margin-top: 30px;
    }
    .shipping-main {
        padding-bottom: 50px;
    }
}

@media (max-width: 767px){
    .shipping-main {
        margin-top: 40px;
        padding-bottom: 60px;
    }
    .adding-vacancy {
        margin-top: 35px;
    }
    .salary-block-cnt {
        flex-direction: column;
    }
    .photo-upload {
        width: 130px;
        height: 98px;
    }
    .shipping-main h2 {
        font-size: 20px;
    }



}
@media (max-width: 570px){
    .what-workers-flex {
        justify-content: space-between;
        flex-direction: column;
    }

    .ship-subtitle {
        margin-bottom: 10px;
        font-size: 15px;
    }
    .radio-group {
        gap: 10px;
        flex-wrap: wrap;
    }
	
	.shipping-main__wrapper {
    	padding: 40px 15px;
	}
    .shipping-input {
        margin-top: 20px;
    }
    .btn {
        margin-top: 25px;
    }
    .radio-group label {
        height: 44px;
        padding: 6px 14px;
    }
    .experience-fon {
        padding: 20px;
    }
    .shipping-input input {
        border-radius: 10px;
        height: 44px;
    }
    .shipping-select .jq-selectbox__select-text {
        font-size: 14px;
        padding: 15px 32px 15px 15px;
    }
    .shipping-select .jq-selectbox:after {
        top: 15px;
        right: 15px;
    }
    .shipping-select .opened:after {
        top: 19px;
    }

}