 

.traffic-dr-packs .page-head-ctnr {
    background-color: var(--primary);
    background-image: linear-gradient(to top, rgba(1, 28, 41, 0.568), rgba(1, 28, 41, 1) 95%), url(https://politicsanew.com/wp-content/uploads/2021/01/attorney-vs-lawyer-salary.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 55vh;
}

.traffic-dr-packs .page-head{
    padding-top: 6rem;
}


.traffic-dr-packs .cta-txt {
    flex: 1 1 700px;
 }
.traffic-dr-packs .enterprise {
    background-color: var(--secondary);
    padding: 3rem 0;
    
 background-image: none;
    margin-bottom: -1px;
}

.traffic-dr-packs .cta-form h3 {
    font-size: 1.8rem;
 }

.traffic-dr-packs  .lcl-seo .txt-img-box .img-img {
    position: relative;
    flex: 1;
    margin-top: 1rem;
}
.traffic-dr-packs .lcl-seo .txt-img-box .img-img::before {
    content: "";
    position: absolute;
    width: 93%;
    height: 79%;
    border: 3px solid var(--primary);
    top: 27px;
    left: 10px;
    z-index: -1;
}


.traffic-dr-packs .lcl-seo .txt-img-box {
    display: flex;
    gap: 5rem;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1300px;
    flex-wrap: wrap;
    padding: 0.5rem;
}

.traffic-dr-packs .lcl-seo{
     margin-bottom:6rem ;
     margin-top: -1rem;
}

.traffic-dr-packs .subheading::before {
    position: absolute;
    content: "";
    width: 61px;
    height: 5px;
    left: -47px;
    top: 55%;
    transform: translate(-50%);
    background: var(--primary);
}
.traffic-dr-packs .subheading {
    color: var(--white) !important;
 
}

.traffic-dr-packs .pricing-table-head {
    margin-top: 7rem;
    margin-bottom: 2rem;
}

.traffic-dr-packs .pricing-table {
    margin-bottom: 7rem;
}


.traffic-dr-packs .fullwth-img-img img {
    max-width: 100%;
    height: auto;
}
.traffic-dr-packs .cta-ctnr {
    display: flex;
    flex-wrap: wrap;
    max-width: 1300px;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 2rem 1rem;
    gap: 3rem;
}


.traffic-dr-packs .pricing-table .ptable-header {
    margin: 0px 10px;
    padding: 30px 0 45px 0;
    width: auto;
    background: var(--primary);
}

.traffic-dr-packs .pricing-table {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    max-width: 1300px !important;
     background: #ffffff;
    
}
.traffic-dr-packs .cta-form form button {
    padding: 15px;
    margin: 1rem;
    background: transparent;
    border: 1px solid var(--primary);
    width: auto ;
}

.traffic-dr-packs .cta-ctnr-box {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 4rem;
    max-width: 1300px;
    flex-wrap: wrap;
    width: 100%;
     margin: 4rem 0;
}

.traffic-dr-packs .how-it-wrks h2 {
    text-align: right;
    line-height: 1.5;
    float: right;
    margin-bottom: 14px;
    width: 100%;
    max-width: 20vw;
    border-top: 9px solid var(--primary);
    top: 10px;
    position: relative;
    color: var(--secondary);
    padding-top: 20px;
    font-size: clamp(2rem, 4vw, 1.8rem);
}

.traffic-dr-packs .faq-ctnr {
    background-color: var(--primary);
    border-right: 30px solid var(--secondary);
    margin: 8rem auto 8rem auto;
    padding: 5rem 5rem;
}


.traffic-dr-packs  .faq-ctnr p {
    color: var(--primary-lit);
}

.traffic-dr-packs .collapsible-item-label {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    cursor: pointer;
    /* background: var(--primary); */
    color: #fff;
    border-top: 2px dashed #a57d4b;
}

.traffic-dr-packs .cta-form {
    flex: 1 1 500px;
    height: 600px;
    background-image: none;
    background-color: var(--primary);
}

.traffic-dr-packs .cta-form form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 85%;
    margin: auto;
    position: relative;
    top: 80px;
}

.traffic-dr-packs .cta-form form input, 
.traffic-dr-packs .cta-form form textarea {
    padding: 10px;
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
}


.traffic-dr-packs .cta-form form input::placeholder, 
.traffic-dr-packs .cta-form form textarea {
   
    color: var(--white);
}

.traffic-dr-packs .cta-form form button {
    padding: 15px;
    margin: 0.5rem;
    background: var(--white);
    border: 1px solid var(--primary);
    color: var(--primary);
}

.traffic-dr-packs .cta-form form textarea {
    
    margin: 0.5rem;
  
}

.traffic-dr-packs .cta-form form input, .traffic-dr-packs .cta-form form button {
     margin: 0.5rem;
   
}

.traffic-dr-packs .cta-form h3 {
    margin: 0.5rem 0;
}
.traffic-dr-packs .fullwth-img-txt .txt-white {
    font-size: clamp(2.2rem, 4vw, 2rem);
}

