/*Global*/

.landing-index, .partner-index, .about-details {
    font-family: "Poppins", sans-serif;
    color: #000000;
}

.landing-index h2 {
    font-size: 44px;
    font-weight: 900;
}

.landing-index .header-bar-section.container,
.partner-index .header-bar-section.container,
.about-details .header-bar-section.container {
    min-width: 1200px;
}

.landing-index .bg-white, .partner-index .bg-white, .about-details .bg-white {
    background-color: transparent;
}

.expanded-header-wrapper {
    height: 400px;
    position: relative;
    background-image: url("https://assets.leads-iq.com/assets/img2/insurance-header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.expanded-header-content {
    width: 785px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.expanded-header-content h1, p {
    text-align: center;
}

.expanded-header-content h1 {
    font-weight: 900;
}

.category-header-search {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#selectCategory {
    background-color: transparent;
    color: #000000;
    padding: 10px !important;
    border: 1px solid #484848;
    border-radius: 5px 0 0 5px;
}

#expansive-header-button {
    background-color: #21C5C7;
    padding: 10px;
    color: #FFFFFF;
    border: 1px solid #21c5c7;
    border-radius: 0 5px 5px 0;
}

.service-category {
    padding-top: 5rem;
    position: relative;
}

.service-category h2, h5 {
    text-align: center;
    font-weight: 600;
}

.service-category h5 {
    font-size: 14px;
    font-weight: 400;
}

.service-icon {
    width: 50%;
    padding-bottom: 20px;
}

.category-icon-wrapper h3 {
    font-size: 18px;
    font-weight: 800;
}

.category-grid-wrapper {
    display: flex;
    position: relative;
}

#vertical-box1, #vertical-box2, #vertical-box3, #vertical-box4, #vertical-box5,
#vertical-box6, #vertical-box7, #vertical-box8, #vertical-box9 {
    align-self: center;
    z-index: 1;
}
#vertical-box1 { grid-area: cbox1; }
#vertical-box2 { grid-area: cbox2; }
#vertical-box3 { grid-area: cbox3; }
#vertical-box4 { grid-area: cbox4; }
#vertical-box5 { grid-area: cbox5; }
#vertical-box6 { grid-area: cbox6; }
#vertical-box7 { grid-area: cbox7; }
#vertical-box8 { grid-area: cbox8; }
#vertical-box9 { grid-area: cbox9; }

.category-icon-wrapper {
    width: 250px;
    height: 325px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-self: center;
}

.why-grid-wrapper {
    background-color: #EEF4F8;
    display: grid;
    position: relative;
}

.why-grid-wrapper h2 {
    padding: 2rem 0 4rem 0;
}

#why-title {
    grid-area: whytitle;
    z-index: 1;
}
#why-box1, #why-box2, #why-box3 {
    margin-top: 1rem;
}

#why-box1 {
    grid-area: why1;
    align-self: baseline;
    z-index: 1;
}
#why-box2 {
    grid-area: why2;
    align-self: baseline;
    z-index: 1;
}
#why-box3 {
    grid-area: why3;
    align-self: baseline;
    z-index: 1;
}

.why-icon-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-self: center;
    position: relative;
}

.why-icon {
    width: 50%;
    position: absolute;
}

.why-content-box {
    background-color: #FFFFFF;
    padding: 2rem 2rem 1rem 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.why-content-box h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 800;
}

.why-content-box p {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}

.featured-grid-wrapper {
    display: flex;
    padding: 1rem 3rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.featured-grid-wrapper h2 {
    padding: 2rem 0;
}

.featured-content-box h4 {
    font-size: 18px;
    font-weight: 800;
}

.feat-vertical {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.feat-vertical h5 {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin: 0;
}

.feat-favicon {
    margin-left: 10px;
    width: 10%;
}

.featured-content-box p, .featured-content-box li {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #000000;
}

.featured-content-box ul {
    list-style-type: none;
}

.featured-content-box li {
    text-indent: -1rem;
}

.featured-content-box ul li:before {
    content: '\2713';
    color: #FFFFFF;
    background-color: #21C5C7;
    border-radius: 50%;
    padding: 1px 5px;
    margin-right: 10px;
    margin-left: -14px;
    font-size: .5rem;
    line-height: 2rem;
}

.featured-grid-box {
    padding-bottom: 2rem;
}

.feat-box1 {
    display: grid;
    justify-items: center;
    justify-self: center;
}

.feat-box2 {
    display: grid;
    justify-items: center;
    justify-self: center;
}

.featured-image-box {
    width: 480px;
    grid-area: featimage;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.featured-content-box {
    width: 480px;
    grid-area: featcontent;
    padding: 0 1rem;
    z-index: 1;
}

.featured-images {
    justify-self: center;
}

.feat-button {
    border: none;
    background-color: #21C5C7;
    padding: 10px;
    color: #FFFFFF;
    border-radius: 5px;
}

#site-dec1 {
    position: absolute;
}

#site-dec2 {
    position: absolute;
}

#site-dec3 {
    position: absolute;
}

#site-dec4 {
    position: absolute;
}

#site-dec5 {
    position: absolute;
}

#site-dec6 {
    position: absolute;
}

#site-dec7 {
    position: absolute;
}

/*Partner With Page CSS starts*/
.partner-index .expanded-header-content {
    width: 600px;
    margin-top: 200px;
}

.partner-form-wrapper {
    margin: 2rem auto;
    padding: 2rem 5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-areas:
    "fbox1 fbox2"
    "fbox3 fbox4"
    "fbox5 fbox6"
    "fbox7 fbox8 ";
}

#field-box1, #field-box2, #field-box3, #field-box4, #field-box5, #field-box6, #field-box7 {
    align-self: baseline;
    z-index: 1;
}
#field-box1 { grid-area: fbox1; }
#field-box2 { grid-area: fbox2; }
#field-box3 { grid-area: fbox3; }
#field-box4 { grid-area: fbox4; }
#field-box5 { grid-area: fbox5; }
#field-box6 { grid-area: fbox6; }
#field-box7 { grid-area: fbox7; }
#field-box8 {
    grid-area: fbox8;
    align-self: end;
    z-index: 1;
}

.field-input label {
    font-size: 20px;
    text-align: right;
    display: inline-block;
}

.field-input input {
    font-size: 20px;
    width: 100%;
    height: 3rem;
    text-align: left;
    border: 1px solid rgba(0,0,0,.25);
    box-shadow: 5px 5px 10px rgba(0,0,0,.25);
}

/*partner page button*/
.partner-submit {
    background-color: #21c5c7;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #21c5c7;
    border-radius: 5px;
    padding: 0;
    height: 3rem;
    box-shadow: 5px 5px 10px rgba(0,0,0,.25);
}

.partner-submit:hover {
    background-color: #FFFFFF;
    color: #21c5c7;
    border: 1px solid #21c5c7;
    text-decoration: none;
}

/*partner button end*/

@media only screen and (max-width: 480px) {
    #site-dec1 {
        width: 330px;
        height: 745px;
        top: -4%;
        left: 5%;
    }

    #site-dec2 {
        width: 97px;
        height: 63px;
        top: 15%;
        left: -1%;
    }

    #site-dec3 {
        width: 97px;
        height: 63px;
        top: 60%;
        left: 75%;
    }

    #site-dec4 {
        display: none;
    }

    #site-dec5 {
        width: 325px;
        height: 250px;
        top: 78%;
        left: -10%;
    }

    #site-dec6 {
        width: 300px;
        height: 720px;
        top: -5%;
        left: 20%;
    }

    #site-dec7 {
        width: 200px;
        height: 200px;
        top: 84%;
        left: 0;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .why-icon {
        width: 60%;
        top: -10%;
    }

    #site-dec1 {
        width: 430px;
        height: 900px;
        top: -4%;
        left: 5%;
    }

    #site-dec2 {
        width: 117px;
        height: 73px;
        top: 15%;
        left: -1%;
    }

    #site-dec3 {
        width: 117px;
        height: 73px;
        top: 60%;
        left: 75%;
    }

    #site-dec4 {
        display: none;
    }

    #site-dec5 {
        width: 351px;
        height: 275px;
        top: 75%;
        left: -8%;
    }

    #site-dec6 {
        width: 265px;
        height: 605px;
        top: 0;
        left: 43%;
    }

    #site-dec7 {
        width: 215px;
        height: 215px;
        top: 82%;
        left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .expanded-header-wrapper, .about-details .expanded-header-wrapper {
        height: 300px;
    }

    .expanded-header-content {
        width: 100%;
    }

    .landing-index .expanded-header-content {
        margin: 2rem 0;
    }

    .partner-index .expanded-header-content {
        margin: 125px auto;
    }

    .about-details .expanded-header-content {
        margin: 100px auto;
    }

    .expanded-header-content h1 {
        font-size: 28px;
    }

    .expanded-header-content p {
        font-size: 16px;
    }

    .category-icon-wrapper {
        width: 350px;
        height: auto;
        padding: 2rem;
    }

    .landing-index h2, .partner-index h2 {
        font-size: 24px;
    }

    .why-icon-wrapper {
        width: 250px;
        height: auto;
        padding: 2rem;
    }

    .why-content-box {
        width: 300px;
        height: 225px;
        padding-top: 6rem;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-bottom: 2rem;
    }

    .why-icon {
        top: -5%;
    }

    .featured-grid-wrapper {
        padding: 0;
    }

    .about-content-wrapper p {
        font-size: 20px;
        padding: 3.5rem 1rem 1rem 1rem;
    }
}

@media only screen and (max-width: 900px) {
    .category-grid-wrapper {
        padding: 0 1rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .why-grid-wrapper {
        padding: 0 1rem;
        grid-template-columns: 1fr;
        grid-template-areas:
        "whytitle"
        "why1"
        "why2"
        "why3";
    }

    .feat-box1 {
        display: grid;
        grid-template-areas:
        "featimage"
        "featcontent";
    }

    .feat-box2 {
        display: grid;
        grid-template-areas:
        "featimage"
        "featcontent";
    }

    .featured-image-box {
        width: 100%;
        height: auto;
    }

    .featured-content-box {
        width: 100%;
        height: auto;
        padding: 2rem;
    }

    .feat-button {
        width: 100%;
    }

    .vendor-logo {
        display: block;
        width: 50%;
        margin: 0 auto;
    }

    /*Partner with Us page CSS start*/
    .partner-form-wrapper {
        margin: 2rem auto;
        padding: 1rem;
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 50px;
        grid-template-areas:
        "fbox1"
        "fbox2"
        "fbox3"
        "fbox4"
        "fbox5"
        "fbox6"
        "fbox7"
        "fbox8";
    }
    /*partner with us ends*/
}

@media only screen and (min-width: 768px) {
    .landing-index .navbar-brand, .partner-index .navbar-brand, .about-details .navbar-brand {
        width: 25%;
    }

    .landing-index .nav-bar ul .nav-item, .partner-index .nav-bar ul .nav-item, .about-details .nav-bar ul .nav-item {
        padding-left: 1rem;
    }

    .landing-index .nav-link, .partner-index .nav-link, .about-details .nav-link{
        font-size: 16px;
        color: #000000;
        font-weight: 600;
    }

    /*global insurance button*/
    .partner-link {
        background-color: #21c5c7;
        color: #FFFFFF;
        border: 1px solid #21c5c7;
        border-radius: 5px;
        padding: 10px;
        margin-left: 3rem;
        margin-right: 0;
    }

    .partner-link a {
        color: #FFFFFF;
    }

    .partner-link:hover {
        background-color: transparent;
        border: 1px solid #21c5c7;
    }

    .landing-index .dropdown-menu, .partner-index .dropdown-menu {
        background-color: transparent;
        border: none;
    }

    .landing-index .dropdown-menu a, .partner-index .dropdown-menu a {
        color: #000000;
        font-weight: 600;
    }

    .landing-index .dropdown-menu a:hover, .partner-index .dropdown-menu a:hover {
        background-color: transparent;
        font-weight: 700;
    }

}

@media only screen and (min-width: 768px) and (max-width: 900px) {
    .expanded-header-content {
        width: 600px;
    }

    .landing-index .expanded-header-content {
        margin: 50px auto;
    }

    .partner-index .expanded-header-content {
        margin: 125px auto;
    }

    .expanded-header-content h1 {
        font-size: 28px;
    }

    .expanded-header-content p {
        font-size: 20px;
    }


    .category-icon-wrapper {
        width: 480px;
        height: auto;
        padding: 2rem;
    }

    .why-icon-wrapper {
        width: 480px;
        height: auto;
        padding: 2rem;
    }

    .why-content-box {
        width: 300px;
        height: 225px;
        padding-top: 6rem;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .why-icon {
        top: -20%;
    }

    .featured-grid-wrapper {
        padding: 0 1rem;
    }

    #site-dec1 {
        width: 532px;
        height: 900px;
        top: -4%;
        left: 20%;
    }

    #site-dec2 {
        width: 117px;
        height: 73px;
        top: 15%;
        left: -1%;
    }

    #site-dec3 {
        width: 117px;
        height: 73px;
        top: 60%;
        left: 85%;
    }

    #site-dec4 {
        display: none;
    }

    #site-dec5 {
        width: 351px;
        height: 275px;
        top: 79%;
        left: -5%;
    }

    #site-dec6 {
        width: 325px;
        height: 775px;
        top: 0;
        left: 60%;
    }

    #site-dec7 {
        width: 275px;
        height: 275px;
        top: 84%;
        left: 0;
    }

    .feat-favicon {
        margin-left: 10px;
        width: 10% !important;
    }

    /*Partner with Us Page starts*/
    .partner-form-wrapper {
        padding: 2rem;
    }
    /*Partner with Us ends*/

    /*About Us*/
    .about-details .expanded-header-wrapper {
        height: 400px;
    }

    .about-content-wrapper p {
        font-size: 24px;
        padding: 5rem 3rem 3rem 3rem;
    }
}

@media only screen and (min-width: 901px) {
    .category-grid-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .feat-favicon {
        margin-left: 10px;
        width: 12%;
    }

    /*About Us*/
    .about-details .expanded-header-wrapper {
        height: 480px;
    }

    .about-content-wrapper p {
        font-size: 28px;
        padding: 5rem 5rem;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1023px) {
    .why-content-box {
        width: 250px;
        height: 250px;
        padding-top: 6rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .why-icon {
        top: -20%;

    }

    .featured-image-box {
        width: 360px;
    }

    .featured-content-box {
        width: 380px;
        padding: 3rem 1.5rem;
    }

    #site-dec1 {
        width: 203px;
        height: 500px;
        top: -13%;
        left: 75%;
    }

    #site-dec2 {
        width: 88px;
        height: 54px;
        top: 10%;
        left: -1%;
    }

    #site-dec3 {
        width: 88px;
        height: 54px;
        top: 50%;
        left: 0;
    }

    #site-dec4 {
        width: 285px;
        height: 360px;
        top: 75%;
        left: -7%;
    }

    #site-dec5 {
        width: 351px;
        height: 275px;
        top: 44%;
        left: -4%;
    }
    #site-dec6 {
        width: 265px;
        height: 605px;
        top: -5%;
        left: 70%;
    }

    #site-dec7 {
        width: 275px;
        height: 275px;
        top: 73%;
        left: 0;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1199px){
    .category-grid-wrapper {
        padding: 2rem 2rem;
    }

    .category-icon-wrapper {
        width: 250px;
        height: 250px;
    }

    .why-grid-wrapper {
        padding: 2rem 2rem;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-areas:
        ". whytitle ."
        "why1 why2 why3";
    }

    .why-icon-wrapper {
        width: 250px;
    }

    .feat-box1 {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 10px;
        grid-template-areas:
        "featimage featcontent";
    }

    .feat-box2 {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 10px;
        grid-template-areas:
        "featcontent featimage";
    }

    .vendor-logo {
        display: block;
        width: 60%;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1024px) {
    .why-content-box {
        width: 300px;
        height: 250px;
        padding-top: 5rem;
    }

    .why-icon {
        top: -20%;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    #site-dec1 {
        width: 203px;
        height: 465px;
        top: -12%;
        left: 80%;
    }

    #site-dec2 {
        width: 97px;
        height: 60px;
        top: 10%;
        left: -1%;
    }

    #site-dec3 {
        width: 97px;
        height: 60px;
        top: 50%;
        left: -2%;
    }

    #site-dec4 {
        width: 351px;
        height: 422px;
        top: 70%;
        left: -5%;
    }

    #site-dec5 {
        width: 351px;
        height: 275px;
        top: 65%;
        left: -4%;
    }

    #site-dec6 {
        width: 180px;
        height: 500px;
        top: 15%;
        left: 82%;
    }

    #site-dec7 {
        width: 275px;
        height: 275px;
        top: 86%;
        left: -8%;
    }
}

@media only screen and (min-width: 1200px) {
    .why-grid-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 15px;
        grid-template-areas:
        "whytitle whytitle whytitle"
        "why1 why2 why3";
    }

    .why-icon-wrapper {
        width: 250px;
    }

    .feat-box1 {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 10px;
        grid-template-areas:
        "featimage featcontent";
    }

    .feat-box2 {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 10px;
        grid-template-areas:
        "featcontent featimage";
    }

    .vendor-logo {
        display: block;
        width: 75%;
        margin: 0 auto;
    }

    .feat-vertical h5 {
        font-size: 22px;
    }

    .feat-favicon {
        margin-left: 10px;
        width: 12%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1299px) {
    #site-dec1 {
        width: 253px;
        height: 481px;
        top: -12%;
        left: 79%;
    }

    #site-dec2 {
        width: 97px;
        height: 60px;
        top: 10%;
        left: -1%;
    }

    #site-dec3 {
        width: 97px;
        height: 60px;
        top: 45%;
        left: 0;
    }

    #site-dec4 {
        width: 351px;
        height: 422px;
        top: 70%;
        left: -20px
    }

    #site-dec5 {
        width: 351px;
        height: 275px;
        top: 48%;
        left: -4%;
    }

    #site-dec6 {
        width: 260px;
        height: 620px;
        top: 5%;
        left: 78%;
    }

    #site-dec7 {
        width: 275px;
        height: 275px;
        top: 71%;
        left: 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1349px) {
    .category-grid-wrapper {
        padding: 2rem 4rem;
    }
    .category-icon-wrapper {
        width: 250px;
        height: 250px;
    }

    .why-grid-wrapper {
        padding: 2rem 10rem;
    }
}

@media only screen and (min-width: 1300px) {

    .why-icon {
        width: 75%;
        top: -40%;
        left: 15%;
    }

    #site-dec1 {
        width: 262px;
        height: 500px;
        top: -12%;
        left: 80%;
    }

    #site-dec2 {
        width: 117px;
        height: 72px;
        top: 10%;
        left: -1%;
    }

    #site-dec3 {
        width: 117px;
        height: 72px;
        top: 50%;
        left: 0;
    }

    #site-dec4 {
        width: 372px;
        height: 447px;
        top: 65%;
        left: 0;
    }

    #site-dec5 {
        width: 371px;
        height: 273px;
        top: 48%;
        left: -4%;
    }

    #site-dec6 {
        width: 300px;
        height: 690px;
        top: 0;
        left: 80%;
    }

    #site-dec7 {
        width: 275px;
        height: 275px;
        top: 71%;
        left: 0;
    }

    /*About Us*/
    .about-details .expanded-header-wrapper {
        height: 540px;
    }

    .about-content-wrapper p {
        font-size: 28px;
        padding: 6rem 8rem;
    }
}

@media only screen and (min-width: 1350px) and (max-width: 1920px) {
    .category-grid-wrapper {
        padding: 2rem 13rem;
    }
    .category-icon-wrapper {
        width: 250px;
        height: 250px;
    }

    .why-grid-wrapper {
        padding: 2rem 15rem;
        grid-row-gap: 35px;
    }
}

@media only screen and (min-width: 1921px) {
    .category-icon-wrapper {
        width: 350px;
        height: 300px;
    }

    .service-category h5 {
        font-size: 20px;
        font-weight: 400;
    }

    .service-icon {
        width: 50%;
        padding-bottom: 20px;
    }

    .category-icon-wrapper h3 {
        font-size: 24px;
        font-weight: 800;
    }

    .why-icon {
        width: 100%;
        top: -25%;
        left: 5%;
    }

    .why-content-box {
        width: 500px;
        height: 350px;
        padding-top: 8rem;
        margin-left: 5rem;
        margin-right: 5rem;
        border-radius: 25px;
    }

    .why-content-box h3 {
        font-size: 24px;
        font-weight: 800;
    }

    .why-content-box p {
        font-size: 20px;
        font-weight: 400;
    }

    .featured-grid-wrapper {
        padding: 2rem 5rem;
    }

    .featured-grid-wrapper h2 {
        padding: 3rem 0;
    }

    .featured-content-box h4 {
        font-size: 24px;
        font-weight: 800;
    }

    .feat-vertical h5 {
        font-size: 28px;
        font-weight: 400;
        text-align: center;
    }

    .featured-content-box p, li {
        font-size: 24px;
        font-weight: 400;
        text-align: left;
    }

    .featured-image-box {
        width: 720px;
    }

    .featured-content-box {
        width: 720px;
        padding: 3rem 1rem;
    }
    .vendor-logo {
        width: 60%;
    }

    .feat-favicon {
        margin-left: 20px;
        width: 12%;
    }

    /*Partner with us start*/
    .field-input label {
        font-size: 28px;
    }

    .field-input input {
        height: 4rem;
    }

    .partner-submit {
        font-size: 28px;
        height: 4rem;
    }
    /*partner wtih us end*/

}

@media only screen and (min-width: 1921px) and (max-width: 2479px) {
    .why-grid-wrapper {
        padding: 2rem 18rem;
        grid-row-gap: 35px;
    }
}


@media only screen and (min-width: 1921px) and (max-width: 2159px) {
    .category-grid-wrapper {
        padding: 2rem 15rem;
    }
}

@media only screen and (min-width: 2160px) and (max-width: 2479px) {
    .category-grid-wrapper {
        padding: 2rem 18rem;
    }
}

@media only screen and (min-width: 2480px) {
    .expanded-header-content {
        width: 720px;
        height: auto;
        margin: 175px auto;
    }

    .expanded-header-content h1 {
        font-size: 44px;
    }

    .expanded-header-content p {
        font-size: 20px;
    }

    .service-icon {
        width: 55%;
        padding-bottom: 44px;
    }

    .category-grid-wrapper {
        padding: 2rem 20rem;
    }

    .category-icon-wrapper {
        margin: 2rem 1rem;
    }

    .why-grid-wrapper {
        padding: 2rem 25rem;
    }
}