:root {
    --primary-color: #d7ff83;
    --secondary-color: #1778be;
    --light-blue: #1E73BE0D;
}

.primary-color {
    background-color: var(--light-blue);
}

.light-blue {
    background-color: var(--light-blue);
}

.text-theme {
    color: var(--primary-color);
}


/* Hero Section */

.hero-section {
    background-image: url(../images/directory-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding-block: 160px !important;
}

/* .hero-section .button-primary {
    padding: 12px 15px !important;
    font-weight: 500 !important;
} */

.banner-block {
    background: #d7ff83;
    padding: 30px;
    /* color: #fff; */
    margin: -80px 0 0;
    width: 100%;
    max-width: 1080px;
    margin-inline: auto;
    border-radius: 10px;
}

.agency-list-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    counter-reset: section;
    list-style: none;
    padding-left: 40px;
    padding-bottom: 40px;
}

.agency-list-grid li {
    background-color: #6ec1e415;
    padding: 20px 20px;
    position: relative;
    border-radius: 10px;
}

.agency-list-grid li::before {
    counter-increment: section;
    content: counter(section);
    width: 100%;
    max-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #676767;
    font-weight: 600;
    position: absolute;
    inset: 1px auto 0 -40px;
    font-size: 24px;
}

.agency-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.site-link {
    display: block;
}

.site-link h3 {
    font-size: 22px;
}

.cta-form {
    margin: 0 !important;
}

.column-block {
    white-space: nowrap;
}

.site-link,
.site-link:hover {
    color: var(--primary-color);
}

.title {
    /* color: var(--primary-color-600) !important; */
    font-weight: 500;
    font-size: 16px;
    display: block;
}

.rating-box img {
    min-width: 80px;
}

.subtitle {
    font-size: 20px;
    font-weight: 600;
}

.agency_disc {
    margin: 20px 0;
}

.button-block {
    display: flex !important
;
    align-items: center;
    gap: 20px;
    justify-content: center;
    padding: 20px 20px 30px 20px;
    border: 1px dashed #89fc00;
    border-radius: 10px;
    background: #89fc0036;
}

.button-block .button-primary {
    width: 100%;
    justify-content: center;
    font-weight: 400;
    white-space: nowrap;
}

.service-wrapper {
    border: 1px solid #ddd;
    padding: 30px 20px;
    border-radius: 10px;
}

.service-wrapper ul li a {
    padding: 10px 0;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    color: #54595F !important;
    transition: all 0.2s;
    font-weight: 600;
}

.service-wrapper ul li a:hover {
    color: var(--secondary-color) !important;
    transition: all 0.2s;
}

.sticky-calc {
    position: sticky;
    top: 150px;
    z-index: 1;
}

.social-wrapper .footer__icon a {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.social-wrapper .footer__icon a:hover {
    color: var(--white-color) !important;
    border: 1px solid var(--primary-color);
}

.left-wrapper-tab {
    background: #d7ff83;
    padding: 20px 15px;
    border-radius: 10px;
}

.left-wrapper-tab ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.left-wrapper-tab ul li a {
    color: #000000 !important;
    font-size: 18px;
    line-height: 28px;
    transition: all 0.3s;
}

.left-wrapper-tab ul li a:hover {
    transition: all 0.3s;
    color: var(--primary-color) !important;
}

.site-list-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    grid-gap: 20px;
}

.site-block {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 30px;
    background: #6EC1E421;
    border-radius: 10px;
    color: var(--secondary-color);
    position: relative;
    transition: all 0.3s;
    font-weight: 500;
}

.site-block i {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 20px;
    transform: rotate(140deg);
    transform-origin: center;
    transition: transform .2s;
}

.site-block:hover {
    color: var(--white-color);
    background-color: var(--secondary-color);
    transition: all 0.3s;
}

.site-block:hover i {
    transform: rotate(90deg);
}

.new-faq .accordion-item h2.accordion-header button {
    font-size: 22px;
    white-space: normal;
}

.g-recaptcha iframe {
    transform: scale(0.6) !important;
    transform-origin: left;
}

.service-wrapper .footer__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.service-wrapper .footer__icon a {
    line-height: 35px !important;
    width: 30px !important;
    height: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Listing Block */

.agency-list-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    counter-reset: section;
    list-style: none;
    padding-left: 40px;
    padding-bottom: 40px;
}

.agency-list-grid li {
    background-color: rgba(85, 255, 0, 0.12);
    padding: 20px 20px;
    position: relative;
    border-radius: 10px;
    border: 2px dashed #d7ff83;
}

.agency-list-grid li::before {
    counter-increment: section;
    content: counter(section);
    width: 100%;
    max-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #16171d;
    font-weight: 600;
    position: absolute;
    inset: 1px auto 0 -40px;
    font-size: 20px;
    background: #d7ff83;
    border: 1px solid #16171d;
    border-radius: 30px;
    box-shadow: 0 4px 0 #16171d;
}

.agency-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.agency_disc {
    margin: 20px 0;
}

.subText {
    font-size: 20px;
    font-weight: 600;
}

.title {
    font-weight: 500;
    font-size: 16px;
    display: block;
}

.site-link h3 {
    font-size: 22px;
}

.rating-box .rating-stars {
    font-size: 22px;
}

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

    .subtitle {
        font-size: 17px;
    }
}

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

    .left-wrapper-tab {
        display: none;
    }

    .service-wrapper.mb-50 {
        margin-bottom: 30px !important;
    }

    .spacer-y {
        padding-block: 60px !important;
    }

    .mobile-view {
        display: none;
    }
}

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

    .agency-list-grid {
        padding: 0;
    }

    .agency-list-grid li {
        padding: 50px 20px 20px;
    }
    
    .agency-list-grid li::before {
        background: var(--secondary-color);
        color: #fff;
        inset: 0;
        border-radius: 10px 0 8px 0;
        font-size: 16px;
    }

    .agency-header {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .site-list-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        grid-gap: 20px;
    }

    .site-block {
        padding: 20px 20px;
    }
}

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

    .banner-block {
        padding: 20px 15px;
    }

    .button-block {
        gap: 10px;
        padding: 10px;
    }

    .agency-list-grid li {
        padding: 50px 15px 15px;
    }

    .site-block i {
        font-size: 14px;
    }

}

/* Table of Content */

ul#toc {
	list-style: none;
	padding: 0px;
	gap: 0;
}

ul#toc li a.active {
    color: #1778be !IMPORTANT;
}

/* STAR RATING STYLE*/

.rating-box .rating-stars {
    font-size: 22px;
}

[data-star] {
  text-align:left;
  font-style:normal;
  display:inline-block;
  position: relative;
  unicode-bidi: bidi-override;
}
[data-star]::before { 
  display:block;
  content: '★★★★★';
  color: #eee;
}
[data-star]::after {
  white-space:nowrap;
  position:absolute;
  top:0;
  left:0;
  content: '★★★★★';
  width: 0;
  color: #ff8c00;
  overflow:hidden;
  height:100%;
}

[data-star^="0.1"]::after{width:2%}
[data-star^="0.2"]::after{width:4%}
[data-star^="0.3"]::after{width:6%}
[data-star^="0.4"]::after{width:8%}
[data-star^="0.5"]::after{width:10%}
[data-star^="0.6"]::after{width:12%}
[data-star^="0.7"]::after{width:14%}
[data-star^="0.8"]::after{width:16%}
[data-star^="0.9"]::after{width:18%}
[data-star^="1"]::after{width:20%}
[data-star^="1.1"]::after{width:22%}
[data-star^="1.2"]::after{width:24%}
[data-star^="1.3"]::after{width:26%}
[data-star^="1.4"]::after{width:28%}
[data-star^="1.5"]::after{width:30%}
[data-star^="1.6"]::after{width:32%}
[data-star^="1.7"]::after{width:34%}
[data-star^="1.8"]::after{width:36%}
[data-star^="1.9"]::after{width:38%}
[data-star^="2"]::after{width:40%}
[data-star^="2.1"]::after{width:42%}
[data-star^="2.2"]::after{width:44%}
[data-star^="2.3"]::after{width:46%}
[data-star^="2.4"]::after{width:48%}
[data-star^="2.5"]::after{width:50%}
[data-star^="2.6"]::after{width:52%}
[data-star^="2.7"]::after{width:54%}
[data-star^="2.8"]::after{width:56%}
[data-star^="2.9"]::after{width:58%}
[data-star^="3"]::after{width:60%}
[data-star^="3.1"]::after{width:62%}
[data-star^="3.2"]::after{width:64%}
[data-star^="3.3"]::after{width:66%}
[data-star^="3.4"]::after{width:68%}
[data-star^="3.5"]::after{width:70%}
[data-star^="3.6"]::after{width:72%}
[data-star^="3.7"]::after{width:74%}
[data-star^="3.8"]::after{width:76%}
[data-star^="3.9"]::after{width:78%}
[data-star^="4"]::after{width:80%}
[data-star^="4.1"]::after{width:82%}
[data-star^="4.2"]::after{width:84%}
[data-star^="4.3"]::after{width:86%}
[data-star^="4.4"]::after{width:88%}
[data-star^="4.5"]::after{width:90%}
[data-star^="4.6"]::after{width:92%}
[data-star^="4.7"]::after{width:94%}
[data-star^="4.8"]::after{width:96%}
[data-star^="4.9"]::after{width:98%}
[data-star^="5"]::after{width:100%}


/* CTA Form */

.cta-form {
    width: 100%;
    height:auto;
    text-align: center;
    background-color:#DFF3FC;
}
.cta-form h3 {
    font-size:22px;
    color: #000000;
    line-height: 27px;
    margin-bottom: 20px;
    font-weight: 700 !important;
    font-family: var(--header-font-medium) !important;
}
.cta-form a.cta-form-btn {
    font-size:18px;
    color: #222A41;
    font-weight: 500;
    background: #F4F4F5;
    padding: 10px 20px;
    width: 100%;
    display: block;
    border: 1px solid #222A41;
    font-family: var(--header-font-medium) !important;
    transition: all .2s linear;
}
.cta-form a.cta-btn-primary {
    color: #FFF;
    border: 1px solid var(--orange-clr) !important;
    background-color: var(--orange-clr) !important;
}
/* .cta-form a.cta-form-btn:hover {
    background: var(--orange-clr);
    border: 1px solid var(--orange-clr);
    color: #fff;
} */
.blog-active-btn {

}

/* show only 4 categories*/
#data_type > a:nth-child(4) ~ a {
	display: none;
}
#data_type a.show-list {
    display: block !important;
}
.cta-click-icon {
    position: relative;
}
.cta-form-btn:hover {
    background-color: var(--orange-clr)!important;
    box-shadow: 6px 8px 1px #000;
    border: 1px solid var(--orange-clr) !important;
}
.cta-click-icon::after {
    content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.1464 40C34.3527 40 34.5505 39.9181 34.6963 39.7722L39.7723 34.6963C39.9181 34.5504 40.0001 34.3526 40.0001 34.1464C40.0001 33.9401 39.9181 33.7423 39.7723 33.5965L32.5763 26.4005L36.2564 22.7204C36.447 22.5299 36.5253 22.2542 36.4633 21.9919C36.4014 21.7296 36.2081 21.518 35.9524 21.4328L15.6486 14.6649C15.3692 14.5717 15.0611 14.6444 14.8528 14.8527C14.6445 15.061 14.5718 15.3691 14.6649 15.6485L21.4329 35.9523C21.5181 36.208 21.7296 36.4013 21.992 36.4633C22.2543 36.5252 22.5299 36.4469 22.7205 36.2563L26.4006 32.5762L33.5965 39.7722C33.7424 39.9181 33.9402 40 34.1464 40ZM34.1464 38.1225L26.9505 30.9265C26.8046 30.7806 26.6068 30.6987 26.4006 30.6987C26.1943 30.6987 25.9965 30.7806 25.8507 30.9265L22.5105 34.2668L16.6323 16.6322L34.2668 22.5104L30.9266 25.8506C30.7808 25.9964 30.6989 26.1942 30.6989 26.4005C30.6989 26.6067 30.7808 26.8045 30.9266 26.9504L38.1226 34.1464L34.1464 38.1225Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1346 8.7338C15.5641 8.7338 15.9123 8.38562 15.9123 7.95613V0.777671C15.9123 0.348178 15.5641 4.76837e-06 15.1346 4.76837e-06C14.7051 4.76837e-06 14.3569 0.348178 14.3569 0.777671V7.95613C14.3569 8.38562 14.7051 8.7338 15.1346 8.7338Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.6086 10.6086C10.9123 10.3049 10.9123 9.81247 10.6086 9.50877L5.53264 4.43281C5.22894 4.12911 4.73655 4.12911 4.43285 4.43281C4.12915 4.7365 4.12915 5.2289 4.43285 5.53259L9.50882 10.6086C9.81252 10.9123 10.3049 10.9123 10.6086 10.6086Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.43285 25.8363C4.73655 26.14 5.22894 26.14 5.53264 25.8363L10.6086 20.7604C10.9123 20.4567 10.9123 19.9643 10.6086 19.6606C10.3049 19.3569 9.81252 19.3569 9.50882 19.6606L4.43285 24.7366C4.12915 25.0403 4.12915 25.5326 4.43285 25.8363Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.6609 10.6085C19.9646 10.9122 20.457 10.9122 20.7607 10.6085L25.8366 5.53256C26.1403 5.22887 26.1403 4.73647 25.8366 4.43278C25.5329 4.12908 25.0405 4.12908 24.7368 4.43278L19.6609 9.50874C19.3572 9.81244 19.3572 10.3048 19.6609 10.6085Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 15.1346C0 15.5641 0.348173 15.9122 0.777666 15.9122H7.95612C8.38562 15.9122 8.73379 15.5641 8.73379 15.1346C8.73379 14.7051 8.38562 14.3569 7.95612 14.3569H0.777666C0.348173 14.3569 0 14.7051 0 15.1346Z' fill='black'/%3E%3C/svg%3E%0A");
    position: absolute;
    bottom: -20px;
    /* opacity: 0;
    visibility: hidden; */
    transition: all 0.3s ease;
}
/* .cta-click-icon:hover::after {
    opacity: 1 !important;
    visibility: visible !important;
} */
.hero-form {
    /* max-width: 450px; */
    /* margin-left: auto; */
    border-radius: 15px !important;
    overflow: hidden;
    background: #fff;
    padding: 30px;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card {
    background-color: transparent;
    border: none;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card .card-body {
    padding: 0;
    background: transparent !important;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card .card-body .container {
    padding-inline: 0;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card .section-free-quote-form {
    max-width: 100%;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card .section-free-quote-form .row .col-md-6 {
    margin-bottom: 8px !important;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card .section-free-quote-form .row .col-md-12.text-center.mt-4 {
    text-align: left !important;
    margin-top: 0 !important;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card form :is(input, textarea) {
    border-bottom: 1px solid #000 !important;
    color: #000 !important;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card form :is(input, textarea)::placeholder {
    color: #000 !important;
}