@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");

/*====================Agency Profile page css start===================*/
ul {
    list-style: none;
}

.agency-compl-sect {
    background: #F0F4F9;
}

.agency-prfl-section {
    margin-top: 80px !important;
}

.profile-inner-sect {
    box-shadow: 23px 4px 40px 0px #104D1A1A;
    border-radius: 20px;
    background: #fff;
}

.frst-sectin-badge {
    height: 670px;
}

.container-paddng {
    margin: 30px;
}

.brdr-btm-none {
    border-bottom: none !important;
}

.brdr-round {
    border-radius: 300px;
    background: #fff;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
    position: absolute;
    right: -95px;
    box-shadow: 23px 4px 40px 0px #104D1A1A;
}

.brdr-round img{
    width: 160px;
    height: 100px;
}

.agn-nme {
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    text-align: left;
    word-wrap: break-word;
}

.agency-name {
    padding-left: 105px;
    padding-right: 50px;
}

.agency-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.agency-prfl-section .collapse:not(.show) {
    display: none !important;
}

.agnc-info {
    display: flex;
    flex-direction: column;
    padding: 30px 30px 30px 0;
}

.info-sect {
    padding: 20px 40px;
    border: 1px solid #a1c0ae82;
    border-radius: 16px;
}

.algn-itm {
    align-items: center;
}

.agnt-leads {
    display: flex;
    gap: 25px;
    align-items: center;
}

.hdngs-agnc {
    font-size: 30px;
    font-weight: 600;
    line-height: 33px;
    text-align: left;
    margin: 0;
    color: #171717;
}

.lds-count {
    background: linear-gradient(90deg, #058141 0.63%, #86C65A 100.63%);
    display: inline-block;
    border-radius: 100px;
    padding: 11px 35px;
    margin: 0;
    color: #fff;
}

.abt-agncy {
    padding-top: 30px;
}

.infos h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 22.5px;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 10px;
}

.infos p {
    font-size: 16px;
}

.brder-rg-btm {
    padding-right: 20px;
    padding-bottom: 20px;
    border-right: 1px solid #A1C0AE99;
    border-bottom: 1px solid #A1C0AE99;
    padding-left: 25px;
}

.brder-rg {
    padding-right: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #A1C0AE99;
    padding-left: 25px;
}

.paddng-agnc-represent {
    padding: 30px 20px;
}

.card-agency .new-img-agency {
    width: 100px;
    border-radius: 100px;
    height: 100px;
    object-fit: cover;
}

.card-agency .img-border-red {
    border: 5px solid #bd212e;
}

.dropdown-getquote button {
    background: rgb(4, 131, 56);
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    border-color: #4eb74b;
    color: #fff !important;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    font-size: 16px;
    border-radius: 100px;
    padding: 8px 20px !important;
}

/* .agnt-info .dropdown-getquote a {
    background: rgb(4, 131, 56);
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    border-color: #4eb74b;
    color: #fff !important;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    font-size: 16px;
    border-radius: 100px;
    padding: 8px 20px !important;
} */

.agency-name .navbar.formMenu ul.dropdown-menu.show {
    left: 130px;
}

/* .dropdown-getquote .collapse {
    display: block !important;
} */

.dropdown-getquote ul.dropdown-menu {
    position: absolute;
    padding: 0px !important;
}

.agency-name .formMenu div#GetaQuoteEditMenu {
    width: 100%;
}

.agency-name .formMenu div#GetaQuoteMenu {
    width: 135%;
}

.agnt-info .formMenu div.get-quote-menu{
    width: auto;
}

.formMenu div.get-quote-menu {
    position: absolute;
    background: #fff;
    background: #f3f3f3;
    width: 100%;
    top: 54px;
    z-index: 9999;
    left: 0;
    margin: 0 auto;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    padding-bottom: 0px;
    padding-top: 0px;
    border: 18px;
}

div.get-quote-menu .nav-item .nav-link {
    padding: 5px 3px !important;
    color: #0c0c0c;
    font-weight: 500;
    font-size: 15px;
}

.agency-name .formMenu #btnEditQuoteForm,
.agency-name .formMenu #quote-btn,
.agnt-info .formMenu #quote-btn {
    font-size: 14px;
    padding: 10px 10px !important;
}

.agency-claim {
    display: flex;
}

.agency-claim a {
    background: rgb(4, 131, 56);
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    border-color: #4eb74b;
    color: #fff !important;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    font-size: 16px;
    border-radius: 100px;
    padding: 8px 20px !important;
}

.agency-claim .claim-icon {
    position: relative;
    top: 20px;
    left: 5px;
}

.list-agents .agnc-reprenc {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 40px;
}

.clss-agnt {
    margin-bottom: 5px;
    font-size: 22px;
}

h2.clss-agnt{
    color: #353333;
}

.card-agency {
    position: relative;
}

.tl-tip-agncy img {
    width: 32px;
    position: absolute !important;
    top: 70px !important;
    left: 65px !important;
    z-index: 99 !important;
}

.agnt-info span {
    font-size: 20px;
}

.dropdown-getquote {
    margin-top: 10px;
}

ul.agents-count {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    flex-basis: content;
    gap: 50px;
}

.cntct-pdng {
    padding: 30px 30px;
}

.cntct-hdngs {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
}

.addrs-list p,
.addrs-list a {
    word-wrap: break-word;
}

.cntct-hdngs a {
    word-wrap: break-word;
}

.addrs-list li {
    list-style-type: disc !important;
}

.addrs-list p,
.addrs-list a {
    font-size: 14px;
}

ul.social-icons {
    display: flex;
    gap: 10px;
    padding-left: 0px;
}

.agency-cont-info ul.social-icons {
    flex-wrap: wrap;
}

ul.social-icons li a i {
    background: rgb(4, 131, 56);
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    border-color: #4eb74b;
    color: #fff !important;
    padding: 10px !important;
    width: 40px;
    text-align: center;
    border-radius: 50px;
    font-size: 20px;
    height: 40px;
}

.agency-map iframe {
    border-radius: 20px;
    border: 0.85px solid #A1C0AE99 !important;
}

.agency-map {
    margin-left: 45px;
    margin-right: 25px;
}

.agency-embed-code-wrap{
    width: 350px;
    margin-left: 45px;
}

.share-agency h2 {
    text-align: center;
}

.share-agency i.fa.fa-share-alt {
    color: #048338;
    padding-left: 10px;
}

.share-agency {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
    border: 0.85px solid #A1C0AE99;
    border-radius: 20px;
    padding: 25px;
    min-height: 450px;
}

.btn-edit {
    position: relative;
}

button#agencyAboutMe {
    position: absolute;
    top: -30px;
    right: -30px;
}

img.edit-button {
    position: absolute;
    right: 10px;
    top: 10px;
}

.contnt {
    margin-top: 30px;
}

.contnt p {
    font-size: 16px;
    line-height: 25px;
}

.profile-backgrnd-sect {
    box-shadow: 23px 4px 40px 0px #104D1A1A;
    border-radius: 20px;
}

.mrgn-rght {
    margin-right: 15px;
}

.mttop-agency {
    margin-top: 30px;
}

/* review css */
.testimonial-reel {
    margin-bottom: 20px;
    margin-top: 20px;
}

.testimonial-reel .box {
    position: relative;
    margin-bottom: 30px;
}

.testimonial-reel .box .image {
    margin: 0 auto -45px;
    text-align: center;
}

.testimonial-reel .box .image img {
    height: 80px;
    margin: 0 auto;
    width: 80px;
    object-fit: cover;
}

.testimonial-reel .box .test-component {
    background-color: #fff;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    min-height: 200px;
    padding: 50px 30px 30px 30px;
    text-align: center;
    border-radius: 20px;
}

.checked {
    color: #FEC106;
}

.review-user {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 20px;
    color: #000;
}

h4.review-desgn {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: #048338;
    margin: 0;
}

.abt-review-hrs .slick-dots li.slick-active button:before {
    color: #fff !important;
    opacity: 1;
}

.abt-review-hrs .slick-dots li button:before {
    color: #fff;
    font-size: 10px;
}

/* review css */
.btns-edit-wrte {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

.btns-edit-wrte a {
    background: #fff;
    border-radius: 20px;
    padding: 7px 25px;
}

.btns-edit-wrte button {
    background: #fff;
    border-radius: 20px;
    padding: 7px 25px;
    border: 0px;
}

.btns-edit-wrte button:hover {
    color: #068b06;
}

.edt-hrs {
    text-align: end;
    padding-top: 10px;
}

.updated-time-main .card-agency-hrs .content:nth-child(1) {
    width: 35%;
    float: left;
    text-align: left;
    font-weight: 600;
}

.updated-time-main .card-agency-hrs .content:nth-child(2) {
    width: 65%;
    float: left;
    text-align: left;
}

.card-agency-hrs {
    width: 90%;
    display: inline-block;
    padding: 8px 14px;
    font-size: 15px;
    color: #121212;
    background: #fff;
    margin: 5px 0;
}

.businss-hrs {
    padding-top: 25px;
    text-align: center;
    padding-bottom: 17px;
}

span.small-txt {
    font-size: 14px;
}

.news-crds-agnc .news-imgs {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.paddng-lft {
    padding-left: 30px;
}

.news-hdngs {
    font-size: 20px;
    margin-left: 20px;
    margin-top: 20px;
}

.knw-mre-news {
    background: linear-gradient(90deg, #048338 0%, #5EC24F 100%);
    margin-left: 20px;
    padding: 10px 20px;
    border-radius: 20px;
    color: #fff;
}

#crsl-media .slick-slide img,
#crsl-news .slick-slide img.news-imgs,
#crsl-blog .slick-slide img.news-imgs {
    width: 100% !important;
}

#crsl-news .slick-slide img,
#crsl-blog .slick-slide img {
    width: auto !important;
    display: inline-block;
}


.media-imgs {
    height: 350px;
    width: 100%;
    object-fit: cover;
}

.Faqs .accordion-button:not(.collapsed) {
    background: #fff;
}

.Faqs .accordion-button:focus {
    border: none;
}

.cst-txt-drk {
    font-weight: 600;
}

.search-agent {
    margin-bottom: 100px !important;
}

section#numbr-agents h2 {
    font-size: 30px;
}

#agency-questionstextagency {
    border: 2px solid #fff;
    font-weight: 400;
    background: #fff0;
    padding: 10px 40px 10px 30px;
    border-left: none;
    -webkit-appearance: none;
    font-size: 16px;
    margin-left: -20px;
    width: 300px;
    color: #fff !important;
}

section#numbr-agents.search-agent {
    width: auto;
}

#agency-searchbtn {
    text-align: center;
    border-radius: 0;
    border: 2px solid #fff;
    cursor: pointer;
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    margin-left: -10px;
    font-weight: 700;
    border-left: 2px solid #ffff;
    padding: 10px 30px;
}

input#agency-questionstextagency::placeholder {
    color: #fff !important;
}

.agency-list-dynamic {
    background: #fff;
    margin: 40px;
    padding: 30px 50px;
}

.list-agency-cls ul li a {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
}

.list-agency-cls ul li img {
    width: 25px;
    height: 25px;
    border-radius: 100px;
}

.brdr-right-agnc {
    border-right: 1px solid #A1C0AE99;
    padding: 0 35px;
}

.pdgn-agnc-lst {
    padding: 0 35px;
}

img.right-pagi-arrow {
    transform: rotate(-90deg);
    width: 40px;
}

img.pagi-arrow {
    transform: rotate(90deg);
    width: 40px;
}

.addrs-list li::marker {
    color: #0D8741;
}

/* Mobile */

@media (min-width: 1680px) {
    .rep-list-left,
    .rep-list-right {
        min-height: 600px !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .container-paddng {
        margin: 20px;
    }

    .frst-sectin-badge {
        height: 170px;
    }

    .brdr-round {
        right: 80px;
        top: 60px;
    }

    .agency-name {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 112px;
    }

    .hdngs-agnc {
        font-size: 23px;
    }

    .info-sect {
        padding: 20px 20px;
    }

    .lds-count {
        padding: 10px 9px;
        font-size: 12px;
    }

    .brder-rg-btm,
    .brder-rg {
        border: none;
    }

    .agnc-info {
        padding: 30px 10px 30px 10px;
    }

    ul.agents-count {
        flex-direction: column;
        gap: 0px;
    }

    .infos h2,
    .clss-agnt,
    .agnt-info span,
    .cntct-hdngs {
        font-size: 18px;
    }

    .addrs-list p,
    .addrs-list a {
        font-size: 16px;
    }

    .agency-map {
        margin-left: 0px;
        margin-right: 0px;
    }

    .agency-embed-code-wrap {
        width: auto !important;
        margin-left: 0px;
    }

    .agency-map iframe {
        height: 400px;
    }

    .share-agency {
        min-height: 400px;
        margin-top: 20px;
    }

    .mrgn-rght {
        margin-right: 0px;
    }

    .mrgn-space {
        padding-right: 0 !important;
    }

    .btns-edit-wrte a {
        padding: 10px 10px;
        font-size: 14px;
    }

    .btns-edit-wrte button {
        padding: 10px 10px;
        font-size: 14px;
    }

    .reviews-agency .btns-edit-wrte button{
        padding: 5px 10px;
    }

    .mttop-agency {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .businss-hrs {
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .card-agency-hrs {
        width: 95%;
    }

    .paddng-lft {
        padding-left: 10px;
    }

    .news-hdngs {
        font-size: 18px;
        margin-left: 0px;
        margin-top: 20px;
    }

    .knw-mre-news {
        margin-left: 0px;
    }

    .mbl-pdng {
        padding-bottom: 40px;
    }

    .agncmrgn-btm-resp {
        margin-bottom: 20px;
        padding-right: 0;
    }

    .media-imgs {
        height: 250px;
    }

    section#numbr-agents h2 {
        font-size: 20px;
    }

    .icn-agent-list ul li img {
        width: 100px;
        margin-top: -10px;
    }

    input#agency-questionstextagency {
        width: 165px;
        padding: 14px 22px 12px 22px;
        font-size: 12px;
        height: 48px;
    }

    input#agency-questionstextagency {
        width: 165px;
        padding: 10px 22px 10px 22px;
    }

    #agency-searchbtn {
        padding: 10px 20px;
    }

    .pdgn-agnc-lst {
        padding: 0 15px;
    }

    .brdr-right-agnc {
        border-right: none;
        padding: 0 10px;
    }

    .agency-list-dynamic {
        margin: 20px 0px;
        padding: 25px 10px;
    }

    .list-agency-cls ul li {
        padding-bottom: 0px !important;
    }

    .list-agency-cls ul li a {
        font-size: 14px;
        padding-bottom: 20px;
    }

    .list-agents {
        padding-left: 0;
    }

    div.get-quote-menu .nav-item .nav-link,
    .navbar.formMenu div#GetaQuoteEditMenu .nav-item .nav-link{
        font-size: 13px;
    }

    .agency-name .formMenu div#GetaQuoteEditMenu{
        margin-left: -20%;
    }

    .agnt-info .formMenu div.get-quote-menu{
        margin-left: -100%;
    }

    .agency-name .formMenu ul.dropdown-menu li a{
        font-size: 13px;
    }
    
    .agnt-info .formMenu ul.dropdown-menu li a {
        font-size: 12px;
    }

    .frst-sectin-badge.agency-cover .brdr-round{
        right: 39px;
    }

    .agency-nbag-cover .nw-agnt-list .icn-agent-list ul{
        padding-left: 0px;
    }
}

@media only screen and (max-width: 900px) and (min-width: 768px) {
    /* .agency-name .formMenu .dropdown-item {
        white-space: break-spaces;
    } */
}

@media only screen and (max-width: 1000px) and (min-width: 768px) {
    ul.agents-count {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .agn-nme {
        font-size: 40px;
        line-height: 45px;
    }

    .agency-name {
        padding-right: 16px;
    }

    .agency-map {
        /* margin-left: 0; */
        margin-right: 25px;
    }

    .mrgn-space {
        padding-right: 0;
        margin-bottom: 30px;
    }

    .mrgn-rght {
        margin-right: 0;
    }

    .businss-hrs {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .agncmrgn-btm-resp {
        margin-bottom: 30px;
    }

    section#numbr-agents h2 {
        font-size: 25px;
    }

    .icn-agent-list ul {
        gap: 10px;
    }

    .cnt-dyn {
        font-size: 40px;
    }

    .agency-list-dynamic {
        background: #fff;
        margin: 20px 15px;
        padding: 20px 10px;
    }

    .brdr-right-agnc {
        border-right: 1px solid #A1C0AE99;
        padding: 0 35px;
        margin-bottom: 20px;
    }

    .agency-name .formMenu ul.dropdown-menu li a{
        font-size: 13px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 1000px) {
    ul.agents-count {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .info-sect {
        padding: 20px 20px;
    }

    .brdr-round {
        width: 160px;
        height: 160px;
        right: -70px;
    }

    .brdr-round img{
        width: 100px;
        height: 60px;
    }

    .agn-nme {
        font-size: 25px;
        font-weight: 600;
        line-height: 30px;
        text-align: left;
    }

    .agency-name {
        padding-left: 70px;
        padding-right: 50px;
    }

    .infos h2,
    .infos p {
        font-size: 14px;
    }

    .brder-rg {
        padding-right: 3px;
        padding-left: 12px;
        padding-top: 10px !important;
    }

    .brder-rg-btm {
        padding-right: 3px;
        padding-left: 12px;
        padding-top: 10px !important;
    }

    .infos p {
        margin: 0;
    }

    .abt-agncy {
        padding-top: 15px;
    }

    .frst-sectin-badge {
        height: 635px;
    }

    .paddng-lft {
        padding-left: 10px;
    }

    .news-hdngs {
        font-size: 14px;
        margin-left: 0px;
        margin-top: 10px;
    }

    .knw-mre-news {
        margin-left: 0px;
    }

    .mn-hght-media {
        min-height: 585px;
    }

    section#numbr-agents h2 {
        font-size: 25px;
    }

    .brdr-right-agnc {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .pdgn-agnc-lst {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 1025px) {
    /* ul.agents-count {
        justify-content: space-between !important;
        margin-bottom: 0;
        gap: 20px;
    } */

    ul.agents-count {
        justify-content: flex-start !important;
        margin-bottom: 0;
        gap: 45px;
    }

    .tl-tip-agncy img {
        top: 60px !important;
        left: 55px !important;
    }

    .card-agency .new-img-agency {
        width: 85px !important;
        height: 85px !important;
    }

    .clss-agnt {
        margin-bottom: 5px;
        font-size: 18px;
    }

    .agnt-info span {
        font-size: 16px;
    }

    .dropdown-getquote button {
        font-size: 14px;
        padding: 10px 10px !important;
    }

    .list-agents .agnc-reprenc {
        gap: 12px;
        margin-top: 20px;
    }

    .updated-time-main .card-agency-hrs .content:nth-child(1) {
        width: 20%;
        float: left;
        text-align: left;
        font-weight: 600;
    }

    .updated-time-main .card-agency-hrs .content:nth-child(2) {
        width: 80%;
        float: left;
        text-align: left;
    }

    /* .mn-hght-media {
        min-height: 600px;
    } */

    .brdr-right-agnc {
        padding: 6px 10px;
    }

    .agency-list-dynamic {
        padding: 30px 30px;
    }

    .pdgn-agnc-lst {
        padding: 0 20px;
    }

    .agency-name {
        padding-right: 10px;
    }

    .infos h2 {
        font-size: 14px;
    }

    .infos p {
        font-size: 14px;
        margin: 0;
    }

    .info-sect {
        padding: 20px 25px;
    }

    .frst-sectin-badge {
        height: 550px;
    }

    .agency-prfl-section {
        margin-top: 40px !important;
    }

    .abt-agncy {
        padding-top: 20px;
    }

    .brder-rg {
        padding-right: 10px;
        padding-top: 10px !important;
        padding-left: 10px;
    }

    .brder-rg-btm {
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-top: 10px !important;
    }

    .agnc-info {
        padding: 20px 20px 0px 0;
    }
}

@media only screen and (max-width: 1540px) and (min-width: 1401px) {
    ul.agents-count {
        margin-bottom: 0;
    }

    .tl-tip-agncy img {
        top: 60px !important;
        left: 55px !important;
    }

    .card-agency .new-img-agency {
        width: 85px !important;
        height: 85px !important;
    }

    .clss-agnt {
        margin-bottom: 5px;
        font-size: 18px;
    }

    .agnt-info span {
        font-size: 16px;
    }

    .dropdown-getquote button {
        font-size: 14px;
        padding: 10px 10px !important;
    }

    .list-agents .agnc-reprenc {
        gap: 12px;
        margin-top: 20px;
    }

    .mn-hght-media {
        min-height: 570px;
    }

    .updated-time-main .card-agency-hrs .content:nth-child(1) {
        width: 20%;
        float: left;
        text-align: left;
        font-weight: 600;
    }

    .updated-time-main .card-agency-hrs .content:nth-child(2) {
        width: 55%;
        float: left;
        text-align: left;
    }

    .brdr-right-agnc {
        padding: 0 20px;
    }

    .agency-list-dynamic {
        padding: 30px 30px;
    }

    .pdgn-agnc-lst {
        padding: 0 20px;
    }

    .agency-name {
        padding-right: 10px;
    }

    .brder-rg-btm {
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    }

    .infos h2 {
        font-size: 14px;
    }

    .infos p {
        font-size: 14px;
        margin: 0;
    }

    .info-sect {
        padding: 20px 25px;
    }

    .frst-sectin-badge {
        height: 550px;
    }

    .agency-prfl-section {
        margin-top: 40px !important;
    }

    .abt-agncy {
        padding-top: 15px;
    }

    .brder-rg {
        padding-right: 15px;
        padding-top: 15px !important;
        padding-left: 15px;
    }

    .brder-rg-btm {
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-top: 10px !important;
    }

    .agnc-info {
        padding: 20px 20px 0px 0;
    }
}

@media only screen and (max-width: 1491px) and (min-width: 1401px) {
    .mn-hght-media {
        min-height: 600px !important;
    }
}

/*Slider*/
.shadow-effect {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #ECECEC;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
}

#customers-testimonials .shadow-effect p {
    font-family: inherit;
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 17px 0;
    font-weight: 300;
}

.testimonial-name {
    margin: -17px auto 0;
    display: table;
    width: auto;
    background: #3190E7;
    padding: 9px 35px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    box-shadow: 0 9px 18px rgba(0, 0, 0, 0.12), 0 5px 7px rgba(0, 0, 0, 0.05);
}

#customers-testimonials .item {
    text-align: center;
    padding: 50px;
    margin-bottom: 80px;
    transform: scale3d(0.8, 0.8, 1);
    transition: all 0.3s ease-in-out;
}

#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    transform: scale3d(1.0, 1.0, 1);
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 90px;
    margin: 0 auto 17px;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #3190E7;
    transform: translate3d(0px, -50%, 0px) scale(0.7);
}

#customers-testimonials.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: #3190E7;
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
}

/*====================Agency Profile page css end===================*/

/*============== Agency plan pricing css -4/4/2024 ===============*/

.agencyplan-bg {
    background-image: url('/assets/images/Agency_Plan_Pricing_BG.webp');
}

div#agnc-inner {
    width: 100%;
    position: relative;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* div#agnc-inner::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 4px;
    background: linear-gradient(180deg, #86C65A 0%, #058141 99.16%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
} */

div#my-agency {
    max-width: 900px;
}

.plans-agnc-hdng {
    color: #008036;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
}

.agnc-img-hdng img {
    width: 50px;
    height: 50px;
}

.agnc-img-hdng {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 25px;
}

.agnc-contnt p {
    font-size: 13px;
    color: #008036 !important;
}

.agnc-contnt {
    margin-top: 10px;
    margin-bottom: 0px;
    padding: 0 58px !important;
}

.pricing-agnc h2 {
    color: #008036;
    font-size: 30px;
    margin-bottom: 0px;
}

div#addtnl-featr .agnc-list li {
    color: #0C0C0C;
    font-size: 13px;
    margin-bottom: 15px !important;
    line-height: 20px;
    font-weight: 500;
}

div#addtnl-featr {
    padding: 0 50px !important;
}

.agnc-list li img {
    width: 15px;
    top: 5px;
}

div#addtnl-featr h3 {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 15px;
}

a#slct-pln {
    width: 30% !important;
}

a#slct-pln:hover {
    cursor: pointer;
}

#agnc-inner .selectPlans {
    text-align: center;
    margin: 12px 0;
}

.enhanced-plan-pricing .plan-bottomTxt p {
    margin-top: 30px;
}

.plan-bottomTxt p {
    font-size: 18px;
}

.enhanced-plans h4,
.enhanced-plans li,
.enhanced-plan-pricing p,
.enhanced-plans h3 {
    color: #000;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .plans-agnc-hdng {
        font-size: 20px;
    }

    .agnc-img-hdng img {
        width: 40px;
        height: 40px;
    }

    .agnc-contnt p {
        font-size: 14px;
    }

    .txt-trnsfrm {
        font-size: 12px;
    }

    div#addtnl-featr {
        padding: 0 15px !important;
    }

    a#slct-pln {
        width: 100% !important;
    }

    div#agnc-inner {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .agnc-contnt {
        padding: 0 15px !important;
    }
    .agency-map #map{
        width: auto !important;
    }
    .agency-media select#mediaType {
        width: 95%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    div#agnc-inner {
        width: 600px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .agency-map {
        margin-right: 0px !important;
    }
    .agency-map #map {
        height: 225px !important;
        width: auto !important;
    }

    .agency-embed-code-wrap {
        width: auto;    
    }
}

/*============== Agency plan pricing css ===================*/

/*============== Agency list css start =====================*/
div#agency-section .innr-company .inner-companies {
    /* background: #fff; */
    background: #ddd;
    border-radius: 20px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    transition: 0.3s ease all;
}

div#agency-section {
    background: url('/assets/images/Number_of_the_Agents.webp');
    border-radius: 20px;
}

div#agency-section .mide-companies img {
    width: 170px;
    max-height: 160px;
    object-fit: contain;
}

#agency-section .pagination-companies .pagination .page-item.active .page-link {
    color: #000 !important;
}

div#agency-section .innr-company .inner-companies:hover {
    background: linear-gradient(90deg, rgb(4 131 56 / 66%) 0%, rgb(94 194 79 / 66%) 100%);
    transition: 0.3s ease all;
}

div#agency-section .innr-company .inner-companies:hover img {
    width: 170px;
    object-fit: contain;
    filter: grayscale(1);
    transition: 0.3s ease all;
}

.inner-companies:hover .companies-logo {
    filter: grayscale(1);
}

div#agency-container {
    background: url('/assets/images/Agency-main-banner.webp');
    background-size: cover;
}

/*=============== Agency responsive =====================*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    div#agency-section .innr-company .inner-companies {
        margin-bottom: 20px;
    }
}

/*=============== Agency list css end =====================*/


.agency-cover {
    background-image: url('/assets/images/Profile_bg.webp');
    background-repeat: no-repeat;
    justify-content: end;
    display: flex;
    position: relative;
    align-items: center;
    border-radius: 20px 0 0 20px;
    background-size: cover;
}

.agency-reviews-cover {
    background-image: url('/assets/images/Reviews-agnc.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.agency-bh-cover {
    background-image: url('/assets/images/Business_Hour.webp');
    background-size: cover;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.agency-faq-cover {
    background-image: url('/assets/images/FAQs.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.agency-nbag-cover {
    background-image: url('/assets/images/Number_of_the_Agents.webp');
    background-size: cover;
    padding: 50px 0;
    background-position: center;
}

#agencyAboutMeForm {
    display: none;
}

.business-hrs .edit-time-main .form__input {
    width: 100%;
    border-radius: 0;
    border: 2px solid #004e1a;
    padding: 6px 10px 6px 10px !important;
    outline: none;
    margin: 8px auto;
    transition: all 0.5s ease;
    font-weight: 500;
}

.business-hrs .edit-time-main h3 {
    margin-bottom: 14px !important;
    font-size: 19px;
    position: relative;
    top: 12px;
    text-align: left;
}

.business-hrs .edit-time-main .row {
    border-top: 1px solid black;
    padding-bottom: 10px;
}

.business-hrs .edit-time-main span.close-btn {
    padding: 3px 8px;
    right: 26px;
    top: 10px !important;
}

.readmore-agencies {
    text-align: center !important;
}

.readmore-agencies a {
    border: 2px solid #eeeeee !important;
    border-radius: 30px;
    padding: 12px 38px;
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-size: 20px;
    margin-top: 15px;
    display: inline-block;
    font-weight: 500;
    cursor: pointer;
}

.readmore-agencies a:hover {
    color: #ffffff !important;
}

button#agencyFaqEdit {
    position: absolute;
    top: -30px;
    right: -19px;
}

.agency-faq-form-sec,
.agency-news-sec-add,
.agency-cont-info-form,
.agency-profile-form-sec,
#upload-section,
.agency-faq-sec-add,
.agency-blogs-sec-add {
    display: none;
}

.agency-faq-sec-add {
    background-color: #bad9b0;
    padding: 10px;
}

.agency-faq-sec-add h2.faq-com-heading {
    margin-bottom: 26px;
}

/* .agency-faq-remove-modal{
    top: 18%;
    max-width: 600px;
} */


.agency-faq-remove-modal .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    border: 1px solid rgb(40 98 61) !important;
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgb(13 44 8) 100%);
    border-radius: 15px;
    background-clip: padding-box;
    outline: 0;
}

.agency-faq-remove-modal .modal-footer {
    border-top: 1px solid #078539 !important;
    padding: 15px;
}

.agency-faq-remove-modal .modal-body {
    color: #fff;
}

.agency-faq-remove-modal .modal-body p a {
    color: #fff;
}

.agency-faq-remove-modal button.btn-close {
    color: #098739 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    opacity: 1;
    padding: 0 !important;
    position: relative;
    top: -5px;
    left: -10px;
}

.agency-faq-remove-modal .modal-body p.mb-0 {
    font-size: 21px !important;
}

.agency-faq-remove-modal .btn-close:focus {
    box-shadow: none;
}

.agency-faq-remove-modal .btn-close {
    background: transparent;
}

.agency-faq-remove-modal .modal-header {
    border-bottom: 1px solid #078539 !important;
}

.agency-faq-remove-modal .modal-content {
    border: 1px solid rgb(40 98 61) !important;
}

body .agency-faq-remove-modal.modal {
    top: 10%;
}

.agency-faq-remove-modal .popup-button {
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    padding: 9px 25px;
    border-radius: 50px;
    margin-top: 20px !important;
    position: relative;
    top: 5px;
}

.agency-add-news {
    /* background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%) !important;
    border-color: #4eb74b;
    border-radius: 35px;
    padding: 5px 9px;
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-size: 15px;
    cursor: pointer; */

    background: rgb(4, 131, 56);
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    border-color: #4eb74b;
    padding: 7px 22px;
    color: #fff !important;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    font-size: 16px;
    border: 0;
    float: right;
    clear: both;
    border-radius: 18px;
}

.agency-news-sec-add .news-form,
.agency-blogs-sec-add .blogs-form {
    background: #bad9b0;
}

.agency-news-sec-add h2.faq-com-heading {
    text-align: center;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 38px;
    margin-top: 10px;
}

@media only screen and (max-width: 767px) {
    .business-hrs .edit-time-main span.close-btn {
        right: 5px;
    }
}

button#agencyEditProfile {
    position: absolute;
    top: 0px;
    right: -12px;
}



/*-- Agency  Registration Form --*/

.agency-address .address-row .form-group {
    padding: 0px !important;
}


span#plus-phone-add {
    color: #04682f;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}


/*----- Agencies Agents Changes ---*/
.list-agency-cls {
    padding-left: 0;
    margin: 5px;
    display: flex;
    flex-wrap: wrap;
}

.list-agency-cls a {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
}

.list-agency-cls img {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    margin-right: 12px;
}

.list-agency-cls .tl-tip {
    position: relative;
}

.list-agency-cls img.enhanced-badge,
.list-agency-cls img.enhanced-plus-badge {
    width: 33px;
    height: 33px;
    position: absolute;
    z-index: 99;
    cursor: pointer;
    right: -9px;
    top: 9px;
}

/*----- Agencies Contact Form ---*/
.add-social-media {
    margin-bottom: 15px;
}

span#plus-social-media {
    color: #04682f;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}


#formContact .ms-options-wrap {
    width: 100%;
    border: 0px solid transparent;
    border-bottom: 2px solid #004e1a;
    padding: 0px 10px 0px 0px !important;
    padding-left: 2em;
    outline: none;
    margin: 8px auto 0;
    transition: all 0.5s ease;
    font-weight: 500;
    border-top: 0 !important;
    border-radius: 0 !important;
}

#formContact .ms-options {
    width: 200px;
}

#formContact .ms-options-wrap button {
    border: none;
}

.agency-map #map {
    height: 225px;
    width: 350px;
}

.agency-map #map.full {
    height: 450px;
}

.agency-map #map .map-popup {
    height: 48px;
}

.agency-map .green-popup.profile-map h4{
    top: 25px;
}

.agency-map #map .map-popup .div-inner-green {
    left: -18px;
}

.agency-map .div-inner-blue {
    height: 110px;
    width: 175px;
}

.agency-map .div-inner-blue h4 a {
    font-size: 16px;
}

.agency-map .div-inner-blue h4 {
    top: 14px;
}

.agency-profile-form-sec {
    padding: 20px;
    box-shadow: 23px 4px 40px 0px #104D1A1A;
    border-radius: 20px;
    background: #fff;
}

.agency-logo {
    width: 175px;
    height: 175px;
    border: 1px solid black;
    border-radius: 50%;
    margin: auto;
}

.agency-logo .words {
    white-space: break-spaces;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
    color: green;
    padding: 20px;
    margin: 0px;
    word-wrap: break-word;
}

.agencies-logo {
    border-radius: 300px;
    background: #fff;
    width: 200px;
    height: 200px;
    object-fit: contain;
    position: absolute;
    right: -95px;
    box-shadow: 23px 4px 40px 0px #104D1A1A;
}

.agencies-logo .words {
    white-space: break-spaces;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
    color: green;
    padding: 25px;
    margin: 0px;
    word-wrap: break-word;
}

.agency-profile-form-sec .profile-img .brdr-round {
    right: 0px;
}

/* ---- agencies reviews -------*/

#agencyReview button.tooltips-dtd.mycustom-dts.review-icn {
    position: absolute;
    top: 86px !important;
    right: 24px;
}

.test-component .edit-review-btn {
    top: 20px;
}

.test-component .reply-btn,
.test-component .reply-edit-btn {
    top: 20px;
}

.repl-style,
.frm-style .btnReviewReply,
.btnformEditReviewComment {
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    border-color: #4eb74b;
    padding: 7px 22px;
    color: #fff !important;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    font-size: 16px;
    border: 0;
    border-radius: 18px;
    cursor: pointer;
}

.slick-dots {
    position: relative !important;
}


/*----- Agencies Media ---*/

.news-agnc-section {
    overflow: hidden;
    position: relative;
}

.news-agnc-section .trash-wrap {
    position: absolute;
    right: 10px;
    /* top: 50px; */
    cursor: pointer;
    border: none;
    background: transparent;
    z-index: 1;
}

.news-agnc-section .edit-wrap {
    position: absolute;
    right: 10px;
    top: 50px;
    cursor: pointer;
    border: none;
    background: transparent;
    z-index: 1;
}

.news-agnc-section .edit-wrap .fa,
.news-agnc-section .trash-wrap .fa {
    border-radius: 50%;
    padding: 10px 10px;
    font-size: 16px;
}

/* .contnt-images{
    margin-bottom: 15px;
} */


/*========= Registration Form Start============= */

.agency-register-form .form-group-personal-email {
    position: relative;
}

.agency-register-form button.tooltips-dtd.tooltips-password,
.agency-register-form button.tooltips-dtd.tooltips-email,
.agency-register-form button.tooltips-dtd.tooltips-mobile {
    position: absolute;
    right: 0;
    top: 15px;
    margin: 0;
    padding: 0;
}

.agency-register-form .tooltips-password i,
.agency-register-form .tooltips-email i,
.agency-register-form .tooltips-mobile i {
    font-size: unset !important;
    position: relative;
    top: unset;
}

@media screen and (max-width: 768px) {

    .agency-register-form .tooltips-password i,
    .agency-register-form .tooltips-email i,
    .agency-register-form .tooltips-mobile i {
        right: 20px;
    }
}

@media (max-width: 1300px) {
    .agency-map {
        margin-right: 0px;
    }

    .agency-map #map {
        width: auto;
    }

    .agency-embed-code-wrap {
        width: auto;
    }
}

.agency-register-form a.btn-default,
.agency-register-form a.btn-primary {
    font-size: 12px !important;
}

/*========= Registration Form End=============== */


/*======== Agency representative Agents ==========*/

button#agentSearch {
    background: rgb(4, 131, 56);
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    border-color: #4eb74b;
    border-radius: 0px 20px 20px 0px;
    padding: 10px 15px;
    color: #fff !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-size: 14px;
    margin-top: 0px;
    display: inline-flex;
}

button#agentSearch .fa-spinner {
    margin-top: 3px;
}

.has-search .form-control-feedback {
    margin-top: 2px;
}

.rep-list-wrapper .has-search input {
    border-radius: 20px 0px 0px 20px;
}

.rep-agent-edit-modal .has-search input {
    border-radius: 20px 0px 0px 20px;
}

.reps-agent-list .card-hme,
.reps-agent-scroller-list .card-hme {
    width: 600px !important;
}

.reps-agent-list .card-hme .card-head .tl-tip img,
.reps-agent-scroller-list .card-hme .card-head .tl-tip img {
    width: 36px !important;
    height: auto;
    margin: 0 auto;
}

.reps-agent-list .card-hme .card-head .tl-tip img,
.reps-agent-scroller-list .card-hme .card-head .tl-tip img {
    position: absolute;
    top: 74px;
    left: 50px;
    z-index: 99;
    cursor: pointer;
    height: auto;
}

.reps-agent-list .card li.list-inline-item,
.reps-agent-scroller-list .card li.list-inline-item {
    margin-bottom: 0px;
    display: block;
    padding-left: 0px;
    position: relative;
}

/* body .reps-agent-list .card-body {
    padding-left: 85px !important;
    height: 190px !important;
} */

body .reps-agent-list .card-body,
body .reps-agent-scroller-list .card-body {
    padding-left: 85px !important;
    height: 150px !important;
}

.reps-agent-list .card-head img,
.reps-agent-scroller-list .card-head img {
    width: 100px;
    height: 100px;
    Object-fit: cover;
    border-radius: 50%;
}

.reps-agent-list .ct-bxs ul li,
.reps-agent-scroller-list .ct-bxs ul li {
    line-height: 32px;
}

.reps-agent-list a.view-profile,
.reps-agent-scroller-list a.view-profile {
    background: rgb(4, 131, 56);
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    border-color: #4eb74b;
    border-radius: 25px;
    padding: 6px 15px;
    color: #fff !important;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    font-size: 16px !important;
    display: inline-block;
}

.reps-agent-list button.add-rep-agent,
.reps-agent-scroller-list button.add-rep-agent {
    background: rgb(4, 131, 56);
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    border-color: #4eb74b;
    border-radius: 25px;
    padding: 6px 15px;
    color: #fff !important;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    font-size: 16px !important;
    display: inline-block;
}

.btn-gradient {
    background: rgb(4, 131, 56);
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    border-color: #4eb74b;
    border-radius: 25px;
    padding: 6px 15px;
    color: #fff !important;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    font-size: 16px !important;
    display: inline-block;
}


.frm-invite-agent input {
    margin-bottom: 10px;
}

div#reps-agent-list {
    height: 420px;
    overflow: hidden;
    overflow-y: scroll;
    direction: rtl;
    margin-top: 15px;
}

div.reps-agent-scroller-list {
    height: 420px;
    overflow: hidden;
    overflow-y: hidden !important;
    direction: rtl;
    margin-top: 15px;
}

div#reps-agent-list li.list-inline-item {
    direction: ltr;
}

div#reps-agent-list .tl-tip img {
    width: 36px !important;
    margin: 0 auto;
}

div#reps-agent-list .card-hme {
    flex-direction: row-reverse;
    position: relative;
    width: 100% !important;
    padding-top: 25px;
    left: -50px;
}


@media screen and (min-width:320px) and (max-width: 767px) {
    div#reps-agent-list .card-hme {
        flex-direction: column !important;
        position: relative;
        left: 17px;
        width: 100% !important;
        padding-top: 25px;
    }

    div#new-blogs-hme .blogHeading h2 {
        margin-top: 0px !important;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1024px) {
    body div#reps-agent-list .card-hme {
        width: 650px !important;
    }
}

.mr-left-200 {
    margin-left: 200px;
}

.scroller-slider::-webkit-scrollbar {
    width: 10px;
    width: 10px;
}

.scroller-slider::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: #397524;
}

.scroller-slider::-webkit-scrollbar-thumb:hover {
    background-color: #62A34B;
}

.scroller-slider::-webkit-scrollbar-thumb:active {
    background-color: #62A34B;
}

.scroller-slider::-webkit-scrollbar-track {
    border-radius: 1px;
    background-color: #DFE9EB;
}

.rep-list-wrapper {
    width: 100%;
}

.rep-list-left,
.rep-list-right {
    min-height: 400px;
}

.rep-list-right .sel-agent-list {
    min-height: 90%;
}

.rep-list-right .sel-agent-list .agent-name {
    font-size: 15px;
    font-weight: bold;
}

.rep-list-right .sel-agent-list .agent-name a {
    color: #0c0c0c !important;
}

.rep-list-right .sel-agent-list .agent-email,
.rep-list-right .sel-agent-list .agent-status {
    font-size: 14px;
    font-weight: normal;
}

.clear-search{
    display: block; 
    margin: 0 auto; 
    text-align: center; 
    padding-right: 20px; 
    text-decoration: underline !important; 
    cursor: pointer;
    color: rgb(0, 0, 0);
    margin-top: 5px !important;
}

.status-inactive,
.status-pending, 
.status-cancelled, 
.status-declined, 
.status-expired  {
    color: #f00 !important;
}

.status-active,
.status-approved {
    color: #28a745 !important;
}

.status-upcoming {
    color: #007bff !important
}

.reps-list-note {
    font-size: 14px;
}


/*======== Agency representative Agents end ==========*/

/*========= agency leads table =========== */

.table#agencyQuoteLeadsList {
    width: 100% !important;
}

div#agencyQuoteLeadsList_info {
    margin: 10px;
}

div#agencyQuoteLeadsList_paginate {
    margin: 10px;
}

@media screen and (max-width: 767px) {
    div#agencyQuoteLeadsList_paginate {
        display: flex;
        justify-content: center;
    }
}

/*========= agency leads table end =========== */



/*============ Agency Popup ===============*/

@media (min-width: 576px) {
    .agency-popup .modal-dialog {
        max-width: 600px;
    }

    .agency-popup .modal-content {
        height: 400px;
    }

}

.agency-popup .modal-body {
    /* padding-top: 50px;
    margin-bottom: 20px; */
    padding-top: 70px;
}


.agency-popup p.popup-button-outerdiv {
    margin-top: 30px;
    margin-bottom: 35px;
}

.agency-popup a.secondary.popup-button {
    margin-left: 20px;
}

body .agency-popup.modal {
    top: 10%;
}

.agency-popup .popup-button {
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    padding: 9px 25px;
    border-radius: 50px;
    margin-top: 20px !important;
    position: relative;
    top: 5px;
}

.agency-popup .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    border: 1px solid rgb(40 98 61) !important;
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgb(13 44 8) 100%);
    border-radius: 15px;
    background-clip: padding-box;
    outline: 0;
}

.agency-popup .modal-footer {
    border-top: 1px solid #078539 !important;
    padding: 15px;
}

.agency-popup .modal-body {
    color: #fff;
}

.agency-popup .modal-body p a {
    color: #fff;
}

.agency-popup button.btn-close {
    color: #098739 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    opacity: 1;
    padding: 0 !important;
    position: relative;
    top: -5px;
    left: -10px;
}

.agency-popup .modal-body p.mb-0 {
    font-size: 21px !important;
}

.agency-popup .btn-close:focus {
    box-shadow: none;
}

.agency-popup .btn-close {
    background: transparent;
}

.agency-popup .modal-header {
    border-bottom: 1px solid #078539 !important;
}

.agency-popup .modal-content {
    border: 1px solid rgb(40 98 61) !important;
}

/*======== End Agency representative Agents ==========*/

a.btn-gradient {
    background: rgb(4, 131, 56);
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    border-color: #4eb74b;
    border-radius: 25px;
    padding: 6px 15px;
    color: #fff !important;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    font-size: 16px !important;
    display: inline-block;
}


.checkbox-container {
    /* display: block; */
    position: relative;
    /* padding-left: 35px; */
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked~.checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.connected-agents-list a.view-profile {
    background: rgb(4, 131, 56);
    background: linear-gradient(90deg, rgba(4, 131, 56, 1) 0%, rgba(94, 194, 79, 1) 100%);
    border-color: #4eb74b;
    border-radius: 25px;
    padding: 3px 11px;
    color: #fff !important;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    font-size: 13px !important;
    display: inline-block;
}

.connected-agents-list .card-head img {
    width: 50px;
    height: 50px;
    Object-fit: cover;
}

.connected-agents-list .card-hme .card-head .tl-tip img {
    width: 32px !important;
    height: auto;
    margin: 0 auto;
}

.connected-agents-list .card-hme .card-head .tl-tip img {
    position: absolute;
    top: 31px;
    left: 22px;
    z-index: 99;
    cursor: pointer;
}

#manageAgentList{
    min-height: 40vh
}

.connected-agents-list .ct-bxs ul li {
    line-height: 30px;
}

.connected-agents-list span.line-btn {
    margin-left: 0px !important;
}

.connected-agents-list .card-hme {
    left: 0px;
    width: auto !important;
}

body .connected-agents-list .card-body {
    height: 0px !important;
}

.connected-agents-list .crd-new {
    min-height: 125px !important;
}

.connected-agents-list .card-hme .card-head {
    position: relative;
    left: 30px;
    top: 20px;
}

body .connected-agents-list .card-body {
    padding-left: 30px !important;
}

.connected-agents-list .card-hme .li-name {
    font-size: 17px !important;
}

.connected-agents-list .card-hme .li-addrs {
    font-size: 15px !important;
}

.reviews-pagination {
    text-align: center;
    display: inline-block;
}

/*======== Approve/declined response page =========*/
h4.error-temp {
    font-size: 18px;
    color: red;
}

h4.success-mesg {
    font-size: 25px;
    color: #157445;
}

h3.error-temp {
    font-size: 40px;
}

p.error-temp {
    color: black;
}

a.invite-login-btn {
    font-size: 16px;
}

/*======== Approve/declined response page =========*/

.lds-ring {
    display: none;
}

.lds-ring {
    display: block;
}

.lds-ring {
    top: 130px;
    left: -360px;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 96px;
    /*64px;*/
    height: 96px;
    /*64px;*/
    margin: 8px;
    border: 8px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    /*border-color: #fff transparent transparent transparent;*/
    border-color: #1de9b6 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*====== agency representative manage forms page =========*/

#manageAgentQuoteForms .form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
    margin-right: 0.7em;
}

#manageAgentQuoteForms .manage-quote-form .form-check-label {
    max-width: 90%;
    min-width: 90%;
}

#manageAgentQuoteForms .manage-quote-form {
    min-height: 250px;
    max-height: 250px;
    background-color: #fff;
    border: none;
    border-radius: 20px;
    padding: 5px 20px;
    overflow-y: scroll;
}

#manageAgentQuoteForms .titel-form h6.form-title {
    margin-top: 0px;
    font-size: 20px;
    text-align: left;
}
.no-reviews {
    color: #fff;
    font-size: 20px;
    text-align: center;
}

.business-hours p {
    color: #fff;
}

.reviews-agency {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* gap: 63%; */
}

#Edit-Reviews-section.upload-data.review-forms:before {
    left: 63% !important;
}

#Reviews-section.upload-data.review-forms:before {
    left: 89% !important;
}

.agency-logo,
.agencies-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: none;
}

.agencies-logo .words.agency-name {
    font-size: 7rem;
    padding: 35px;
}

.agencies-logo  i {
    font-size: 4rem;
    margin-bottom: 10px;
}

.agencies-logo.btnAgencyEditProfile {
    cursor: pointer;
}

.agency-logo i {
    font-size: 4rem;
    margin-bottom: 10px;
}

.edit-permission-icon{
    position: relative;
    top: -5px;    
}

#frmAgencyRegistration .reg-card .card.agency-card{
    top: 30px !important;
}

#frmAgencyRegistration .agencies-logo {
    border-radius: 300px;
    background: #fff;
    width: 100px;
    height: 100px;
    object-fit: contain;
    /* position: absolute; */
    right: 35%;
    top: -40px;
    box-shadow: 23px 4px 40px 0px #104D1A1A;
}

#frmAgencyRegistration .agencies-logo .words.agency-name {
    font-size: 4rem;
    padding: 35px;
}



/* #frmAgencyRegistration .agency-card .card-head img{
    top: -40px;
}

#frmAgencyRegistration .agency-card .card-head img{
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: none;
} */


.agency-news .readmore-companies-acco a {
    margin-top: 15px !important;
}

@media (min-width: 576px) {
    .agency-news .readmore-companies-acco a {
        margin-top: 15px !important;
    }
    
    #OwnerApprovalCancelMsg.register-popup .modal-content {
        height: 270px !important;
    }
}

@media only screen and (min-width: 500px) and (max-width: 1920px) {
    .agency-news .ct-vw-mre {
        position: relative;
        top: 20px !important;
        left: 0px;
    }
}


@media screen and (min-width: 320px) and (max-width: 767px) {
    .reviews-sec-top.agency-reviews .com-top-heading h2 {
        margin-top: 50px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 991px) {
    .agency-claim .claim-icon {
        top: 7px;
    }
    .agency-media .upload-data:before {
        right: 25px;
    }
}

.location-row {
    border-bottom: 1px solid #efebeb;
    margin: 0px 0px 15px 0px;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 10px 5px;
    position: relative;
}

.location-row .counter {
    position: absolute;
    right: -15px;
    top: -15px;
    background: #04a9f5;
    padding: 16px;
    border-radius: 50%;
    color: #fff;
    width: 10px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.agency-location .btn > i {
    margin-right: 12px;
}

.agency-location .btn-sm {
    padding: 6px 14px !important;
    font-size: 13px !important;
}   

.agency-location .btn-primary:hover,
.agency-business-phone .btn-primary:hover,
.agency-social .btn-primary:hover {
    color: #fff !important;
    background-color: #0069d9 !important;
    border-color: #0062cc !important;
}

.agency-location .btn-primary:focus,
.agency-business-phone .btn-primary:focus,
.agency-social .btn-primary:focus {
    background-color: #0069d9 !important;
    border-color: #0069d9 !important;
    box-shadow: unset !important;
}

.agency-policy .text-list-pri h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.agency-policy-input {
    width: 16px;
    height: 16px;
}

.agency-cont-info-form .phone-row,
.agency-cont-info-form .social-row{
    border-bottom: 1px solid #efebeb;
    margin: 0px 0px 15px 0px;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 10px 5px;
    position: relative;
}

.agency-cont-info-form .phone-row .counter,
.agency-cont-info-form .social-row .counter{
    position: absolute;
    right: -15px;
    top: -15px;
    background: #04a9f5;
    padding: 16px;
    border-radius: 50%;
    color: #fff;
    width: 10px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center; 
}

@media (min-width: 1430px) {
    .agency-claim .claim-icon {
        top: 10px;
    }
}

.agnc-foot-contnt p {
    font-size: 14px !important;
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .agency-map {
        margin-left: 10px;
    }

    .agency-embed-code-wrap {
        margin-left: 10px;
    }
}

.news-hdngs.blog-hdngs {
    height: 80px;
}

.fileName span {
    pointer-events: all;
}

#PaymentStatusPopup.register-popup .modal-body{
    padding-top: 40px;
}

#PaymentStatusPopup.register-popup .modal-content h1{
    margin-bottom: 10px;
}

.updated-time-main .card-agency-hrs .content:nth-child(2){
    font-size: 14px;
}

#crsl-companies-reviews .slick-list {
    padding-top: 20px !important;
}

.agency-nbag-cover .nw-agnt-list{
    gap: 8px;
}

.agency-nbag-cover .nw-agnt-list .icn-agent-list{
    gap: 6px;
}

.btnEditQuoteForm.formMenu #GetaQuoteEditMenu ul li .dropdown-menu.show li a{
    white-space: normal;
    min-width: 300px;
}

.agency-div .agency-name .agn-nme{
    margin-bottom: 7px;
}

.card.card-hme.connected-agent-card .card-body.crd-new{
    padding-left: 20px !important;
}

@media (max-width: 767px) {
    .card-hme.connected-agent-card{
        flex-direction: row !important;
        justify-content: center;
    }

    .connected-agent-card .card-body{
        padding-top: 10px !important;
        padding-left: 78px !important;
    }

    .connected-agent-card .card-head{
        top: 0px !important;
    }

    .badge-image-wrapper img{
        top: 70px !important;
    }

    .connected-agent-card .card-body.crd-new:after{
        width: 0px !important;
    }

    .card.card-hme.connected-agent-card .card-head .tl-tip img{
        top:70px;
    }
}

.agency-news-sec-add.single-insu-news{
    margin-bottom: 30px;
}

.agency-reviews-cover .review-verification input{
    margin-bottom: 15px;
}

.agency-content-info-wrapper>div{
    min-height: 136px;
}

.agency-content-info-wrapper .readmore-blog{
    margin-top: 0px !important;
}

.appetite-guide-add-container >h2{
    text-align: center;
    margin-bottom: 10px;
}

.fileUploadWrap input{
    cursor: pointer;
}

.agency-appetite-guide-wrapper .appetite-container #titleAppetite{
    border: 1px solid #020202 !important;
}