*
{
box-sizing: border-box;
margin: 0;
padding: 0;
}

body
{
font-size: 14px;
margin: 0;
padding: 0;
font-family: 'Urbanist', sans-serif;
color: #280240;
}

a
{
    text-decoration:none;
    transition: .3s all ease-in-out;
    color: #242424;
    
}

a:hover
{
    color:#F3A51D;
}

ul {
    margin: 0;
    padding: 0;
}

li{
    list-style: none;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}

h1{
    font-size: 40px;
}

h2{
    font-size: 36px;
}

h3{
    font-size: 28px;
}

h4{
    font-size: 24px;
}

h5{
    font-size: 20px;
}

h6{
    font-size: 18px;
}

.container
{
    max-width: 1200px;
    padding: 0 20px;
    width:100%;
    margin: auto;
}


.agent-login-wrap {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.agent-login-wrap .agent-login {
    width: 100%;
    max-width: 600px;
    margin: auto;
    box-shadow: 0px 0px 50px #f1e9e9;
    padding: 40px 50px 50px;
}

.agent-login-wrap .agent-login form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 30px 0 0;
    row-gap: 14px;
}

.agent-login-wrap .agent-login form input {
    text-align: center;
    border: 0;
    border-bottom: 2px solid #c8c0c0;
    font-size: 18px;
    height: 44px;
}

.agent-login-wrap .agent-login form input::placeholder {
    color: #979797;
}

.agent-login-wrap .agent-login form button {
    height: 48px;
    font-size: 18px;
    font-family: 'Outfit';
    font-weight: 700;
    color: #fff;
    background: #F3A51D;
    transition: .3s all ease-in-out;
    border: 1px solid transparent;
    cursor: pointer;
}

.agent-login-wrap .agent-login form button:hover {
    border-color: #F3A51D;
    background: transparent;
    color: #F3A51D;
}

.agent-login-wrap .agent-login form input:focus {
    outline: none;
}

.footer-content-wrap {
    display: flex;
    justify-content: space-between;
    padding: 14px 0;
    font-size: 14px;
    color: #242424;
}


.agent-archive-heading {
    text-align: center;
    padding: 30px;
    border-bottom: 1px solid #e5e4e4;
}

.agent-archive-heading h4 {
    color: #F3A51D;
    margin: 6px 0 0;
}

.agent-sorting-wrap {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
}

.agent-sorting-wrap .agent-sorting {
    display: flex;
    align-items: center;
}

.agent-sorting-wrap .agent-sorting ul {
    display: flex;
    column-gap: 10px;
    margin-left: 20px;
}

.agent-sorting-wrap .agent-sorting ul li {
    padding: 4px 14px;
    background: #280240;
    border-radius: 100px;
    line-height: 18px;
    color: #fff;
}

.agent-sorting-wrap .agent-sorting select {
    height: 44px;
    width: 180px;
    margin-right: 16px;
    border: 1px solid #DBDBDB;
    padding:0 6px;
}

.agent-sorting-wrap .agent-sorting .map-link {
    font-weight: 700;
    font-family: 'Outfit';
    font-size: 16px;
    color: #280240;
}

.agent-sorting-wrap .agent-sorting .map-link svg {
    vertical-align: bottom;
    margin-right: 8px;
}

.agent-profile-container {
    font-size: medium;
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
}

.agent-profile-container .agent-profile-wrap {
    max-width: 48%;
    width: 100%;
}

.agent-profile {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    box-shadow: 0px 0px 30px #f2f2f2;
    margin-top: 24px;
    transition: .3s all ease-in-out;
    align-items: center;
}

.agent-profile .agent-profile-info {
    display: flex;
    column-gap: 20px;
}

.agent-profile-cta {
    display: flex;
    flex-direction: column;
    text-align: center;
    row-gap: 6px;
}

.agent-profile-cta a {
    font-size: 12px;
    padding: 10px 10px;
    background: #F3A51D;
    color: #fff;
    border: 1px solid transparent;
}

.agent-profile-cta a:nth-child(2) {
    background: transparent;
    border-color: #F3A51D;
    color: #F3A51D;
}

.agent-profile-cta p {
    margin-top: 20px;
    font-size: 13px;
}

.agent-profile-cta a:hover {
    background: transparent;
    border-color: #F3A51D;
    color: #F3A51D;
}

.agent-profile-cta a:nth-child(2):hover {
    background: #F3A51D;
    color: #fff;
}

.agent-profile-name h4 {font-size: 20px;}

.agent-profile-name p {
    font-size: 13px;
    color: #808080;
}

.agent-profile-name p span {
    display: inline-block;
    margin: 20px 0;
    color: #F3A51D;
}

.agent-review-star {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-top: 8px;
}

.agent-review-star img {
    max-width: 70px;
}

.agent-sorting-wrap .agent-sorting .map-link svg path
{
    transition: .3s all ease-in-out;
} 

.agent-sorting-wrap .agent-sorting .map-link:hover {
    color: #F3A51D;
}

.agent-sorting-wrap .agent-sorting .map-link:hover svg path {
    stroke: #F3A51D;
}

.agent-profile:hover {
    background: #280240;
}

.agent-profile:hover h4, .agent-profile:hover p, .agent-profile:hover h4 a {
    color: #fff;
}

.agent-profile:hover .agent-profile-cta a:nth-child(2) {
    border-color: #fff;
    color: #fff;
}

#map {
    max-width: 995px;
    width: 100%;
    margin:40px auto 0;
  }
  #map .jvectormap-container path {
    fill: #F3A51D;
    transition: fill 0.3s ease-in-out;
  }
  #map .jvectormap-container path:hover {
    fill: #280240;
    transition: fill 0.3s ease-in-out;
  }
  #map svg {
      min-height: 632px;
      height: auto;
  }
  #map svg g {
      transform: scale(1) translate(0px, 0px);
  }
  
  .jvectormap-tip{
  z-index: 999999;
  }
  
  #map .jvectormap-container {
      background: transparent !important;
  }

  .agent-cover-img img {
    max-width: 100%;
}

.a-d-name-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0px 40px;
    margin-top: -74px;
}

.a-d-name-wrap {
    display: flex;
    column-gap: 20px;
    align-items: center;
    flex-wrap: wrap;
    max-width: 50%;
    width: 100%;
}

.a-d-name-wrap .a-d-name p {
    color: #707070;
}

.a-d-name-wrap .a-d-name ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 14px;
}

.a-d-name-wrap .a-d-name ul li {
    padding: 0 10px;
    border-right: 1px solid #d1cfcf;
    color: #000000;
}

.a-d-name-wrap .a-d-name ul li:first-of-type {
    padding-left: 0;
}

.a-d-name-wrap .a-d-name ul li:last-of-type {
    padding-right: 0;
    border: 0;
}

.a-d-add-wrap ul {
    display: flex;
}

.a-d-add-wrap ul li {
    margin: 0 16px;
    border-right: 1px solid #d1cfcf;
    font-size: 15px;
    color: #000;
    position: relative;
    z-index: 1;
    padding-left: 30px;
    line-height: 22px;
}

.a-d-add-wrap ul li:first-of-type {margin-left: 0;}

.a-d-add-wrap ul li:last-of-type {
    padding-right: 0;
}

.a-d-add-wrap ul li svg {vertical-align: bottom;margin-right: 10px;position: absolute;left: 0;top: 4px;}

.a-d-img img {
    border: 4px solid #fff;
    border-radius: 100%;
}

.a-d-name {
    padding-top: 90px;
}

.a-d-add-wrap {
    padding-top: 90px;
    max-width: 50%;
    width: 100%;
}

.a-d-add-wrap ul li:last-of-type {
    margin-right: 0;
    border: 0;
}

.agent-services ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.agent-services ul li {
    max-width: 16%;
    width: 100%;
}

.agent-services ul li a {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 14px 0;
    border: 1px solid #F3A51D;
    font-size: 14px;
    color: #F3A51D;
}

.agent-services ul li a:hover {
    background: #F3A51D;
    color: #fff;
}

.agent-services {
    padding: 40px 0;
}

.agent-services h3 {
    margin-bottom: 14px;
}

.agent-contact-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0 60px;
}

.agent-contact-wrap .agent-contact {
    max-width: 48%;
    width: 100%;
}

.agent-contact-wrap .agent-contact img {
    max-width: 100%;
}

.agent-contact-wrap .agent-contact form {display: flex;flex-wrap: wrap;}

.agent-contact-wrap .agent-contact form input {
    max-width: 100%;
    width: 100%;
}

.agent-contact-wrap .agent-contact form h4 {
    font-size: 28px;
    margin-bottom: 10px;
}

.agent-contact-wrap .agent-contact form input {
    height: 60px;
    box-shadow: 0px 0px 30px #f2f2f2;
    border: 0;
    padding: 20px;
    font-size: 14px;
    margin-top: 20px;
    color: #000;
}

.agent-contact-wrap .agent-contact form input::placeholder, .agent-contact-wrap .agent-contact form textarea::placeholder {
    color: #cdc1c1;
}

.agent-contact-wrap .agent-contact form input:focus, .agent-contact-wrap .agent-contact form textarea:focus {
    outline: none;
}

.agent-contact-wrap .agent-contact form textarea {
    width: 100%;
    height: 200px;
    padding: 20px;
    box-shadow: 0px 0px 30px #f2f2f2;
    border: 0;
    resize: none;
    font-size: 14px;
    margin-top: 20px;
    color: #000;
}

.agent-contact-wrap .agent-contact form .form-submit-btn {
    max-width: 100%;
    width: 100%;
    text-align: right;
    margin-top: 30px;
}

.agent-contact-wrap .agent-contact form .form-submit-btn button {
    background: #F3A51D;
    border: 0;
    padding: 12px 40px;
    font-size: 16px;
    font-family: 'Outfit';
    font-weight: 700;
    color: #fff;
    line-height: 22px;
    transition: .3s all ease-in-out;
    border: 1px solid transparent;
    cursor: pointer;
}

.agent-contact-wrap .agent-contact form .form-submit-btn button:hover {
    border-color: #F3A51D;
    background: transparent;
    color: #F3A51D;
}


@media (max-width:1024px) {

    .agent-profile-container .agent-profile-wrap {
        max-width: 100%;
    }
    
    .agent-profile-container {
        flex-wrap: wrap;
    }
    
    .agent-sorting-wrap {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        row-gap: 20px;
    }

    .a-d-add-wrap {
        max-width: 100%;
        padding-top: 30px;
    }
    
    .a-d-name-wrap {
        max-width: 100%;
    }
    
    .agent-services ul li {
        max-width: 32%;
    }
    
    .agent-services ul {
        row-gap: 16px;
    }
    
    .agent-services h3 {
        font-size: 24px;
    }
    
    .agent-contact-wrap .agent-contact form h4 {
        font-size: 24px;
    }
    
    .agent-contact-wrap .agent-contact form input {
        margin-top: 14px;
        height: 50px;
    }
    
    .agent-contact-wrap .agent-contact form textarea {
        height: 120px;
    }
    
    .agent-contact-wrap {
        padding-bottom: 40px;
    }

}




@media (max-width:767px) {

    .footer-content-wrap {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        row-gap: 6px;
    }

    h1 {
        font-size: 24px;
        line-height: 34px;
    }
    
    .agent-login-wrap .agent-login {
        padding: 40px 20px;
    }
    
    .agent-login-wrap .agent-login form input {
        font-size: 16px;
    }

    .agent-sorting-wrap .agent-sorting {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 10px;
    }
    
    .agent-sorting-wrap .agent-sorting ul {
        margin: 0;
        column-gap: 6px;
    }
    
    .agent-sorting-wrap .agent-sorting ul li {
        font-size: 12px;
    }
    
    .agent-sorting-wrap {
        padding: 20px 0;
    }
    
    .agent-sorting-wrap .agent-sorting select {
        width: 100%;
        max-width: 46%;
        margin-right: 10px;
    }
    
    .agent-profile {
        flex-wrap: wrap;
        padding: 20px;
    }
    
    .agent-profile-cta {
        max-width: 100%;
        width: 100%;
        margin-top: 20px;
    }
    
    .agent-profile-cta p {
        margin-top: 4px;
    }
    
    .agent-profile-img img {
        max-width: 90px;
    }
    
    .agent-profile .agent-profile-info {
        max-width: 100%;
        width: 100%;
    }
    
    .agent-profile-name h4 {
        font-size: 18px;
    }

    .agent-archive-heading {
        padding: 20px 10px;
    }
    
    .agent-archive-heading h4 {
        font-size: 16px;
        margin-top: 10px;
    }
    
    .agent-sorting-wrap .agent-sorting h5 {
        font-size: 16px;
    }

    .a-d-img img {
        max-width: 100px;
    }
    
    .agent-cover-img img {
        min-height: 150px;
        object-fit: cover;
    }
    
    .a-d-name-container {
        padding: 0 20px;
        margin-top: -50px;
    }
    
    .a-d-name {
        padding-top: 20px;
    }
    
    .a-d-add-wrap ul {
        flex-wrap: wrap;
        row-gap: 14px;
    }
    
    .a-d-add-wrap ul li {
        margin: 0;
        border: 0;
        font-size: 14px;
    }
    
    .a-d-add-wrap {
        padding-top: 24px;
    }
    
    .agent-services ul li {
        max-width: 100%;
    }
    
    .agent-contact-wrap .agent-contact {
        max-width: 100%;
    }
    
    .agent-contact-wrap {
        flex-direction: column-reverse;
        row-gap: 30px;
    }

}