/* ===== Product Bundle page CSS last modified by NK on 23-05-2023 at 18:49 Hours ===== */

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

/* Core and Common/Misc. CSS starts below :- */

* {
    font-family: "Montserrat", sans-serif;
}

html {
    scroll-behavior: smooth;
}

div#content {
    overflow-x: clip;
}

.top-bar {
    display: none;
}

.navbar {
    display: none;
}

.footer-wrapper {
    display: none;
}

.container-fluid {
    padding: 0;
}

span.display-block {
    display: block;
}

a.custom-hover-animation {
    display: inline-block !important;
    position: relative !important;
}

a.custom-hover-animation:hover {
    text-decoration: none !important;
    color: #1e8999 !important;
    transition: all 0.3s ease-in-out !important;
}

a.custom-hover-animation:after {
    content: "" !important;
    position: absolute !important;
    width: 100% !important;
    transform: scaleX(0) !important;
    height: 3px !important;
    bottom: -5px !important;
    left: 0 !important;
    background-color: #1e8999 !important;
    transform-origin: bottom right !important;
    transition: transform 0.5s ease-out !important;
}

a.custom-hover-animation:hover:after {
    transform: scaleX(1) !important;
    transform-origin: bottom left !important;
}

#scrollToTopButton {
    background-color: #e0edf0;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 6em;
    right: 2em;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    display: inline-block;
}

#scrollToTopButton::after {
    content: "\f106";
    font-family: FontAwesome;
    font-weight: 600;
    font-style: normal;
    font-size: 1.5em;
    line-height: 1.8;
    color: #202124;
}

#scrollToTopButton:hover {
    cursor: pointer;
    background-color: #1e8999;
    text-decoration: none;
}

#scrollToTopButton:hover:after {
    color: #fff;
}

#scrollToTopButton:active,
#scrollToTopButton:focus {
    background-color: #e0edf0;
}

#scrollToTopButton.show {
    opacity: 1;
    visibility: visible;
}

sub {
    font-size: 15px;
    color: #000000ad;
}

.startedPrice {
    vertical-align: middle;
    font-size: 15px;
    color: #202124;
    font-weight: 500;
}

/* New banner and header section CSS starts below :- */

section.banner-and-header {
    margin-bottom: 3em;
}

section.banner-and-header .banner-bg-wrapper {
    position: relative;
    height: 62em;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("https://storage.googleapis.com/infiflexnew.appspot.com/new-banner-infiflex_home.png");
}

section.banner-and-header article.custom-navbar {
    display: grid;
    background: transparent;
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    border-bottom: 1px solid #5e6162;
    padding: 1em 5.8em;
}

article.custom-navbar.scrolled {
    background-color: #fff !important;
}

article.custom-navbar .infiflex-logo-wrapper {
    grid-column-start: 1;
}

section.banner-and-header article.custom-navbar .infiflex-logo-wrapper img.infiflex-logo {
    width: 15em;
}

section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper {
    display: grid;
    align-items: center;
    column-gap: 3em;
    justify-content: end;
    grid-column-start: 2;
}

section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper .call-button-wrapper i {
    color: #1e8999;
    margin-right: 0.5em;
    font-size: 1.4em;
}

section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper .call-button-wrapper a {
    color: #5e6162;
    font-weight: 500;
    bottom: 3px;
    text-decoration: none;
}

section.banner-and-header .banner-bg-wrapper article.banner-text-content {
    left: 6em;
    top: 7em;
    position: relative;
    margin-top: 0;
    width: 65%;
}

section.banner-and-header article.banner-text-content p {
    color: #5e6162;
    margin-bottom: 0.5em;
    line-height: 1.6;
    font-size: 1.7em;
    letter-spacing: -0.3px;
}

section.banner-and-header article.banner-text-content p.banner-note {
    text-transform: capitalize;
    font-size: 1.8em;
    letter-spacing: 0.3px;
    font-weight: 700;
    position: relative;
}

section.banner-and-header article.banner-text-content .digital-line-banner {
    width: 7%;
    height: 4px;
    margin: 0.5em 0 1em 0;
    background-color: #1e8999;
    position: relative;
}

section.banner-and-header article.banner-text-content h1.banner-text-main-heading {
    font-weight: 700;
    font-size: 4em;
    letter-spacing: -1.8px;
    width: 80%;
    color: #252525;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

section.banner-and-header article.banner-text-content h1.banner-text-main-heading .banner-span {
    font-weight: 400;
    letter-spacing: -1.5px;
    display: block;
    color: #1e8999;
}

section.banner-and-header article.banner-text-content ul.banner-points {
    list-style: none;
    width: 80%;
    padding-left: 1.9em;
    margin-bottom: 3.5em;
}

section.banner-and-header article.banner-text-content ul.banner-points i {
    font-size: 0.8em;
    color: #1e8999;
    right: 1.85em;
    position: relative;
    top: 1.9em;
}

section.banner-and-header article.banner-text-content ul.banner-points li {
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: -1em;
}

section.banner-and-header article.banner-text-content button.banner-button {
    background-color: #1e8999;
    color: #fff;
    padding: 0.8em 1.6em;
    font-size: 1.2em;
    letter-spacing: 0.6px;
    font-weight: 600;
    width: 15vw;
    text-transform: uppercase;
    border-radius: 4px;
    border: none;
}

/* About Iniflex StartPro section CSS starts below :- */

section.about-infiflex-startpro {
    padding: 30px 0;
}

section.about-infiflex-startpro .section-main-content {
    position: relative;
    background: #fff;
}

section.about-infiflex-startpro .section-main-content p.sub-header::before {
    content: "";
    width: 7%;
    height: 4px;
    background: #7dce82 0% 0% no-repeat padding-box;
    position: absolute;
    text-align: center;
    top: -15px;
    left: 46%;
}

section.about-infiflex-startpro .section-main-content p.sub-header {
    text-transform: capitalize;
    font-size: 1.5em;
    color: #202124;
    font-weight: 400;
    margin: 0;
}

section.about-infiflex-startpro .section-main-content h2.main-header {
    text-transform: capitalize;
    font-size: 3em;
    color: #4d4d4d;
    font-weight: 700;
    margin: 3rem 0;
    letter-spacing: -1.5px;
}

section.about-infiflex-startpro .section-main-content span {
    color: #7dce82;
}

section.about-infiflex-startpro .section-main-content p.main-para {
    font-size: 1.2em;
    letter-spacing: 0.3px;
}

/* Why partner with Infiflex section CSS starts here :- */

section.startpro-features {
    margin: 3em 0;
}

section.startpro-features article.background-wrapper {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 90vh;
    width: 100%;
}

section.startpro-features .upper article.background-wrapper {
    background-image: url("https://storage.googleapis.com/infiflexnew.appspot.com/new-banner-giffy.png");
}

section.startpro-features .lower article.background-wrapper {
    background-image: url("https://storage.googleapis.com/infiflexnew.appspot.com/new-banner-chekin.png");
}

section.startpro-features article.text-content {
    position: relative;
    top: 4em;
}

section.startpro-features .upper article.text-content {
    width: 90%;
}

section.startpro-features .lower article.text-content {
    position: relative;
    width: 90%;
    left: 6em;
    width: 85%;
}

section.startpro-features article.text-content h3.colored-heading {
    color: #7dce82;
    font-weight: 600;
    font-size: 2em;
    letter-spacing: -0.5px;
    margin-top: 0;
}

section.startpro-features article.text-content p {
    font-size: 1.15em;
    font-weight: 500;
    margin-top: 0;
    line-height: 1.5;
    letter-spacing: -0.2px;
    margin-bottom: 2.5em;
}

section.startpro-features .green-bg-wrapper {
    height: 30em;
    background: #7dce82 0% 0% no-repeat padding-box;
    position: relative;
}

section.startpro-features .upper .green-bg-wrapper,
section.startpro-features .lower .green-bg-wrapper {
    width: 40vw;
}

section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper {
    position: relative;
    top: 4em;
    left: 16em;
}

section.startpro-features .lower .green-bg-wrapper article.startpro-features-img-wrapper {
    position: relative;
    top: 4em;
    right: 5em;
}

section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper img {
    width: 70%;
}

section.startpro-features .lower .green-bg-wrapper article.startpro-features-img-wrapper img {
    width: 55%;
}

/* Prices and packages section CSS starts below :- */

section.prices {
    padding: 2em 0;
    margin: 1em 0;
    background-image: url("https://storage.googleapis.com/infiflexnew.appspot.com/new-banner-infiflex_home.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

section.prices h2.main-header::before {
    content: "";
    width: 7%;
    height: 4px;
    background: #1e8999 0% 0% no-repeat padding-box;
    position: absolute;
    text-align: center;
    top: -15px;
    left: 46%;
}

section.prices h2.main-header {
    text-transform: capitalize;
    font-size: 5rem;
    color: #1e8999;
    font-weight: 700;
    margin: 1rem 0 4rem 0;
    letter-spacing: -1.5px;
}

section.prices .main-section {
    position: relative;
    margin-bottom: 2.5em;
}

section.prices .price-card-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

section.prices .price-card-wrapper article.price-cards {
    border-top: 1em solid #1e8999;
    border-radius: 1rem;
    padding: 2.5em;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgb(60 64 67 / 5%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    transition: ease-in-out 0.3s;
    width: 25vw;
    height: auto;
    padding-bottom: 1em;
}

article.price-cards h2.price-headers {
    font-size: 4rem;
    letter-spacing: -0.5px;
    font-weight: 700;
    color: #1e8999;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #333333;
    position: relative;
    margin: 0;
    text-align: center;
    bottom: 1.5rem;
}

article.price-cards p.info-summary {
    font-size: 1.4rem;
    color: #5e6162;
    letter-spacing: 0.1px;
    line-height: 1.3;
    text-align: center;
    margin: 1rem 0 0 0;
}

article.price-cards ul.what-you-get-list {
    list-style: none;
    padding: 0;
    margin: 3em 0 0 0;
}

article.price-cards ul.first-price-card-features-list {
    /* ADD CSS if required */
}

article.price-cards ul.edit-positioning-of-list {
    margin-top: 1.75em;
}

ul.what-you-get-list li {
    margin-left: 3.5em;
    margin-bottom: 0;
    position: relative;
    color: #202124;
    font-weight: 500;
    font-size: 0.85em;
    bottom: 2em;
}

ul.what-you-get-list span.check-mark-bg-wrapper {
    background-color: #e0edf0;
    padding: 4px;
    width: 2.8rem;
    display: block;
    position: relative;
    border-radius: 50%;
}

ul.what-you-get-list span.check-mark-bg-wrapper ion-icon {
    color: #1e8999;
    position: relative;
    font-size: 1.5rem;
    top: 3px;
    left: 2px;
}

article.price-cards h3.price-highlighted {
    font-size: 3em;
    color: #1e8999;
    font-weight: 700;
    letter-spacing: -0.5px;
    text-align: center;
    margin: 0;
}

article.price-cards h3.price-highlighted span.currency-symbol {
    font-size: 2rem !important;
    color: #5e6162;
    font-weight: 700;
    text-align: center;
    position: relative;
    bottom: 1.4rem;
    left: 1rem;
}

article.price-cards p.important-note {
    font-size: 1.2rem;
    font-weight: 500;
    color: #202124;
    letter-spacing: -0.1px;
    line-height: 1.3;
    text-align: center;
    margin: 1.3em 0;
}

article.price-cards button.buy-package {
    text-transform: uppercase;
    color: #fff;
    background-color: #1e8999;
    font-size: 1.75rem;
    letter-spacing: 0.3px;
    text-align: center;
    border-radius: 6px;
    border: none;
    padding: 1.2rem;
    font-weight: 500;
    top: 2em;
    width: 20vw;
    position: relative;
    z-index: 50;
}

section.prices .bottom-row p.bottom-info::before {
    content: "";
    width: 7%;
    height: 4px;
    background: #1e8999 0% 0% no-repeat padding-box;
    position: absolute;
    text-align: center;
    top: -15px;
    left: 46%;
}

section.prices .bottom-row p.bottom-info {
    text-transform: capitalize;
    font-size: 1.6rem;
    color: #202124;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0;
}

section.prices .bottom-row button.request-quote {
    text-transform: uppercase;
    color: #fff;
    background-color: #1e8999;
    font-size: 1.75rem;
    text-align: center;
    margin: 1.5em 0;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 1.2rem;
    border-radius: 6px;
    width: 20vw;
    border: none;
}

/* Testimonials CSS section starts below :- */

section.testimonials {
    margin: 2em 0;
    padding-top: 2em;
}

section.testimonials article.heading-colored-wrapper {
    position: relative;
    background-color: #e6c946;
    padding: 3em;
    height: 80vh;
    width: 30vw;
    left: 1em;
}

section.testimonials article.heading-colored-wrapper h2 {
    color: #202124;
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: -0.7px;
    text-align: left;
    margin: 0;
    padding-top: 1.5rem;
}

article.heading-colored-wrapper h2:before {
    content: "";
    width: 15%;
    height: 5px;
    background: #202124 0% 0% no-repeat padding-box;
    position: absolute;
    text-align: left;
    top: 4rem;
}

section.testimonials article.main-carousel-content {
    z-index: 100;
    position: relative;
    bottom: 25em;
    left: 6em;
}

section.testimonials article.main-carousel-content #testimonialOwlCarousel .owl-items-container {
    padding: 1em 0;
    display: flex;
    gap: 2em;
    flex-direction: row;
}

.owl-items-container .testimonial-card-wrapper {
    background-color: #fff;
    padding: 3em 2em;
    box-shadow: 0 1px 3px 0 rgb(60 64 67 / 5%), 0 4px 8px 3px rgb(60 64 67 / 15%);
}

.testimonial-card-wrapper h3.card-title {
    color: #1e8999;
    font-weight: 600;
    letter-spacing: -0.5px;
    font-size: 1.75em;
    margin: 0;
    text-align: center;
}

.testimonial-card-wrapper h5.company-name {
    color: #1e8999;
    font-weight: 500;
    letter-spacing: 0px;
    font-size: 1.2em;
    margin: 1em 0;
    text-align: center;
}

.testimonial-card-wrapper p.actual-testimonial-text {
    color: #5e6162;
    font-size: 1.3rem;
    line-height: 1.6;
    letter-spacing: 0;
    text-align: center;
    margin: 0;
    padding-top: 1em;
    border-top: 1px solid #202124;
}

/* New FAQ design section CSS starts below :- */

section.faqs {
    background: url("https://storage.googleapis.com/infiflexnew.appspot.com/new-banner-aws.png");
    padding: 4em 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: -20em;
}

section.faqs .upper-row {
    position: relative;
    bottom: 13em;
}

section.faqs .upper-row h3 {
    text-transform: capitalize;
    font-size: 5rem;
    color: #1e8999;
    font-weight: 700;
    margin: 1rem 0 4rem 0;
    letter-spacing: -1.5px;
}

section.faqs .upper-row h3::before {
    content: "";
    width: 7%;
    height: 4px;
    background: #1e8999 0% 0% no-repeat padding-box;
    position: absolute;
    text-align: center;
    top: -15px;
    left: 46%;
}

section.faqs .lower-row .wrap {
    /* box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
        0px 3px 1px -2px rgba(0, 0, 0, 0.2),
        0px 1px 5px 0px rgba(0, 0, 0, 0.12); */
    border-radius: 4px;
    margin-top: -13em;
}

section.faqs a:focus,
section.faqs a:hover,
section.faqs a:active {
    outline: 0;
    text-decoration: none;
}

section.faqs .lower-row .panel {
    border-bottom: 1px solid #9e9e9e;
    border: none;
}

section.faqs .lower-row .panel:last-child {
    border-bottom: none;
}

section.faqs .lower-row .panel-group>.panel:first-child .panel-heading {
    border-radius: 6px;
}

section.faqs .lower-row .panel-group .panel {
    /* margin-bottom: 3em; */
    margin-top: 0;
    box-shadow: 0 1px 3px 0 rgb(60 64 67 / 5%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    border: 1px solid #f3f3f3;
    border-radius: 0px;
}

section.faqs .panel-group .panel+.panel {
    margin-top: 0;
    box-shadow: 0 1px 3px 0 rgb(60 64 67 / 5%), 0 4px 8px 3px rgb(60 64 67 / 15%);
}

section.faqs .lower-row .panel .panel-heading {
    background-color: #ffffff;
    border: none;
    padding: 0;
    border-radius: 1em;
}

section.faqs h4.panel-title a {
    display: block;
    color: #1e8999;
    padding: 30px 15px;
    position: relative;
    font-size: 1.2em;
    letter-spacing: 0.3px;
    font-weight: 500;
}

section.faqs .lower-row .panel .panel-body {
    font-weight: 500;
    font-size: 1em;
    background: #fff;
    padding: 20px 15px;
    border-radius: 6px;
}

section.faqs .panel:last-child .panel-body {
    border-radius: 1em;
}

section.faqs .panel:last-child .panel-heading {
    border-radius: 1em;
    transition: border-radius 0.3s linear 0.2s;
}

section.faqs .panel:last-child .panel-heading.active {
    border-radius: 1em;
    transition: border-radius linear 0s;
}

section.faqs .panel-heading a:before {
    content: "\e316";
    font-size: 30px;
    position: absolute;
    font-family: "Material Icons";
    right: 20px;
    top: 20px;
    transform: rotate(180deg);
    transition: all 0.5s;
}

section.faqs .panel-heading.active a:before {
    content: " ";
    transition: all 0.5s;
    transform: scale(0);
}

section.faqs #bs-collapse .panel-heading a:after {
    content: " ";
    font-size: 30px;
    position: absolute;
    font-family: "Material Icons";
    right: 20px;
    top: 20px;
    transform: scale(0);
    transition: all 0.5s;
}

section.faqs #bs-collapse .panel-heading.active a:after {
    content: "\e909";
    transform: scale(1);
    transition: all 0.5s;
}

section.faqs #accordion .panel-heading a:before {
    content: "\e316";
    font-size: 30px;
    position: absolute;
    font-family: "Material Icons";
    right: 20px;
    top: 20px;
    transform: rotate(180deg);
    transition: all 0.5s;
}

section.faqs #accordion .panel-heading.active a:before {
    transform: rotate(0deg);
    transition: all 0.5s;
}

/* New Footer Design section CSS starts below :- */
section.new-footer-design {
    padding: 4em 6em 2em 6em;
    background: #333333;
    color: #9d9d9d;
}

section.new-footer-design .left-column article.infiflex-logo-wrapper-and-copyright-text {
    /* Add CSS if required */
}

section.new-footer-design .left-column article.infiflex-logo-wrapper-and-copyright-text img {
    /* Add CSS if required */
}

section.new-footer-design .left-column article.infiflex-logo-wrapper-and-copyright-text p {
    font-size: 1em;
    letter-spacing: 0;
    text-align: center;
    font-weight: 500;
    color: #9d9d9d;
    position: relative;
    top: 4em;
}

section.new-footer-design .center-column article.large-icon-links .large-icon-wrapper {
    display: grid;
    justify-content: center;
    column-gap: 2.5em;
    padding: 0;
}

section.new-footer-design .center-column article.large-icon-links .large-icon-wrapper a:nth-child(1) {
    grid-column-start: 1;
}

section.new-footer-design .center-column article.large-icon-links .large-icon-wrapper a:nth-child(2) {
    grid-column-start: 2;
}

section.new-footer-design .center-column article.large-icon-links .large-icon-wrapper a:nth-child(3) {
    grid-column-start: 3;
}

section.new-footer-design .center-column article.large-icon-links .large-icon-wrapper a:nth-child(4) {
    grid-column-start: 4;
}

section.new-footer-design .center-column article.large-icon-links .large-icon-wrapper a {
    background-color: #9d9d9d;
    width: 4.5em;
    border-radius: 50%;
    padding: 10px;
    text-decoration: none;
    transition: ease-in-out 0.25s;
}

section.new-footer-design .center-column article.large-icon-links .large-icon-wrapper a:hover {
    background-color: #1e8999;
    transform: scale(1.1);
}

section.new-footer-design .center-column article.large-icon-links .large-icon-wrapper a:hover ion-icon {
    color: #fff;
}

section.new-footer-design .center-column article.large-icon-links .large-icon-wrapper ion-icon {
    font-size: 2.5em;
    color: #333333;
    position: relative;
    transition: ease-in-out 0.25s;
    top: 3px;
    left: 4px;
}

section.new-footer-design .center-column article.large-icon-links ul.terms-and-conditions-links {
    list-style: none;
    display: grid;
    justify-content: center;
    padding: 0;
    position: relative;
    margin: 0;
    column-gap: 3em;
    top: 5em;
}

ul.terms-and-conditions-links li:nth-child(1) {
    grid-column-start: 1;
}

ul.terms-and-conditions-links li:nth-child(2) {
    grid-column-start: 2;
}

ul.terms-and-conditions-links li a {
    text-decoration: none;
    font-size: 1.2em;
    letter-spacing: 0.2px;
    color: #9d9d9d;
    font-weight: 500;
}

section.new-footer-design .right-column article.address-and-other-text h4 {
    text-transform: capitalize;
    font-size: 3em;
    font-weight: 600;
    letter-spacing: 0.5px;
    position: relative;
    bottom: 10px;
}

section.new-footer-design .right-column article.address-and-other-text ul.address-phone-email-lists {
    list-style: none;
    padding: 0;
    position: relative;
    bottom: 1em;
    margin: 0;
}

ul.address-phone-email-lists ion-icon {
    font-size: 1.75em;
    color: #1e8999;
    position: relative;
    transition: ease-in-out 0.25s;
    top: 1em;
}

ul.address-phone-email-lists a.map-location {
    transition: ease-in-out 0.3s;
    text-decoration: none;
}

a.map-location ion-icon {
    top: 1.2em;
    font-size: 2em;
}

ul.address-phone-email-lists a.map-location:hover ion-icon {
    color: #fff;
    transform: scale(1.2);
}

ul.address-phone-email-lists li {
    margin-left: 3.5em;
    font-size: 1em;
    letter-spacing: 0.3px;
    font-weight: 500;
    color: #9d9d9d;
    position: relative;
    bottom: 3px;
}

ul.address-phone-email-lists li a {
    text-decoration: none;
    color: #9d9d9d;
}

.modal-header .close {
    margin-top: -30px;
}

.modal .form-control {
    border: none;
    box-shadow: none;
    border-bottom: 1.5px solid #1e8999;
}

.modal .btn {
    background: #1e8999;
}

@media only screen and (min-width: 1600px) {
    .container {
        width: 90vw !important;
    }

    section.faqs .panel-body {
        font-size: 1.2em;
    }

    section.faqs .panel-title a {
        font-size: 1.3em;
        font-weight: 600;
    }
}

/* For 4K UHD screen sizes */
@media only screen and (min-width: 2560px) {
    section.banner-and-header article.custom-navbar .infiflex-logo-wrapper img.infiflex-logo {
        width: 25em;
    }

    section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper {
        gap: 6em;
    }

    section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper .call-button-wrapper a {
        bottom: 8px;
        font-size: 2rem;
    }

    section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper .call-button-wrapper i {
        margin-right: 0.5em;
        font-size: 3em;
    }

    a.custom-hover-animation:after {
        height: 5px !important;
        bottom: -10px !important;
    }

    section.banner-and-header .banner-bg-wrapper {
        height: 75vh;
        height: 150vh;
    }

    section.banner-and-header .banner-bg-wrapper article.banner-text-content {
        top: 11em;
    }

    section.banner-and-header article.banner-text-content p.banner-note {
        font-size: 3em;
    }

    section.banner-and-header article.banner-text-content .digital-line-banner {
        width: 8%;
        height: 6px;
        margin: 1.5em 0 3em 0;
    }

    section.banner-and-header article.banner-text-content h1.banner-text-main-heading {
        font-size: 6em;
        letter-spacing: -1.5px;
        margin: 0.5em 0;
    }

    section.banner-and-header article.banner-text-content h1.banner-text-main-heading .banner-span {
        letter-spacing: -2px;
    }

    section.banner-and-header article.banner-text-content p {
        line-height: 1.3;
        font-size: 3em;
    }

    section.banner-and-header article.banner-text-content ul.banner-points i {
        font-size: 1.5em;
        top: 1.4em;
        right: 1.3em;
    }

    section.banner-and-header article.banner-text-content ul.banner-points li {
        font-size: 1.7em;
        margin-bottom: -0.5em;
        margin-left: 0.75em;
    }

    section.banner-and-header article.banner-text-content button.banner-button {
        font-size: 2em;
        width: 20vw;
    }

    section.about-infiflex-startpro {
        padding: 5em 0;
    }

    section.about-infiflex-startpro .section-main-content p.sub-header {
        font-size: 2.5em;
    }

    section.about-infiflex-startpro .section-main-content p.sub-header::before {
        width: 8%;
        height: 6px;
        top: -20px;
    }

    section.about-infiflex-startpro .section-main-content h2.main-header {
        font-size: 5em;
        margin: 5rem 0;
        letter-spacing: -1.3px;
    }

    section.about-infiflex-startpro .section-main-content p.main-para {
        font-size: 1.8em;
        margin-top: 2em;
    }

    section.startpro-features article.background-wrapper {
        height: 50vh;
    }

    section.startpro-features .green-bg-wrapper {
        height: 40em;
    }

    section.startpro-features .upper .green-bg-wrapper {
        width: 35vw;
    }

    section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper {
        left: 40em;
    }

    section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper img {
        width: auto;
    }

    section.startpro-features article.text-content h3.colored-heading {
        font-size: 3em;
    }

    section.startpro-features article.text-content p {
        font-size: 1.6em;
        margin-top: 1em;
        letter-spacing: 0.1px;
        margin-bottom: 3em;
    }

    section.startpro-features .lower .green-bg-wrapper article.startpro-features-img-wrapper {
        top: 5em;
        right: 10em;
    }

    section.startpro-features .lower .green-bg-wrapper article.startpro-features-img-wrapper img {
        width: 40%;
    }

    section.prices {
        padding: 4em 0;
    }

    section.prices h2.main-header {
        font-size: 5em;
        margin: 1.5rem 0 1.3em 0;
    }

    section.prices h2.main-header::before {
        width: 8%;
        height: 6px;
    }

    section.prices .price-card-wrapper {
        justify-content: space-around;
    }

    article.price-cards h2.price-headers {
        font-size: 5rem;
        padding-bottom: 2.5rem;
    }

    article.price-cards p.info-summary {
        font-size: 1.5em;
    }

    ul.what-you-get-list span.check-mark-bg-wrapper {
        width: 4rem;
        top: 1.1em;
    }

    ul.what-you-get-list span.check-mark-bg-wrapper ion-icon {
        font-size: 2.7rem;
        top: 2px;
        left: 3px;
    }

    ul.what-you-get-list li {
        margin-left: 6.5rem;
        font-size: 2rem;
        bottom: 1em;
    }

    section.prices .price-card-wrapper article.price-cards {
        padding: 3em;
        height: auto;
        padding-bottom: 1em;
    }

    article.price-cards ul.edit-positioning-of-list {
        margin-top: 3.2em;
    }

    article.price-cards h3.price-highlighted {
        font-size: 5em;
        margin-top: 1.5rem;
    }

    article.price-cards h3.price-highlighted span.currency-symbol {
        font-size: 3rem !important;
        bottom: 2.5rem;
    }

    article.price-cards p.important-note {
        font-size: 1.3em;
        letter-spacing: 0.1px;
        line-height: 1.4;
    }

    article.price-cards button.buy-package {
        font-size: 2em;
    }

    section.prices .bottom-row p.bottom-info {
        font-size: 1.8em;
    }

    section.prices .bottom-row p.bottom-info::before {
        width: 8%;
        height: 6px;
        top: -25px;
    }

    section.prices .bottom-row button.request-quote {
        font-size: 2em;
        width: 18vw;
    }

    section.testimonials article.heading-colored-wrapper {
        padding: 5em;
        height: 50vh;
    }

    section.testimonials article.main-carousel-content {
        bottom: 35em;
    }

    section.testimonials article.heading-colored-wrapper h2 {
        font-size: 4em;
    }

    article.heading-colored-wrapper h2::before {
        width: 20%;
        height: 7px;
        top: 6rem;
    }

    .owl-items-container .testimonial-card-wrapper {
        padding: 4em;
    }

    section.faqs h4.panel-title a {
        padding: 1em;
        font-size: 2em;
        letter-spacing: -0.3px;
    }

    section.faqs #accordion .panel-heading a::before {
        font-size: 1.5em;
    }

    section.faqs .lower-row .panel .panel-body {
        font-size: 1.5em;
        padding: 1.5em;
        letter-spacing: 0.3px;
        line-height: 1.6;
    }

    section.new-footer-design .left-column article.infiflex-logo-wrapper-and-copyright-text p {
        font-size: 1.5em;
        top: 3em;
    }

    section.new-footer-design .center-column article.large-icon-links ul.terms-and-conditions-links {
        top: 8em;
    }

    ul.terms-and-conditions-links li a {
        text-decoration: none;
        font-size: 1.5em;
        letter-spacing: 0.2px;
        color: #9d9d9d;
        font-weight: 500;
    }

    ul.address-phone-email-lists li {
        margin-left: 3em;
        font-size: 1.5em;
    }

    a.map-location ion-icon {
        font-size: 3em;
        right: 5px;
    }

    ul.address-phone-email-lists ion-icon {
        font-size: 2.2em;
    }

    ul.address-phone-email-lists li span.display-block {
        display: inline;
    }
}

/* For 2K, QHD screen size */
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
    section.banner-and-header article.custom-navbar .infiflex-logo-wrapper img.infiflex-logo {
        width: 25em;
    }

    section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper {
        gap: 6em;
    }

    section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper .call-button-wrapper a {
        bottom: 8px;
        font-size: 2rem;
    }

    section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper .call-button-wrapper i {
        margin-right: 0.5em;
        font-size: 3em;
    }

    a.custom-hover-animation:after {
        height: 5px !important;
        bottom: -10px !important;
    }

    section.banner-and-header .banner-bg-wrapper {
        height: 75vh;
        height: 160vh;
    }

    section.banner-and-header .banner-bg-wrapper article.banner-text-content {
        top: 11em;
    }

    section.banner-and-header article.banner-text-content p.banner-note {
        font-size: 3em;
    }

    section.banner-and-header article.banner-text-content .digital-line-banner {
        width: 8%;
        height: 6px;
        margin: 1.5em 0 3em 0;
    }

    section.banner-and-header article.banner-text-content h1.banner-text-main-heading {
        font-size: 6em;
        letter-spacing: -1.5px;
        margin: 0.5em 0;
    }

    section.banner-and-header article.banner-text-content h1.banner-text-main-heading .banner-span {
        letter-spacing: -2px;
    }

    section.banner-and-header article.banner-text-content p {
        line-height: 1.3;
        font-size: 3em;
    }

    section.banner-and-header article.banner-text-content ul.banner-points i {
        font-size: 1.5em;
        top: 1.4em;
        right: 1.3em;
    }

    section.banner-and-header article.banner-text-content ul.banner-points li {
        font-size: 1.7em;
        margin-bottom: -0.5em;
        margin-left: 0.75em;
    }

    section.banner-and-header article.banner-text-content button.banner-button {
        font-size: 2em;
        width: 20vw;
    }

    section.about-infiflex-startpro {
        padding: 5em 0;
    }

    section.about-infiflex-startpro .section-main-content p.sub-header {
        font-size: 2.5em;
    }

    section.about-infiflex-startpro .section-main-content p.sub-header::before {
        width: 8%;
        height: 6px;
        top: -20px;
    }

    section.about-infiflex-startpro .section-main-content h2.main-header {
        font-size: 5em;
        margin: 5rem 0;
        letter-spacing: -1.3px;
    }

    section.about-infiflex-startpro .section-main-content p.main-para {
        font-size: 1.8em;
        margin-top: 2em;
    }

    section.startpro-features article.background-wrapper {
        height: 52em;
    }

    section.startpro-features .upper .green-bg-wrapper {
        width: 30vw;
        height: 33em;
    }

    section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper {
        left: 22em;
        top: 5em;
    }

    section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper img {
        width: 65%;
    }

    section.startpro-features article.text-content h3.colored-heading {
        font-size: 3em;
    }

    section.startpro-features article.text-content p {
        font-size: 1.6em;
        margin-top: 1em;
        letter-spacing: 0.1px;
        margin-bottom: 3em;
    }

    section.startpro-features .lower .green-bg-wrapper {
        width: 37vw;
        height: 33em;
        left: 8em;
    }

    section.startpro-features .lower .green-bg-wrapper article.startpro-features-img-wrapper {
        top: 4em;
        right: 5em;
    }

    section.startpro-features .lower .green-bg-wrapper article.startpro-features-img-wrapper img {
        width: 45%;
    }

    section.prices {
        padding: 4em 0;
    }

    section.prices h2.main-header {
        font-size: 5em;
        margin: 1.5rem 0 1.3em 0;
    }

    section.prices h2.main-header::before {
        width: 8%;
        height: 6px;
    }

    section.prices .price-card-wrapper {
        justify-content: space-around;
    }

    article.price-cards h2.price-headers {
        font-size: 5rem;
        padding-bottom: 2.5rem;
    }

    article.price-cards p.info-summary {
        font-size: 1.5em;
    }

    ul.what-you-get-list span.check-mark-bg-wrapper {
        width: 4rem;
        top: 1.1em;
    }

    ul.what-you-get-list span.check-mark-bg-wrapper ion-icon {
        font-size: 2.7rem;
        top: 2px;
        left: 3px;
    }

    ul.what-you-get-list li {
        margin-left: 6.5rem;
        font-size: 2rem;
        bottom: 1em;
    }

    section.prices .price-card-wrapper article.price-cards {
        padding: 3em;
        height: auto;
        padding-bottom: 1em;
    }

    article.price-cards ul.what-you-get-list {
        margin-top: 2.5em;
    }

    /* article.price-cards ul.edit-positioning-of-list {
        margin-top: 3.2em;
    } */

    article.price-cards ul.first-price-card-features-list {
        margin-top: 4.5em;
    }

    article.price-cards h3.price-highlighted {
        font-size: 5em;
        margin-top: 1.5rem;
    }

    article.price-cards h3.price-highlighted span.currency-symbol {
        font-size: 3rem !important;
        bottom: 2.5rem;
    }

    article.price-cards p.important-note {
        font-size: 1.3em;
        letter-spacing: 0.1px;
        line-height: 1.4;
    }

    article.price-cards button.buy-package {
        font-size: 2em;
    }

    section.prices .bottom-row p.bottom-info {
        font-size: 1.8em;
    }

    section.prices .bottom-row p.bottom-info::before {
        width: 8%;
        height: 6px;
        top: -25px;
    }

    section.prices .bottom-row button.request-quote {
        font-size: 2em;
        width: 18vw;
    }

    section.testimonials article.heading-colored-wrapper {
        padding: 5em;
        height: 45em;
    }

    section.testimonials article.main-carousel-content {
        bottom: 27em;
        left: 1em;
    }

    section.testimonials article.heading-colored-wrapper h2 {
        font-size: 4em;
    }

    article.heading-colored-wrapper h2::before {
        width: 20%;
        height: 7px;
        top: 6rem;
    }

    .owl-items-container .testimonial-card-wrapper {
        padding: 4em;
    }

    section.faqs h4.panel-title a {
        padding: 1em;
        font-size: 2em;
        letter-spacing: -0.3px;
    }

    section.faqs #accordion .panel-heading a::before {
        font-size: 1.5em;
    }

    section.faqs .lower-row .panel .panel-body {
        font-size: 1.5em;
        padding: 1.5em;
        letter-spacing: 0.3px;
        line-height: 1.6;
    }

    section.new-footer-design .left-column article.infiflex-logo-wrapper-and-copyright-text p {
        font-size: 1.5em;
        top: 3em;
    }

    section.new-footer-design .center-column article.large-icon-links ul.terms-and-conditions-links {
        top: 8em;
    }

    ul.terms-and-conditions-links li a {
        text-decoration: none;
        font-size: 1.5em;
        letter-spacing: 0.2px;
        color: #9d9d9d;
        font-weight: 500;
    }

    ul.address-phone-email-lists li {
        margin-left: 3em;
        font-size: 1.5em;
    }

    a.map-location ion-icon {
        font-size: 3em;
        right: 5px;
    }

    ul.address-phone-email-lists ion-icon {
        font-size: 2.2em;
    }

    ul.address-phone-email-lists li span.display-block {
        display: inline;
    }
}

@media only screen and (min-width: 2093px) and (max-width: 2560px) {
    section.prices .price-card-wrapper article.price-cards {
        height: auto;
        padding-bottom: 1em;
    }
}

@media only screen and (min-width: 2264px) and (max-width: 2560px) {
    section.prices article.price-cards ul.third-price-card-features-list {
        margin-top: 4.6em;
    }
}

@media only screen and (min-width: 2517px) and (max-width: 2560px) {
    section.prices article.price-cards ul.second-price-card-features-list {
        margin-top: 4.6em;
    }
}

/* For large FHD screen sizes */
@media only screen and (min-width: 1600px) and (max-width: 1921px) {
    section.banner-and-header article.custom-navbar .infiflex-logo-wrapper img.infiflex-logo {
        width: 25em;
    }

    section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper {
        gap: 5em;
    }

    section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper .call-button-wrapper a {
        bottom: 8px;
        font-size: 2rem;
    }

    section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper .call-button-wrapper i {
        font-size: 3em;
    }

    a.custom-hover-animation:after {
        height: 5px !important;
        bottom: -10px !important;
    }

    section.banner-and-header .banner-bg-wrapper article.banner-text-content {
        top: 9.5em;
    }

    section.banner-and-header article.banner-text-content p.banner-note {
        font-size: 2em;
    }

    section.banner-and-header article.banner-text-content .digital-line-banner {
        width: 8%;
        height: 6px;
        margin: 1em 0 2em 0;
    }

    section.banner-and-header article.banner-text-content h1.banner-text-main-heading {
        font-size: 5em;
        letter-spacing: -1.5px;
        margin: 0.5em 0;
    }

    section.banner-and-header article.banner-text-content h1.banner-text-main-heading .banner-span {
        letter-spacing: -2px;
    }

    section.banner-and-header article.banner-text-content p {
        line-height: 1.3;
        font-size: 2em;
    }

    section.banner-and-header article.banner-text-content ul.banner-points i {
        font-size: 1.2em;
        top: 1.4em;
        right: 1.4em;
    }

    section.banner-and-header article.banner-text-content ul.banner-points li {
        font-size: 1.3em;
        margin-bottom: -0.9em;
        margin-left: 0.5em;
    }

    section.banner-and-header article.banner-text-content button.banner-button {
        font-size: 1.5em;
        width: 17vw;
    }

    section.about-infiflex-startpro {
        padding: 4em 0;
    }

    section.about-infiflex-startpro .section-main-content p.sub-header {
        font-size: 2em;
    }

    section.about-infiflex-startpro .section-main-content p.sub-header::before {
        height: 6px;
        top: -20px;
    }

    section.about-infiflex-startpro .section-main-content h2.main-header {
        font-size: 4em;
        margin: 4rem 0;
        letter-spacing: -1px;
    }

    section.about-infiflex-startpro .section-main-content p.main-para {
        font-size: 1.6em;
        margin-top: 1em;
    }

    section.startpro-features .upper article.background-wrapper {
        height: 37em;
    }

    section.startpro-features .lower article.background-wrapper {
        height: 37em;
    }

    section.startpro-features .upper article.background-wrapper .green-bg-wrapper {
        width: 35vw;
        height: 45vh;
        left: 0;
        top: 0;
    }

    section.startpro-features .lower article.background-wrapper .green-bg-wrapper {
        width: 40vw;
        left: 2em;
        height: 45vh;
    }

    section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper {
        left: 26em;
        top: 2em;
    }

    section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper img {
        width: 50%;
    }

    section.startpro-features .lower .green-bg-wrapper article.startpro-features-img-wrapper {
        top: 2em;
        right: 3em;
    }

    section.startpro-features .lower .green-bg-wrapper article.startpro-features-img-wrapper img {
        width: 35%;
    }

    section.startpro-features .upper article.text-content {
        width: 90%;
        top: 2.5em;
        right: 0;
    }

    section.startpro-features .lower article.text-content {
        position: relative;
        left: 5em;
        top: 3em;
        width: 88%;
    }

    section.startpro-features article.text-content h3.colored-heading {
        /* font-size: 2.5em; */
    }

    section.startpro-features article.text-content p {
        /* font-size: 1.3em; */
        /* margin-top: 1em; */
        letter-spacing: 0.1px;
        margin-bottom: 2em;
    }

    section.prices {
        padding: 3em 0;
    }

    section.prices h2.main-header {
        font-size: 4em;
        margin: 1rem 0 1em 0;
    }

    section.prices h2.main-header::before {
        height: 6px;
    }

    section.prices .price-card-wrapper {
        justify-content: space-evenly;
    }

    article.price-cards h2.price-headers {
        font-size: 4.5rem;
        padding-bottom: 2rem;
    }

    article.price-cards p.info-summary {
        font-size: 1.2em;
    }

    ul.what-you-get-list span.check-mark-bg-wrapper {
        width: 3rem;
        top: 0;
    }

    ul.what-you-get-list span.check-mark-bg-wrapper ion-icon {
        width: 2rem;
        left: 1px;
        top: 0.2em;
    }

    ul.what-you-get-list li {
        margin-left: 5rem;
        font-size: 1.1em;
        margin-bottom: -0.5em;
        bottom: 1.6em;
    }

    section.prices .price-card-wrapper article.price-cards {
        padding: 2.75em;
        height: auto;
        padding-bottom: 1em;
    }

    article.price-cards ul.edit-positioning-of-list {}

    article.price-cards ul.third-list {
        margin-top: 3.4em;
    }

    article.price-cards h3.price-highlighted {
        font-size: 4em;
        margin-top: 1rem;
    }

    article.price-cards h3.price-highlighted span.currency-symbol {
        font-size: 2.5rem !important;
        bottom: 2rem;
    }

    article.price-cards p.important-note {
        font-size: 1em;
        letter-spacing: 0.1px;
        line-height: 1.4;
    }

    article.price-cards button.buy-package {
        font-size: 1.5em;
        top: 3em;
    }

    section.prices .bottom-row p.bottom-info {
        font-size: 1.5em;
    }

    section.prices .bottom-row p.bottom-info::before {
        height: 6px;
        top: -25px;
    }

    section.prices .bottom-row button.request-quote {
        font-size: 1.5em;
        width: 17vw;
    }

    section.testimonials article.heading-colored-wrapper {
        padding: 4em;
        height: 45em;
        width: 32vw;
    }

    section.testimonials article.main-carousel-content {
        bottom: 27em;
    }

    section.testimonials article.heading-colored-wrapper h2 {
        font-size: 4em;
    }

    article.heading-colored-wrapper h2::before {
        width: 20%;
        height: 7px;
        top: 4.5rem;
    }

    .owl-items-container .testimonial-card-wrapper {
        padding: 3.5em;
    }

    .testimonial-card-wrapper h3.card-title {
        font-size: 2em;
    }

    .testimonial-card-wrapper h5.company-name {
        font-size: 1.3em;
    }

    .testimonial-card-wrapper p.actual-testimonial-text {
        font-size: 1.5rem;
    }

    section.faqs h4.panel-title a {
        padding: 1em;
        font-size: 1.5em;
        letter-spacing: 0;
    }

    section.faqs #accordion .panel-heading a::before {
        font-size: 1.2em;
    }

    section.faqs .lower-row .panel .panel-body {
        font-size: 1.25em;
        padding: 1.5em;
        letter-spacing: 0.4px;
        line-height: 1.7;
    }

    section.faqs .upper-row h3::before {
        height: 6px;
        left: 46.5%;
    }

    section.faqs .upper-row h3 {
        font-size: 4em;
        margin: 1rem 0 5rem 0;
    }

    section.new-footer-design .left-column article.infiflex-logo-wrapper-and-copyright-text p {
        font-size: 1.25em;
        top: 5em;
    }

    section.new-footer-design .center-column article.large-icon-links ul.terms-and-conditions-links {
        top: 9.2em;
    }

    ul.terms-and-conditions-links li a {
        font-size: 1.4em;
        letter-spacing: 0.3px;
    }

    ul.address-phone-email-lists li {
        margin-left: 3em;
        font-size: 1.25em;
    }

    a.map-location ion-icon {}

    ul.address-phone-email-lists ion-icon {}

    ul.address-phone-email-lists li span.display-block {
        display: inline;
    }
}

/* For normal large FHD sizes */
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    section.banner-and-header article.custom-navbar .infiflex-logo-wrapper img.infiflex-logo {
        width: 18em;
    }

    section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper {
        column-gap: 5em;
    }

    section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper .call-button-wrapper a {
        bottom: 5px;
        font-size: 1.5rem;
    }

    section.banner-and-header article.custom-navbar .navbar-icon-links-wrapper .call-button-wrapper i {
        font-size: 2em;
    }

    a.custom-hover-animation:after {
        height: 4px !important;
        bottom: -10px !important;
    }

    section.banner-and-header .banner-bg-wrapper {
        /* height: 75vh; */
    }

    section.banner-and-header article.banner-text-content p.banner-note {
        font-size: 1.75em;
    }

    section.banner-and-header article.banner-text-content .digital-line-banner {
        width: 8%;
        height: 5px;
        margin: 1em 0 2em 0;
    }

    section.banner-and-header article.banner-text-content h1.banner-text-main-heading {
        font-size: 4.5em;
        letter-spacing: -1.5px;
        margin: 0.5em 0;
    }

    section.banner-and-header article.banner-text-content h1.banner-text-main-heading .banner-span {
        letter-spacing: -2px;
    }

    section.banner-and-header article.banner-text-content p {
        line-height: 1.3;
        font-size: 1.75em;
    }

    section.banner-and-header article.banner-text-content ul.banner-points i {
        font-size: 1em;
        top: 1.6em;
        right: 1.4em;
    }

    section.banner-and-header article.banner-text-content ul.banner-points li {
        font-size: 1.2em;
        margin-bottom: -0.9em;
        margin-left: 0.5em;
    }

    section.banner-and-header article.banner-text-content button.banner-button {
        font-size: 1.3em;
        width: 20vw;
    }

    section.about-infiflex-startpro {
        padding: 4em 0;
    }

    section.startpro-features .upper .green-bg-wrapper,
    section.startpro-features .lower .green-bg-wrapper {
        width: 42vw;
    }

    section.about-infiflex-startpro .section-main-content p.sub-header {
        font-size: 2em;
    }

    section.about-infiflex-startpro .section-main-content p.sub-header::before {
        height: 5px;
        top: -20px;
    }

    section.about-infiflex-startpro .section-main-content h2.main-header {
        font-size: 3.5em;
        margin: 3.5rem 0;
        letter-spacing: -1px;
    }

    section.about-infiflex-startpro .section-main-content p.main-para {
        font-size: 1.15em;
        margin-top: 1em;
    }

    section.startpro-features article.background-wrapper {
        height: 30em;
    }

    section.startpro-features .green-bg-wrapper {
        height: 35vh;
    }

    section.startpro-features .upper .green-bg-wrapper {
        width: 32vw;
        height: 23em;
    }

    section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper {
        left: 12em;
        top: 3em;
    }

    section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper img {
        width: 70%;
    }

    section.startpro-features article.text-content {
        top: 5em;
        top: 3em;
    }

    section.startpro-features article.text-content h3.colored-heading {
        font-size: 1.75em;
    }

    section.startpro-features article.text-content p {
        font-size: 1em;
        margin-top: 1em;
        letter-spacing: 0.1px;
        margin-bottom: 2em;
    }

    section.startpro-features .lower .green-bg-wrapper {
        width: 35vw;
        left: 5em;
        height: 22em;
    }

    section.startpro-features .lower .green-bg-wrapper article.startpro-features-img-wrapper {
        top: 3em;
        right: 4em;
    }

    section.startpro-features .lower .green-bg-wrapper article.startpro-features-img-wrapper img {
        width: 50%;
    }

    section.prices {
        padding: 3em 0;
    }

    section.prices h2.main-header {
        font-size: 3.5em;
        margin: 1rem 0 1em 0;
    }

    section.prices h2.main-header::before {
        height: 5px;
    }

    section.prices .price-card-wrapper {
        justify-content: center;
        gap: 3.5em;
        flex-wrap: nowrap;
    }

    section.prices .price-card-wrapper article.price-cards {
        height: auto;
        padding: 2em;
        padding-bottom: 1em;
    }

    article.price-cards h2.price-headers {
        padding-bottom: 1.5rem;
        font-size: 3rem;
    }

    article.price-cards p.info-summary {
        font-size: 1em;
        margin-top: 0;
    }

    article.price-cards ul.what-you-get-list span.check-mark-bg-wrapper {
        width: 2.5rem;
        top: -4px;
        padding: 2px;
    }

    article.price-cards ul.what-you-get-list span.check-mark-bg-wrapper ion-icon {
        left: 4px;
        top: 2px;
        font-size: 1.3rem;
    }

    article.price-cards ul.what-you-get-list li {
        margin-left: 4rem;
        font-size: 0.9em;
        margin-bottom: -0.5em;
        bottom: 2em;
        letter-spacing: 0.2px;
    }

    article.price-cards ul.edit-positioning-of-list {
        margin-top: 1.75em;
    }

    article.price-cards ul.first-price-card-features-list {
        margin-top: 2.9em;
    }

    article.price-cards ul.edit-positioning-of-list {
        margin-top: 3.2em !important;
    }

    article.price-cards ul.third-list {
        /* margin-top: 3.4em; */
    }

    article.price-cards h3.price-highlighted {
        font-size: 3.5em;
        margin-top: 1rem;
    }

    article.price-cards h3.price-highlighted span.currency-symbol {
        font-size: 1.8rem !important;
        bottom: 2.2rem;
    }

    article.price-cards p.important-note {
        font-size: 1.15rem;
        letter-spacing: 0.2px;
        line-height: 1.5;
    }

    article.price-cards button.buy-package {
        font-size: 1.3em;
        top: 3em;
    }

    section.prices .bottom-row p.bottom-info {
        font-size: 1.75rem;
    }

    section.prices .bottom-row p.bottom-info::before {
        height: 5px;
        top: -25px;
    }

    section.prices .bottom-row button.request-quote {
        font-size: 1.3em;
        width: 20vw;
    }

    section.testimonials article.heading-colored-wrapper {
        padding: 3em;
        height: 70vh;
        width: 40vw;
    }

    section.testimonials article.main-carousel-content {
        bottom: 20em;
        left: 2.5em;
    }

    section.testimonials article.heading-colored-wrapper h2 {
        font-size: 3.5em;
    }

    article.heading-colored-wrapper h2::before {
        width: 18%;
        height: 5px;
        top: 4rem;
    }

    .owl-items-container .testimonial-card-wrapper {
        padding: 1.5em;
    }

    .testimonial-card-wrapper h3.card-title {
        font-size: 1.8em;
    }

    .testimonial-card-wrapper h5.company-name {
        font-size: 1.1em;
    }

    .testimonial-card-wrapper p.actual-testimonial-text {
        font-size: 1.4rem;
        letter-spacing: 0.2px;
        line-height: 1.5;
    }

    section.faqs h4.panel-title a {
        padding: 1em;
        font-size: 1.2em;
        letter-spacing: 0;
    }

    section.faqs #accordion .panel-heading a::before {
        font-size: 1.2em;
    }

    section.faqs .lower-row .panel .panel-body {
        font-size: 1.2em;
        padding: 1.5em;
        letter-spacing: 0.4px;
        line-height: 1.7;
    }

    section.faqs .upper-row h3::before {
        height: 6px;
        left: 46.5%;
    }

    section.faqs .upper-row h3 {
        font-size: 4em;
        margin: 1rem 0 5rem 0;
    }

    section.new-footer-design .left-column article.infiflex-logo-wrapper-and-copyright-text p {
        font-size: 1.1em;
        top: 6em;
    }

    section.new-footer-design .center-column article.large-icon-links ul.terms-and-conditions-links {
        top: 7em;
    }

    ul.terms-and-conditions-links li a {
        font-size: 1.2em;
        letter-spacing: 0.3px;
    }

    ul.address-phone-email-lists li {
        margin-left: 2.75em;
        font-size: 1em;
    }

    ul.address-phone-email-lists ion-icon {
        font-size: 1.5em;
        top: 22px;
    }

    ul.address-phone-email-lists a.map-location ion-icon {
        font-size: 1.7em;
    }

    ul.address-phone-email-lists li span.display-block {
        display: block;
    }
}

/* Highly specific media queries for certain sections starts below :- */
@media only screen and (min-width: 1237px) and (max-width: 1600px) {
    article.price-cards ul.first-price-card-features-list {
        margin-top: 4.4em;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1853px) {
    article.price-cards ul.first-price-card-features-list {
        margin-top: 2.9em;
    }
}

@media only screen and (min-width: 1854px) and (max-width: 1921px) {
    article.price-cards ul.third-price-card-features-list {
        margin-top: 3.3em;
    }
}

@media only screen and (min-width: 1248px) and (max-width: 1600px) {
    section.prices .price-card-wrapper article.price-cards {
        height: auto;
        padding: 2em;
        padding-bottom: 1em;
    }
}

/* For HD, 720p resolution screen sizes :- */
@media only screen and (min-width: 721px) and (max-width: 1200px) {
    section.banner-and-header article.banner-text-content button.banner-button {
        width: 25vw;
        font-size: 1em;
    }
}

@media only screen and (min-width: 721px) and (max-width: 801px) {
    section.banner-and-header .banner-bg-wrapper article.banner-text-content {
        width: 85%;
        top: 8em;
    }
}

@media only screen and (min-width: 802px) and (max-width: 851px) {
    section.banner-and-header .banner-bg-wrapper article.banner-text-content {
        width: 80%;
        top: 8em;
    }
}

@media only screen and (min-width: 851px) and (max-width: 852px) {
    section.banner-and-header .banner-bg-wrapper article.banner-text-content {
        width: 85%;
        top: 10em;
    }
}

@media only screen and (min-width: 852px) and (max-width: 1057px) {
    section.banner-and-header .banner-bg-wrapper article.banner-text-content {
        width: 80%;
        top: 10em;
    }
}

@media only screen and (min-width: 1058px) and (max-width: 1128px) {
    section.banner-and-header .banner-bg-wrapper article.banner-text-content {
        width: 75%;
        top: 10em;
    }
}

@media only screen and (min-width: 1129px) and (max-width: 1200px) {
    section.banner-and-header .banner-bg-wrapper article.banner-text-content {
        width: 70%;
        top: 10em;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1340px) {
    section.banner-and-header .banner-bg-wrapper article.banner-text-content {
        top: 9em;
    }
}

@media only screen and (min-width: 1341px) and (max-width: 1599px) {
    section.banner-and-header .banner-bg-wrapper article.banner-text-content {
        top: 10.5em;
    }
}

@media only screen and (min-width: 721px) and (max-width: 993px) {
    section.testimonials article.heading-colored-wrapper {
        padding: 2em;
        left: 0;
        width: 40vw;
        height: 25em;
    }

    section.testimonials article.heading-colored-wrapper h2 {
        font-size: 2.5em;
    }

    section.testimonials article.heading-colored-wrapper h2::before {
        width: 20%;
        height: 4px;
        top: 3rem;
    }

    section.testimonials article.main-carousel-content {
        bottom: 17em;
        left: 1em;
    }

    section.testimonials article.main-carousel-content #testimonialOwlCarousel .owl-items-container {
        gap: 1em;
    }

    section.testimonials .owl-items-container .testimonial-card-wrapper {
        padding: 1.2em;
    }

    section.testimonials .testimonial-card-wrapper h3.card-title {
        letter-spacing: 0;
        font-size: 1.2em;
    }

    section.testimonials .testimonial-card-wrapper h5.company-name {
        letter-spacing: 0.2px;
        font-size: 1.2rem;
    }

    section.testimonials .testimonial-card-wrapper p.actual-testimonial-text {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: 0.2px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    section.testimonials article.heading-colored-wrapper {
        padding: 3em;
        left: 0;
        width: 40vw;
        height: 32em;
    }

    section.testimonials article.main-carousel-content {
        bottom: 20em;
        left: 1.5em;
    }

    section.testimonials article.main-carousel-content #testimonialOwlCarousel .owl-items-container {
        gap: 1em;
    }

    section.testimonials .owl-items-container .testimonial-card-wrapper {
        padding: 1.5em;
    }

    section.testimonials .testimonial-card-wrapper h3.card-title {
        letter-spacing: 0;
        font-size: 1.5em;
    }

    section.testimonials .testimonial-card-wrapper h5.company-name {
        letter-spacing: 0.2px;
        font-size: 1.5rem;
    }

    section.testimonials .testimonial-card-wrapper p.actual-testimonial-text {
        font-size: 1.15rem;
        letter-spacing: 0.2px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    section.prices .price-card-wrapper {
        justify-content: center;
        flex-wrap: nowrap;
        gap: 1em;
    }

    section.prices .price-card-wrapper article.price-cards {
        width: auto;
        height: auto;
        padding-bottom: 1em;
        padding: 1.5em;
    }

    section.prices article.price-cards h2.price-headers {
        font-size: 3rem;
    }

    section.prices article.price-cards p.info-summary {
        font-size: 1.2rem;
        margin: 0;
    }

    section.prices article.price-cards ul.what-you-get-list {
        margin-top: 2em;
    }

    section.prices article.price-cards ul.what-you-get-list span.check-mark-bg-wrapper {
        padding: 2px;
        width: 2.5rem;
        bottom: 4px;
    }

    section.prices article.price-cards ul.what-you-get-list span.check-mark-bg-wrapper ion-icon {
        font-size: 1.3rem;
        top: 2px;
        left: 4px;
    }

    section.prices article.price-cards ul.what-you-get-list li {
        margin-left: 2.5em;
        margin-bottom: -5px;
        font-size: 1em;
        bottom: 2em;
    }

    section.prices article.price-cards h3.price-highlighted span.currency-symbol {
        font-size: 1.5rem !important;
        bottom: 1.8rem;
        left: 8px;
    }

    section.prices article.price-cards p.important-note {
        font-size: 1.1rem;
    }

    section.prices article.price-cards button.buy-package {
        left: 5%;
        width: 90%;
        top: 2em;
    }

    section.prices .bottom-row button.request-quote {
        width: 35%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 993px) {
    section.startpro-features .upper article.background-wrapper {
        height: 29em;
    }

    section.startpro-features .lower article.background-wrapper {
        height: 29em;
    }

    section.startpro-features .upper .green-bg-wrapper {
        height: 18em;
        left: 0;
        width: 35vw;
        top: 2em;
    }

    section.startpro-features .lower .green-bg-wrapper {
        left: 1em;
        top: 3em;
        height: 18em;
        width: 40vw;
    }

    section.startpro-features article.text-content p {
        font-size: 1.3rem;
        margin-bottom: 2em;
    }

    section.startpro-features article.text-content h3.colored-heading {
        font-size: 1.75em;
    }

    section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper {
        top: 2em;
        left: 7em;
    }

    section.startpro-features .lower .green-bg-wrapper article.startpro-features-img-wrapper {
        top: 2em;
        right: 3em;
    }

    section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper img {
        width: 80%;
    }

    section.startpro-features .upper article.text-content {
        left: 0em;
        top: 2em;
    }

    section.startpro-features .lower article.text-content {
        left: 3em;
        top: 2em;
    }

    section.prices .price-card-wrapper {
        justify-content: center;
        flex-wrap: nowrap;
        gap: 1em;
    }

    section.prices .price-card-wrapper article.price-cards {
        width: auto;
        height: auto;
        padding-bottom: 1em;
        padding: 1.5em;
    }

    section.prices article.price-cards h2.price-headers {
        font-size: 3rem;
    }

    section.prices article.price-cards p.info-summary {
        font-size: 1.2rem;
        margin: 0;
    }

    section.prices article.price-cards ul.what-you-get-list {
        margin-top: 2em;
    }

    section.prices article.price-cards ul.what-you-get-list span.check-mark-bg-wrapper {
        padding: 2px;
        width: 2.5rem;
        bottom: 4px;
    }

    section.prices article.price-cards ul.what-you-get-list span.check-mark-bg-wrapper ion-icon {
        font-size: 1.3rem;
        top: 2px;
        left: 4px;
    }

    section.prices article.price-cards ul.what-you-get-list li {
        margin-left: 2.5em;
        margin-bottom: -5px;
        font-size: 1em;
        bottom: 2em;
    }

    section.prices article.price-cards h3.price-highlighted span.currency-symbol {
        font-size: 1.5rem !important;
        bottom: 1.8rem;
        left: 8px;
    }

    section.prices article.price-cards p.important-note {
        font-size: 1.1rem;
    }

    section.prices article.price-cards button.buy-package {
        left: 5%;
        width: 90%;
        top: 2em;
    }

    section.prices .bottom-row button.request-quote {
        width: 35%;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    section.prices article.price-cards ul.first-price-card-features-list {
        margin-top: 3.2em;
    }

    section.prices .price-card-wrapper article.price-cards {
        height: auto;
        padding-bottom: 1em;
    }

    section.startpro-features .upper article.background-wrapper {
        height: 30em;
    }

    section.startpro-features .lower article.background-wrapper {
        height: 30em;
    }

    section.startpro-features .upper .green-bg-wrapper {
        height: 19em;
        width: 35vw;
        top: 2em;
    }

    section.startpro-features .lower .green-bg-wrapper {
        left: 5em;
        top: 3em;
        height: 21em;
    }

    section.startpro-features article.text-content p {
        font-size: 1em;
        margin-bottom: 2em;
    }

    section.startpro-features article.text-content h3.colored-heading {
        font-size: 2em;
    }

    section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper {
        top: 2em;
        left: 11em;
    }

    section.startpro-features .lower .green-bg-wrapper article.startpro-features-img-wrapper {
        top: 2em;
        right: 3em;
    }

    section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper img {
        /* width: 75%; */
    }

    section.startpro-features .lower .green-bg-wrapper article.startpro-features-img-wrapper img {
        width: 50%;
    }

    section.startpro-features .upper article.text-content {
        top: 3em;
    }

    section.startpro-features .lower article.text-content {
        left: 3em;
        top: 3em;
    }
}

@media only screen and (min-width: 721px) and (max-width: 768px) {
    section.startpro-features .upper article.background-wrapper {
        height: 48em;
    }

    section.startpro-features .lower article.background-wrapper {
        height: 45em;
    }

    section.startpro-features .upper .green-bg-wrapper {
        height: 45vh;
        left: 0;
        width: 40vw;
    }

    section.startpro-features .lower .green-bg-wrapper {
        left: 29em;
        top: 2em;
        height: 35vh;
        width: 45vw;
    }

    section.startpro-features article.text-content p {
        font-size: 1.4rem;
        margin-bottom: 2em;
    }

    section.startpro-features article.text-content h3.colored-heading {
        font-size: 1.75em;
    }

    section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper {
        top: 2em;
        left: 6em;
    }

    section.startpro-features .lower .green-bg-wrapper article.startpro-features-img-wrapper {
        top: 2em;
        right: 3em;
    }

    section.startpro-features .upper .green-bg-wrapper article.startpro-features-img-wrapper img {
        width: 80%;
    }

    section.startpro-features .upper article.text-content {
        left: 4em;
        width: 85%;
        top: 8em;
    }

    section.startpro-features .lower article.text-content {
        left: 4em;
        width: 85%;
        top: 2em;
    }

    section.prices .price-card-wrapper {
        justify-content: center;
        gap: 10em;
    }

    section.prices .price-card-wrapper article.price-cards {
        width: auto;
        height: auto;
        padding-bottom: 1em;
    }

    section.prices .price-card-wrapper article.price-cards ul.what-you-get-list {
        margin-top: 2em;
    }

    section.prices .price-card-wrapper article.price-cards button.buy-package {
        left: 10%;
        width: 80%;
        top: 3em;
    }

    section.prices .bottom-row button.request-quote {
        width: 60%;
    }
}

@media only screen and (min-width: 721px) and (max-width: 993px) {
    section.faqs {
        margin-top: -5em;
    }

    section.faqs h4.panel-title a {
        padding: 1.5em;
        font-size: 1em;
        letter-spacing: 0.3px;
        padding-right: 3em;
        line-height: 1.5;
    }

    section.faqs #accordion .panel-heading a::before {
        right: 10px;
        top: 1.4rem;
    }

    section.faqs .lower-row .panel .panel-body {
        font-size: 1.25rem;
        padding: 1.5em;
        line-height: 1.6;
        letter-spacing: 0.1px;
    }

    section.new-footer-design {
        padding: 4em 2em;
    }

    section.new-footer-design .left-column,
    section.new-footer-design .center-column {
        margin-bottom: 5em;
    }

    section.new-footer-design .left-column img.infiflex-logo-dark-bg {
        width: 50%;
    }

    section.new-footer-design .left-column article.infiflex-logo-wrapper-and-copyright-text p {
        text-align: left;
        top: 2em;
    }

    section.new-footer-design .center-column article.large-icon-links .large-icon-wrapper {
        justify-content: start;
    }

    section.new-footer-design .center-column article.large-icon-links ul.terms-and-conditions-links {
        justify-content: start;
        top: 2em;
    }

    a.map-location ion-icon {
        font-size: 2.2em;
        left: -4px;
        top: 1em;
    }

    ul.address-phone-email-lists li {
        margin-left: 3em;
        bottom: 1px;
    }

    span.display-block {
        display: inline;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    section.new-footer-design {
        padding: 4em 2em;
    }

    section.new-footer-design .left-column article.infiflex-logo-wrapper-and-copyright-text p {
        top: 6em;
    }

    section.new-footer-design .center-column article.large-icon-links ul.terms-and-conditions-links {
        top: 6em;
    }

    ul.address-phone-email-lists li {
        margin-left: 3em;
    }
}