.submit--query--section {
    position: relative;
}
.submit--query--section .bg--icon--place {
    position: absolute;
    bottom: -20px;
    left: 0;
    max-width: 290px;
    width: 100%;
    opacity: 0.14;
}

.submit--query--section .bg--icon--place img {
    width: 100%;
}

.submit--query--section {
    position: relative;
}
.inner--container--query {
    display: flex;
    gap: 20px;
}

.inner--container--query .query--thum {
    max-width: 430px;
    width: 100%;
}

.inner--container--query .query--area {
    flex: 1;
}

.form--area .inner--form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-bottom: 30px;
    max-width: 620px;
    width: 100%;
}

.form--area .inner--form .form--fields:last-child {
    grid-column: 1 / 3;
}

.form--area .inner--form .form--fields {
    position: relative;
}

.form--area .inner--form .form--fields label {
    position: absolute;
    top: 20px;
    left: 0;
    color: #949494;
    font-size: 14px;
    pointer-events: none;
    transform: translateY(-50%);
    transition: 0.3s;
}

.form--area .inner--form .form--fields input {
    min-height: 45px;
    padding-left: 0;
    color: var(--black);
    font-size: 16px;
}

.form--area .inner--form .form--fields input, .form--area .inner--form .form--fields textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid #949494;
    border-radius: 0px;
}
.form--area .inner--form .form--fields textarea{
	padding-left: 0px;
	resize: none;
  overflow: hidden;
  min-height: 40px;
}

.form--area .inner--form .form--fields input:focus + label,
.form--area .inner--form .form--fields textarea:focus + label,
.form--area .inner--form .form--fields input:not(:placeholder-shown) + label,
.form--area .inner--form .form--fields textarea:not(:placeholder-shown) + label {
  top: -4px;
  font-size: 13px;
}

.form--area .inner--form .form--fields input:focus,
.form--area .inner--form .form--fields textarea:focus{
	box-shadow: none;
}


.our--approach--bg{

    background-image: url("../img/hr-practice/our-edge.png");

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top center;

    position: relative;

}



.our--approach--bg:before {

    content: '';

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 11.52%, rgba(148, 148, 148, 0.8) 100%);

    position: absolute;

    left: 0;

    top: 0;

    opacity:0;

}





.our--approach--bg .center--heading .dual--heading span {

    color: var(--white);

}



.our--approach--container{
    padding-left: 50px;
    padding-right: 50px;
	position: relative;

}



.our--approach--list {

      display: grid;

    grid-template-columns: repeat(5, 1fr);

    justify-content: center;

    position: relative;

    max-width: 100%;

    margin: 0 auto;

    backdrop-filter: blur(5px);

    background: rgba(255, 255, 255, 0.1);

    border-radius: 25px;

    overflow: hidden;



}



.our--approach--list .card-approach {

  color: var(--white);

  padding: 25px;

  position: relative;

  z-index: 2;

}

.our--approach--list .card-approach:not(:last-child) {

    border-right: 1px solid rgba(255, 255, 255, 0.3);

}



.our--approach--list .card-approach .approach--item--icon {

    width: 48px;

    height: 48px;

    margin-bottom: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 1);

    border-radius: 10px;

    background: rgba(255, 255, 255, 0.22);

    backdrop-filter: blur(7.800000190734863px);

}



.our--approach--list .card-approach .approach--item--icon img {

    width: 24px;

    height: 24px;

    object-fit: contain;

    object-position: center;

}



.our--approach--list .card-approach .approach--item--content h3 {

    font-size: 20px;

    font-family: Montserrat;

}



.our--approach--list .card-approach .approach--item--content p {

    font-size: 14px;

}

.our--approach--container .magic-card-area {

   position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    pointer-events: none;



    background: rgba(104, 181, 73, 1);

    backdrop-filter: blur(10px);

}

.our--approach .center--heading {

    max-width: 460px;

}


.our--approach .center--heading {

    max-width: 460px;

}

@media(max-width:991px){
    .inner--container--query {
        flex-direction: column;
        gap: 10px;
    }
    .our--approach--container{
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media(max-width:768px){
    .form--area .inner--form {
        display: flex;
        flex-direction: column;
        row-gap: 15px;
    }
    .submit--query--section .bg--icon--place {
        max-width: 200px;
    }
     .our--approach--list {

        grid-template-columns: repeat(1, 1fr);

    }



    .our--approach--bg {

        padding-right: 15px;

        padding-left: 15px;

    }

    .our--approach--list .card-approach:not(:last-child) {

        border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    }



    .our--approach--list .card-approach {

        border-right: 0px !important;

    }
}