.fields {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: var(--m30);
} 


.fields .main-label{
    width: 25%;
    color: var(--black-color);
    font-size: var(--f15);
}
.fields .common-i{
    width: 75%;
    /* border: 1px solid var(--black-color) !important; */
    border-radius: 0;
}
.fields .common-i label{
    color: var(--black-color);
    font-size: var(--f15);
}
input.form-control.common-i{
    border-radius: 0;
    border: 1px solid var(--black-color) !important;
}
 .fields textarea{
     border: 1px solid var(--black-color) !important;
 }

.fields select{
    width: 75%;
    padding: .375rem .75rem;
    border: 1px solid var(--black-color) !important;
}
.form-control:focus{
    box-shadow: none;
}
form.manage-form{
    padding: var(--p30);
    background: var(--white-color);
    box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.1);
}
.manage-form{
    /*display: none;*/
}
.property-management{
    padding-top: 40px;
}
.activ{
    padding-bottom: 0;
}

.submit-btn{
display: flex;
justify-content: center;
align-items: center;
}
.submit-btn button{
    border: 1px solid var(--black-color);
    padding: var(--p10) var(--p50);
    background: transparent;
    color: var(--black-color);
    transition: 0.6s ease-in-out;
}
.submit-btn button:hover{
    background: #8CC63F;
    color: var(--white-color);
    border: 1px solid var(--white-color);
}
.cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.cta h5{
    margin-bottom: 0px;
}
.cta span{
    text-decoration: underline;
    cursor: pointer;
}

section.management-banner {
    padding-top: 60px;
    padding-right: 0;
    padding-left: 0;
}
section.management-banner img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}
section.management-banner .banner-content {
    padding: 15px;
    display: flex;
    align-items: center;
}
section.management-banner h1 {
    color: var(--heading-color);
    font-weight: 400;
    font-size: 42px;
    margin-bottom: 20px;
    width: 50%;
}

section.management-banner p {
    font-family: var(--primary-font);
    color: var(--para-color);
    font-size: var(--f16);
    line-height: 30px;
    letter-spacing: 0;
}

/* features section starts */
section.experience-sec {
    padding: 0px;
}
  .experience{
    padding: 70px 12px;
    padding-bottom: 30px;
  }
  .experience .col-4{
    margin-bottom: 40px;
  }
  .experience img{
    margin-bottom: 15px;
    height: 47px;
    /* display: none; */
  }
  .experience h4{
    margin-bottom: 15px;
    font-size: 20px;
    font-family: var(--heading-font);
  }
  .experience h2{
    text-align: center;
    margin-bottom: 40px;
    font-family: var(--secondary-font);
    font-size: 36px;
  }

  /* video content section */


  section.video-content {
    padding: var(--p70) var(--p12);
    background: var(--lt-bg-color);
}
section.video-content img{
    width: 100%;
}
section.video-content iframe{
    width: 100%;
    height: 500px;
}
section.video-content .video-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 25px;
}

/* cta */
section.cta {
    padding: 70px 12px;
    text-align: center;
}


/* about section */

section.about-sec {
    padding: var(--p70) var(--p12);
    background: var(--lt-bg-color);
}
section.about-sec img{
    width: 100%;
    height: 600px;
    object-fit: cover;
}
section.about-sec .about-content {
    padding-left: 40px;
}
section.about-sec h3{
    margin-bottom: 10px;
}
section.about-sec .abt-list {
    display: flex;
    gap: 15px;
    padding: 10px;
    margin-bottom: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
section.about-sec .abt-list i{
   font-size: 50px;
    width: 56px;
    height: 56px;
    color: var(--secondary-color);
    object-fit: contain;
}
section.about-sec .abt-list h3{
    /* color: var(--secondary-color); */
    font-size:24px;
}
section.about-sec.rev{
    padding-top: 0px;
}
section.about-sec.rev .about-content {
    padding-right: 40px;
     padding-left: 12px;
}

section.design-section{
    padding: var(--p70) var(--p12);
}
section.design-section .head-sec p{
    font-family: var(--primary-font);
    color: var(--black-color);
    font-size: var(--f16);
    line-height: 30px;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-transform: none;
}
section.design-section .head-sec{
    width: 70%;
    margin: auto;
    margin-bottom: 40px;
}
section.design-section img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}
section.activ{
    padding: var(--p70) var(--p12);
}
section.activ .head-sec p{
    font-family: var(--primary-font);
    color: var(--black-color);
    font-size: var(--f16);
    line-height: 30px;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-transform: none;
}
section.activ .head-sec{
    width: 70%;
    margin: auto;
    margin-bottom: 40px;
}
section.activ img{
    width: 100%;
}
section.activ .col-3{
    display: flex;
    align-items: center;
    justify-content: center;
}

section.about-sec img.experience-normal{
    width: 54px;
    height: 56px;
}

.dropdown-item{
    color: var(--white-color);
}

/* about rev */


section.about-sec.rev{
    padding-top: 0px;
}
section.about-sec.rev .about-content {
    padding-right: 40px;
     padding-left: 12px;
}

section.design-section{
    padding: var(--p70) var(--p12);
}
section.design-section .head-sec p{
    font-family: var(--primary-font);
    color: var(--black-color);
    font-size: var(--f16);
    line-height: 30px;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-transform: none;
}
section.design-section .head-sec{
    width: 70%;
    margin: auto;
    margin-bottom: 40px;
}
section.design-section img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}
section.activ{
    padding: var(--p70) var(--p12);
}
section.activ .head-sec p{
    font-family: var(--primary-font);
    color: var(--black-color);
    font-size: var(--f16);
    line-height: 30px;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-transform: none;
}
section.activ .head-sec{
    width: 70%;
    margin: auto;
    margin-bottom: 40px;
}
section.activ img{
    width: 100%;
}
section.activ .col-3{
    display: flex;
    align-items: center;
    justify-content: center;
}

section.about-sec img.experience-normal{
    width: 54px;
    height: 56px;
}

/* design-section */
section.design-section{
    padding: var(--p70) var(--p12);
}
section.design-section .head-sec p{
    font-family: var(--primary-font);
    color: var(--black-color);
    font-size: var(--f16);
    line-height: 30px;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-transform: none;
}
section.design-section .head-sec{
    width: 70%;
    margin: auto;
    margin-bottom: 40px;
    text-align: center;
}
section.design-section img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}
section.design-section .col-lg-4{
    padding-left:12px;
    padding-right:12px;
}
section.activ{
    padding: var(--p70) var(--p12);
}
section.activ .head-sec p{
    font-family: var(--primary-font);
    color: var(--black-color);
    font-size: var(--f16);
    line-height: 30px;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-transform: none;
}
section.activ .head-sec{
    width: 70%;
    margin: auto;
    margin-bottom: 40px;
}
section.activ img{
    width: 100%;
}
section.activ .col-3{
    display: flex;
    align-items: center;
    justify-content: center;
}

section.about-sec img.experience-normal{
    width: 54px;
    height: 56px;
}
.design-section .col-4{
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}

/* activ */


section.activ{
    padding: var(--p70) var(--p12);
}
section.activ .head-sec p{
    font-family: var(--primary-font);
    color: var(--black-color);
    font-size: var(--f16);
    line-height: 30px;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-transform: none;
}
section.activ .head-sec{
    width: 70%;
    margin: auto;
    margin-bottom: 40px;
    text-align: center;
}
section.activ img{
    width: 100%;
}
section.activ .col-3{
    display: flex;
    align-items: center;
    justify-content: center;
}


 section .management-banner .row{
    gap: 30px 0 !important;
}
 section .management-banner .col-4{
   padding: 12px !important;
}

.feature{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 15px;
    height: 100%;
    border-radius: 15px;
    margin: 10px;
}
.feature p{
    height: auto;
    overflow: hidden;
}

.experience .row{
    justify-content: center;
    gap: 30px 0;
}

section.property-management .head-sec h2{
    text-align: center;
}