/* max width 575px  */
@media(min-width:0px) {

    body {
        /* color:rgba(35, 47, 62, 0.944); */
        color: #232f3e;
    }

    h2 {
        font-size: 2.3rem;
        font-weight: 800;
        /* word-spacing: -5px; */
        word-spacing: 2px;
        letter-spacing: -1px;
    }

    p {
        font-size: .9rem;
    }

    .row {
        margin-right: 0;
        margin-left: 0;
        justify-content: space-between;
    }

    .row>* {
        padding-right: 0;
        padding-left: 0;
    }

    .navigationBar {
        position: relative;
        z-index: auto;
    }

    .dropdown-section3 p,
    .dropdown-section4 p {
        font-size: .75rem;
    }

    /* .nav__language__dropdown .dropdown-menu {
        /* position: relative; 
        z-index: 11;
    } */

    .panel-wrapper {
        margin-top: 0em;
    }

    .panel {
        margin-top: 0;
    }

    .notification-banner {
        position: sticky;
        top: 0;

        /* width: 98.7%; */
        /* width: 96.2%; */
        margin: 0 .45em;

        margin-top: .4em;
        margin-bottom: 0;

        background-color: rgb(241, 241, 241);
        color: #161e2d;

        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .4em .6em;
        z-index: 10;
    }

    .notification-banner__link,
    .hyperlink,
    .faq .accordion-body__hyperlink {
        font-weight: 700;
        color: rgba(35, 47, 62, 0.88);
        text-decoration: none;
        position: relative;
        display: inline-block;
    }

    .hyperlink,
    .faq .accordion-body__hyperlink {
        font-weight: 500;
    }

    /* ::before creates a pseudo element after the <a> tag */
    .hyperlink::after,
    .notification-banner__link::after,
    .faq .accordion-body__hyperlink::after {
        content: "";
        /* as content is empty pseudo element contains no visible text but its required for the pseudo element to exist */
        position: absolute;
        /*nearest positioned ancestor element is <a> tag so will position it as per that */
        right: 0;
        /*ensures underline starts from right side */
        /* bottom: -2px; */
        bottom: -.18em;
        width: 100%;
        /*100% of the parent - <a> tag */
        height: .13em;
        /* thickness of the underline*/
        background: #161e2d;
        /* opacity: 1; */
        transition: width 0.3s ease-out;
    }

    .hyperlink:hover::after,
    .notification-banner__link:hover::after,
    .faq .accordion-body__hyperlink:hover::after {
        width: 0;
    }

    .faq .accordion-body__hyperlink::after {
        bottom: .5em;
    }


    /* .notification-banner__link:hover,
.hyperlink:hover {
    text-decoration: none;
    /* transition: text-decoration 10s linear; */
    /* transition: text-decoration 10s cubic-bezier(0.64, 0.15, 0.53, 0.53); 

} */

    .notification-banner__btn,
    .hero__btn {
        color: rgb(30, 41, 54);
        text-decoration: none;
        font-weight: 600;
        background-color: rgba(255, 73, 1, 0.879);
        padding: .4em .5em .4em .7em;
        border-radius: 3em;
        transition: transform 0.2s linear;
        font-size: .85rem;
    }

    .notification-banner__heading {
        width: 24%;
        font-size: 1rem;
        font-weight: 800;
    }


    .notification-banner__text {
        width: 42%;
        font-size: .75rem;
        /* padding-right: .5em; */
    }

    .notification-banner__btnContainer {
        width: 22%;
    }

    /* .notification-banner__btn {
        padding: .7em 1em;
        /* text-align: center; 
    } */

    .notification-banner__btnContainer:hover {
        cursor: pointer;
        font-weight: 700;
        transform: scale(1.04);
    }

    /* hero  */

    .hero {
        margin: 0 .45em;
        padding: 2em 1.5em 4em 1.5em;
        background-color: rgb(241, 241, 241);
        color: #161e2d;
    }

    /* .open.nav__search-form--mobile {
        border: 1px solid rgb(231, 193, 179);
        border-radius: .35em;
        /* top: 22%; 
        top: 30%;
    } */

    .hero__column1 {
        text-align: center;
    }

    .hero__headline {
        font-weight: 800;
        font-size: 3rem;
        line-height: 1.3em;
        margin-bottom: .6em;
    }

    .hero__link {
        padding: 0 2.2em;
        margin-bottom: 4em;
        display: flex;
        /* justify-content: space-between; */
        transition: transform 0.2s linear;
    }

    .hero__link:hover {
        cursor: pointer;
        transform: scale(1.04);
    }

    .hero__btnContainer {
        width: 30%;
        align-self: center;
    }

    .hero__btn {
        padding: .6em 1em;
        font-size: .75rem;
        /* height: 60%; */

    }

    .hero__para {
        font-size: .8rem;
        align-self: center;
        width: 70%;
        line-height: 1.5em;
    }

    .incentives {
        padding: 2.8em 0 2.5em;
    }

    .incentives__heading {
        color: black;
        padding: 0 8%;
        text-align: center;
        font-size: 1.5rem;
        font-weight: 500;
    }

    .incentives__description-section {
        /* padding-left: 0em; */
        margin-top: 3.7em;
        padding: 0 8%;
        text-align: center;
        /* display: flex; */
        /* justify-content: space-between; */
    }

    .description-section__btn {
        text-decoration: none;
        font-size: .8rem;
        font-weight: 600;
        border-radius: 1em;
        padding: .5em 1em;
        background-color: #56952b;
        /* background-color: #186421; */
        color: white;
    }

    .description-section__title {
        padding: .5em 0 .27em;
    }

    .description-section__col1 {
        padding: 0 0em 2em;
        width: 93%;
        margin: 0 auto;
    }

    /* .description-section__col2 p {
        font-size: .8rem;
    } */


    .description-section__info {
        /* width: 99%; */
        text-align: left;
        margin-top: 1.7em;
        padding: 1.5em 2em .3em 1.8em;
        background-color: rgb(246, 246, 230);
        /* background-color: rgba(229, 225, 225, 0.912); */
        border-radius: 1.3em;
        font-size: .95rem;
        /* margin-top: 1.3em; */
    }

    .description-section__info ul {
        padding: 0;
    }

    .description-info__listItem {
        display: flex;
        padding: .3em 0;
        /* justify-content: space-between; */
    }

    .listItem__iconContainer {
        width: 12%;
    }

    .listItem__icon {
        padding-top: .7em;
        font-weight: 900;
        /* align-self: self-start; */

    }

    .description-info__listItem span {
        width: 88%;
        text-align: left;
        /* margin-left: 0em; */
    }

    .link-container {
        margin: 1.4em 0;
    }

    .external-link {
        font-size: 1.1rem;
        text-decoration: none;
        color: inherit;
        font-weight: 600;
    }

    /* .external-link__icon {
    transition: transform 20sec ease-in-out;
} */

    .external-link:hover .external-link__icon {
        transform: translate(.5em, -.3em);
        transition: transform 10sec linear;
        /* transform: scale(2); */
    }

    .section-grey {
        background-color: rgb(241, 241, 241);
        /* margin: 6em 5.5em; */
        margin: 0 8%;
        padding: 2.3em 1.5em .1em 1.5em;
        border-radius: 1.3em;
        text-align: center;
        /* display: flex; */
        /* justify-content: space-between; */
    }

    .section-grey__para {
        /* font-size: .8rem; */
        margin: 2em 0 2em;
    }

    /* .section-grey__col1 {
        /* width: 55%; 
    } */

    /* .section-grey__col2 {
        width: 42%;
    } */

    .section-grey__infoContainer {
        margin: 1em 0em;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.7em;
    }

    .infoContainer__col1 {
        font-size: 1.1rem;
        width: 15%;
    }

    .infoContainer__col2 {
        text-align: left;
        width: 76%;
    }

    .infoContainer__heading {
        font-size: 1.3rem;
        font-weight: 600;
    }

    .infoContainer__col2 p {
        /* font-size: .8rem; */
        /* font-weight: 600; */
        line-height: 1.45em;
    }

    .infoContainer__col2 .link-container {
        margin: 1em 0
    }

    .testimony-container {
        background-color: rgba(255, 255, 255, 0.528);
        padding: 1.5em 1.3em .5em;
        border-radius: 1.3em;
        margin-bottom: 1.5em;
    }

    .testimony__logo {
        width: 50%;
        margin-bottom: 8%;
    }

    .testimony__para {
        text-align: left;
        font-size: 1.3rem;
        /* font-weight: 500; */
    }

    .testimony__person {
        margin: 1.5em 0;
        display: flex;
        justify-content: space-between;
    }

    .testimony__person__col1 {
        width: 20%;
    }

    .testimony__person__col1 img {
        width: 80%;
        border-radius: 50%;
    }

    .testimony__person__col2 {
        width: 77%;
        font-size: 1rem;
        text-align: left;
        /* line-height: .5em; */
    }

    .testimony__person__col2 h4 {
        font-size: 1.1rem;
        font-weight: 600;
        margin-bottom: 0em;
    }

    .testimony__person__col2 p {
        font-size: .85rem;
        /* color:#161e2d; */
        /* font-weight: 500; */
    }

    .testimony2-logo {
        width: 27%;
    }

    /* sales summary  */
    .sales-summary {
        width: 98.7%;
        margin: 4em auto;
        margin-top: 6em;
        background-color: #182136;
        display: flex;
        justify-content: space-between;
        padding: 2.4em .2em;
    }

    .sales-summary__item {
        border-right: 1px solid rgba(255, 255, 255, 0.045);
        color: white;
        width: 33%;
        padding: .7em .3em;
        text-align: center;

    }

    .sales-summary__item__heading {
        font-size: 1.25rem;
    }

    /* 
    .sales-summary__item p {
        line-height: 1.6em;
    }

    .sales-summary__item1 {
        width: 32.8%;
    }
*/
    .sales-summary__item2 {
        /* width: 36%; */
        padding-right: 1em;
    }

    .sales-summary__item3 {
        width: 27.3%;
        padding-left: 0;
        padding-right: .5em;
        border: none;
    }

    /* revenue */
    .revenue-container {
        /* margin-top: .7em; */
        padding-bottom: 2em;
    }

    .revenue-container__heading {
        font-weight: 600;
        margin-bottom: 1em;
        font-size: 1.2rem;
    }

    .revenue-container p {
        line-height: 1.5em;
        margin-bottom: .7em;
        /* text-align: left; */
    }

    .revenue-container ol {
        padding-left: 3em;
        margin-bottom: 2.3em;
        font-size: .9rem;
        text-align: left;
        /* line-height: 2em; */
    }

    .revenue-img {
        display: none;
    }

    /* selling plan container  */
    .sellingPlan-container {
        background-color: white;
        box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.099);
        padding: 1.5em 1.5em .5em;
        margin-bottom: 5em;
        margin-top: 25%;
    }

    /* .sellingPlan-container__col1 {
        width: 55%;
    } */

    .sellingPlan-container__heading {
        padding: .7em 0 1em;
    }

    .sellingPlan__stepContainer {
        text-align: left;
        display: flex;
        justify-content: space-between;
        margin: 2.4em 0 0;
        color: rgb(106, 104, 104);
    }

    .sellingPlan__stepContainer h5 {
        color: black;
        padding-left: .1em;
        font-size: 1.1rem;
        font-weight: 600;
    }

    .stepContainer__col1 {
        width: 10%;
    }

    .stepContainer__col2 {
        width: 80%;
        /* padding: 0 4%; */
    }

    .sellingPlan__stepContainer ul {
        font-size: .9rem;
        margin-bottom: 1.3em;
        line-height: 1.4em;
    }

    .stepContainer__col2 .external-link {
        color: #161e2d;
    }

    .sellingPlan-container__col2 {
        display: none;
    }

    .sellingPlan-container__col2--mobile {
        display: block;
    }

    /* 
    .sellingPlan-container .section-grey__col2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
    } */

    .sellingPlan-container__col2 img {
        height: 32%;
        border-radius: 1em;
        width: 90%;
    }

    /* amazon tools and programs section  */
    .toolsAndPrograms-section {
        border-top: 1px solid rgba(128, 128, 128, 0.197);
        padding: 3.5em 0em 0em;
        width: 87%;
        margin: 0 auto;

    }

    .toolsAndPrograms-section__heading {
        text-align: center;
    }

    .toolsAndPrograms-section__subheading {
        font-size: 1rem;
        text-align: center;
        color: rgb(109, 108, 108);
        padding: 1em 1em;
    }



    .tools-container {
        margin-top: 4em;
        /* margin: 4em 0; */
        /* display: flex; */
        justify-content: space-between;
        height: 100%;

        /* overflow-y: auto;
        scrollbar-width: none; */

        /* position: relative; */
    }

    .tools-container__navigation {
        /* width: 23%; */
        position: sticky;
        top: 0em;

        display: flex;
        flex-direction: row !important;
        flex-wrap: nowrap;
        justify-content: space-between;
        z-index: 8;
        margin-bottom: 1.5em;
    }

    .tools-container__nav-link {
        font-size: .95rem;
        color: rgba(50, 54, 77, 0.77);
        width: auto;
        padding-left: .5em;
    }

    .tools-container__nav-link:hover {
        /* color:  rgb(39, 36, 36) ; */
        color: #161e2d;
    }

    .tools-container__nav-link--active {
        color: #161e2d;
        font-weight: 900;
        font-size: 1rem;
        line-height: 1em;
    }

    .tool-wrapper {
        /* shouldn't be in laptop  */
        overflow-y: auto;
        scrollbar-width: none;
        height: 75em;
        position: relative;
        z-index: 9;
        /* padding-bottom: 4em; */
    }

    .tools-container__col2 {
        position: absolute;
        /* top: 15vh; */
        /* width: 72%;*/
        z-index: 15;
    }

    /* connect with more customers tool container  */
    .tool-container {
        /* padding-bottom: 5em; */
        /* font-size: 2em; */

        border-bottom: 1px solid rgba(128, 128, 128, 0.197);
    }

    .tool-container__heading {
        font-weight: 900;
        font-size: 1.4rem;
        padding-left: .5em;
    }

    .tool-infoContainer {
        background-color: rgb(238, 234, 234);
        /* display: flex; */
        /* justify-content: space-between; */
        margin: 2.8em 0;
        padding: 1.5em 2em 1.7em 2em;
        /* padding-right: 2.4em; */
        border-radius: 1em;
    }

    .tool-infoContainer__col1 {
        box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.099);
        /* box-shadow: 0 0 10px 15px ; */
        background-color: white;
        padding: 2em 2em .5em;
        border-radius: 1em;
        /* width: 50%; */
    }

    .tool-infoContainer__col1 h4 {
        font-size: 1.2em;
        font-weight: 800;
        padding-bottom: .3em;
    }

    .tool-infoContainer__col1 p {
        line-height: 1.45em;
        /* font-size: .8rem; */
    }

    /* .tool-infoContainer__col2 {
        /* width: 44.5%; 
    } */

    .tool-infoContainer__col2 p {
        font-size: 1.25rem;
        line-height: 1.5em;
        padding-top: 2em;
        text-align: center;
    }

    /* three cols  */

    .tool-container__threeCols {
        padding: 0 .7em 0 .7em;
        /* display: flex; */
        /* justify-content: space-between; */
    }

    .threeCols__col {
        background-color: white;
        box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.099);
        border-radius: .6em;
        padding: 1.8em 1.8em .6em;
        margin-bottom: .5em;
        /* width: 31.3%; */
        font-size: .9rem;
        display: flex;
        flex-direction: column;

    }

    .threeCols__firstCol h4 {
        padding-top: .5em;
    }

    .threeCols__col__heading {
        font-size: 1.1rem;
        padding: 1em 0 .3em;
        font-weight: 800;
        line-height: 1.4em;
    }

    .threeCols__col__description {
        line-height: 1.4em;
        font-size: .95rem;
    }

    .threeCols__col .link-container {
        flex-grow: 1;
        align-content: flex-end;

    }

    .tool-container2,
    .tool-container3 {
        padding-top: 4em;
    }

    .tool-container3 {
        border-bottom: none;
    }

    .tool-container__threeCols {
        padding-bottom: 5em;
    }

    /* faq */
    .faq {
        margin: 0 auto;
        /* margin-top: 120%; */
        width: 77%;
        padding: 1em 0 3.3em;
    }

    .faq__heading {
        margin-bottom: 0;
        text-align: center;
        padding: .5em 0;
        padding-bottom: 1.5em;
    }

    .faq-accordion {
        /* padding: 1em 0  ; */
        border-top: .5px solid rgba(128, 128, 128, 0.584);
        border-bottom: .5px solid rgba(128, 128, 128, 0.584);
        position: relative;

        /* z-index: -1;  */
        /* pointer-events: auto; */
    }

    .faq .accordion-header {
        /* font-weight: 500; */
        cursor: pointer;
        position: relative
    }

    .faqAccordion-item {
        padding: .5em 0;
        /* font-size: 1.1rem; */
        border: .5px solid rgba(128, 128, 128, 0.584);
        /* border-left:none; */
        /* border-right: none; */

    }

    .faq .accordion-button:hover,
    .faq .accordion-button:focus {
        background-color: white;
    }

    .faq .accordion-button {
        color: #161e2d;
        font-size: 1rem !important;
        /* background-color: #63d517b0; */
    }

    .faq .accordion-button::after {
        background-image: none;
    }

    .accordion-button .icon {
        font-size: 1.7rem;
        /* font-weight: 100; */
        position: absolute;
        right: .5em;
    }

    .faq .accordion-button[aria-expanded="true"] {
        font-weight: normal;
    }

    .faq .accordion-body {
        font-size: 1rem;
        background-color: white;
        color: rgba(50, 54, 77, 0.77);

    }

    /* .faq .accordion-body p {
        font-size: .8rem;
    } */

    .faq .accordion-body ul,
    .faq .accordion-body ol {
        font-size: .9rem;
    }

    /* .faq .accordion-body__hyperlink {
    color: rgba(35, 47, 62, 0.88);
    display: inline;
    /* text-decoration: underline;
    text-decoration-thickness: .13em;
    text-underline-offset: .3em; 
} */

    .faq .accordion-body__hyperlink:hover {
        /* text-decoration: none; */
        background-color: transparent;
    }

    .faq .external-link {
        padding: 0;
    }

    .faq .external-link:hover {
        background-color: transparent;
    }

    /* start selling section */
    .section-startSelling {
        padding-top: 0;
        margin-top: 2em;
        /* padding-right: 0; */
        margin-bottom: 5em;
    }

    /* .section-startSelling .section-grey__col1 {
        /* width: 40%; 
        padding-bottom: 3.8em;
    } */

    .startSelling__heading {
        font-size: 2.5rem;
        padding: 1em 0 0;
    }

    .startSelling__para {
        font-size: 1.2rem;
        line-height: 1.5em;
    }

    .start-selling__link {
        /* width: 45%; */
        justify-content: space-between;
        padding: 0;
        padding-top: 2em;
        margin-bottom: 3em;
    }

    .start-selling__link p {
        width: 66%;
        font-size: .8rem;
    }

    /* .section-startSelling .section-grey__col2 {
        width: 45%;
        /* align-self: stretch; 
    } */

    .start-selling__imgDiv {
        display: none;
    }

    .start-selling__img {
        border-radius: 1em;
    }

    /* closing msg  */
    .closing-message {
        padding-bottom: 3em;
        width: 73%;
        margin: 0 auto;
        text-align: center;
        color: rgb(85, 82, 82);
        font-size: .75rem;
    }

    .closing-message__para {
        line-height: 1.5em;
    }

}

/* 576 to 767 px = for mobile landscape  max-width:767px*/
@media(min-width:576px) {
    /* p {
        font-size: .9rem;
    } */

    .open.nav__search-form--mobile {
        top: 35%;
    }

    .notification-banner {
        padding: 1em .6em;
    }

    .notification-banner__text {
        font-size: .89rem;
    }

    .notification-banner__btnContainer {
        text-align: center;
    }

    .notification-banner__btn,
    .hero__btn {
        padding: .7em 1.3em;
    }

    .hero__btn {
        font-size: .9rem;
        /* padding: .7em 1.3em; */
    }

    .hyperlink::after,
    .notification-banner__link::after,
    .faq .accordion-body__hyperlink::after {
        height: .1em;
        bottom: -.09em;
    }

    .hero__headline {
        padding-top: .5em;
        font-size: 3.5rem;
    }

    .hero__para {
        font-size: .9rem;
    }

    .description-section__col1 {
        padding: 0 0em 2em;
        width: 85%;
        margin: 0 8%;
    }

    .listItem__iconContainer {
        width: 8%;
    }

    /* .description-info__listItem span {
        width: 92%;
    } */

    /* .description-section__col2 p {
        font-size: .9rem;
    } */

    .section-grey__para {
        font-size: .9rem;
    }

    .infoContainer__col2 p {
        font-size: .9rem;
    }

    .testimony__person__col2 p {
        font-size: .85rem;
    }

    .revenue-container ol {
        font-size: .9rem;
    }

    .sellingPlan-container {
        margin-top: 16%;
    }

    .sellingPlan-container__col2--mobile {
        width: 70%;
        margin: 0 auto;
    }

    .sellingPlan__stepContainer h5 {
        font-size: 1.15rem;
    }

    /* .sellingPlan-container__col2 img {
        /* transform: scale(.7); */
    /* height: 5%; 
    } */

    .sellingPlan__stepContainer ul {
        font-size: .9rem;
    }

    .toolsAndPrograms-section__heading {
        font-size: 2.5rem;
    }

    .toolsAndPrograms-section__subheading {
        font-size: .9rem;
        padding-top: 2rem;
    }

    .tools-container {
        margin-top: 3.5em;
    }

    .tools-container__nav-link {
        font-size: 1.1rem;
    }

    .tools-container__nav-link--active {
        font-size: 1.3rem;
    }

    .tool-container__heading {
        font-size: 1.8rem;
    }

    .tool-infoContainer__col1 h4 {
        font-size: 1.4rem;
    }

    .tool-infoContainer__col1 p {
        font-size: .9rem;
    }

    .external-link {
        font-size: 1rem;
    }

    .tool-infoContainer__col2 p {
        font-size: 1.5rem;
    }

    .threeCols__col {
        width: 85%;
        margin: 0 auto;
        margin-bottom: 1em;
    }

    .threeCols__col__heading {
        font-size: 1.4rem;
    }

    .threeCols__col__description {
        font-size: 1rem;
    }

    .faq__heading {
        font-size: 2.5rem;
    }

    .accordion-button {
        font-size: 1rem !important;
    }

    .faq .accordion-body p {
        font-size: .9rem;
    }

    .faq .accordion-body__hyperlink {
        padding: 0em 0;
    }

    /* .faq .accordion-body__hyperlink::after {
        bottom: -.15em;
    } */

    .faq .accordion-body ul,
    .faq .accordion-body ol {
        font-size: .9rem;
    }

    .startSelling__heading {
        font-size: 2.8rem;
    }

    .section-grey__para {
        font-size: 1rem;
    }

    .start-selling__img {
        width: 75%;
    }

    .start-selling__link p {
        font-size: .9rem;
    }

    .closing-message__para {
        font-size: .8rem;
    }
}


/* 768 to 991 px = for tablet  max-width:991px*/
@media(min-width:768px) {

    h2 {
        font-size: 2.7rem;
    }

    p {
        font-size: 1rem;
    }

    .notification-banner {
        width: 98.7%;
        margin: 0 auto;
        margin-top: .5em;
        padding: .7em 4.5em;
        z-index: 10;
    }

    .notification-banner__heading {
        font-size: 1.4rem;
    }

    /* ::before creates a pseudo element after the <a> tag */
    .hyperlink::after,
    .notification-banner__link::after,
    .faq .accordion-body__hyperlink::after {
        bottom: -.18em;
        height: .13em;
    }

    .notification-banner__btn,
    .hero__btn {
        padding: .7em 1.4em;
    }

    /* hero  */

    .hero {
        margin: 0 .3em;
        padding: 1.8em 0 1.5em 2.5em;
        display: flex;
        justify-content: space-between;
    }

    .hero__column1 {
        width: 48%;
    }

    .hero__headline {
        text-align: left;
        font-size: 3.9rem;
    }

    .hero__link {
        padding: 0em;
    }

    .hero__btnContainer {
        width: 40%;
    }

    .hero__btn {
        padding: .6em 1em;
        font-size: 1rem;
    }

    .hero__para {
        font-size: .95rem;
        width: 60%;
    }

    .hero__column2 {
        width: 52%;
        padding-top: 5%;
    }

    .incentives {
        padding: 2.8em 0 2.5em;
    }

    .incentives__heading {
        text-align: left;
        font-size: 2rem;
    }

    .incentives__description-section {
        padding: 0em;
        margin-top: 8em;
        display: flex;
        justify-content: space-between;
        text-align: left;
    }

    .description-section__btn {
        font-size: 1rem;
    }

    .description-section__title {
        padding: .5em 0 .27em;
        /* font-size: 3rem; */
    }

    .description-section__col1 {
        width: 40%;
        margin: 0 auto;
    }

    .description-section__col2 {
        width: 50%;
        padding-right: .2em;
    }

    .description-section__info {
        width: 93%;
        padding: 1.5em 1em .3em 1.8em;
    }

    .listItem__iconContainer {
        width: 10%;
    }

    .external-link:hover .external-link__icon {
        /* transform: translate(.5em, -.3em); */
        transform: translate(.5em, -.5em);
        transition: transform 10sec linear;
    }

    .section-grey {
        /* background-color: rgb(241, 241, 241); */
        margin: 6em 2%;
        padding: 3em 1.8em 0em 2.5em;
        display: flex;
        justify-content: space-between;
        text-align: left;
    }

    .section-grey__para {
        margin: 1em 0 2em;
    }

    .section-grey__col1 {
        width: 52%;
    }

    .section-grey__col2 {
        width: 45%;
    }

    .section-grey__infoContainer {
        margin: 1em .3em;
    }

    .infoContainer__col1 {
        padding-top: .7em;
    }

    .infoContainer__col2 {
        width: 80%;
    }

    /* .infoContainer__heading {
       
    } */

    /* .infoContainer__col2 p {
       
    } */

    .testimony-container {
        padding: 1.7em 2em 1em;
        margin-top: 2.5em;
        margin-bottom: 3.5em;
    }

    .testimony__logo {
        width: 50%;
        margin-bottom: 2em;
    }

    .testimony__para {
        font-size: 1.5rem;
    }

    /* .testimony__person {
       
    } */

    /* .testimony__person__col1 {
        width: 20%;
    } */

    /* .testimony__person__col1 img {
        width: 80%;
        border-radius: 50%;
    } */

    /* .testimony__person__col2 {
        width: 80%;
    } */

    /* .testimony__person__col2 h4 {
        font-size: 1.1rem;
        font-weight: 600;
    } */

    .testimony__person__col2 p {
        font-size: .8rem;
    }

    .testimony2-logo {
        width: 27%;
    }

    /* sales summary  */
    .sales-summary {
        padding: 3.6em 0em 3em;
        margin-top: 7.5em;
        margin-bottom: 2em;
    }

    .sales-summary__item {
        padding: 0em 1em;
    }

    .sales-summary__item__heading {
        font-size: 2.4rem;
    }

    .sales-summary__item p {
        line-height: 1.6em;
    }

    .sales-summary__item2 {
        width: 55%;
    }

    .sales-summary__item3 {
        border: none;
    }

    /* revenue */
    .revenue-container {
        margin-top: 3.7em;
        padding-top: 3em;
        padding-right: 0em;
        padding-bottom: 2em;
    }

    .revenue-container .section-grey__col1 {
        width: 55%;
    }

    /* .revenue-container__heading {
    } */

    .revenue-img--mobile {
        display: none;
    }

    /* .revenue-container ol {
    } */

    .revenue-img {
        display: block;
        align-self: center;
    }

    /* selling plan container  */
    .sellingPlan-container {
        /* background-color: white; */
        box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.099);
        padding: 1.5em 1.5em 1.5em 2.5em;
        margin-bottom: 5em;
        margin-top: 8em;
    }

    .sellingPlan-container__col2--mobile {
        display: none;
    }

    /* .sellingPlan-container__col1 {
        width: 55%;
    } */
    .sellingPlan-container__heading {
        padding: .7em 0 0;
    }

    .sellingPlan__stepContainer ul {
        line-height: 1.8em;
    }

    .sellingPlan-container .section-grey__col2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
    }

    .sellingPlan-container__col2 img {
        width: 95%;
    }

    /* amazon tools and programs section  */
    .toolsAndPrograms-section {
        padding: 4.5em 0em 0em;
        width: 93%;
    }

    .toolsAndPrograms-section__subheading {
        font-size: 1.1rem;
        padding: 1em 3em;
    }

    .tools-container {
        margin-top: 4em;
        /* margin: 4em 0; */
        display: flex;
        justify-content: space-between;
        height: 40em;
        overflow-y: auto;
        scrollbar-width: none;
    }

    .tools-container__navigation {
        width: 23%;
        position: sticky;
        top: 0em;
        flex-direction: column !important;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    /* .tools-container__nav-link {
        font-size:1rem;
    } */

    .tools-container__nav-link--active {
        font-size: 1.5rem;
    }

    .tool-wrapper {
        width: 75%;
    }

    .tools-container__col2 {
        /* width: 72%; */
        position: static;
    }

    /* connect with more customers tool container  */
    /* .tool-container {
        border-bottom: 1px solid rgba(128, 128, 128, 0.197);
    } */

    .tool-container__heading {
        font-size: 2rem;
        padding-left: 1.5em;
    }

    .tool-infoContainer {
        display: flex;
        justify-content: space-between;
        padding: 1.5em 1.4em 1.7em 1.5em;
    }

    .tool-infoContainer__col1 {
        padding: 2.5em 1.5em 0em 2em;
        width: 55%;
    }

    .tool-infoContainer__col1 h4 {
        font-size: 1.33em;
    }

    .tool-infoContainer__col2 {
        width: 40%;
    }

    .tool-infoContainer__col2 p {
        font-size: 1.4rem;
        padding-top: 1em;
    }

    /* three cols  */

    .tool-container__threeCols {
        /* padding: 0 .7em 0 .7em; */
        display: flex;
        justify-content: space-between;
    }

    .threeCols__col {
        width: 31.3%;
        padding: 2.8em 1.3em .6em;
    }

    .threeCols__col__heading {
        font-size: 1.3rem;
    }

    .threeCols__col__description {
        font-size: .87rem;
    }

    /* faq */
    .faq {
        padding: 1em 0 1.3em;
    }

    .faq__heading {
        padding: 1em 0;
        padding-bottom: 1.5em;
    }

    /* 
    .faq .accordion-body__hyperlink:hover {
        background-color: transparent;
    } */

    /* 
    .faq .external-link:hover {
        background-color: transparent;
    } */

    /* start selling section */
    .section-startSelling {
        /* display:flex; */
        padding-top: 0;
        padding-right: 0;
        margin-bottom: 3em;
    }

    .start-selling__imgDiv--mobile {
        display: none;
    }

    .section-startSelling .section-grey__col1 {
        width: 50%;
        /* padding-bottom: 3.8em; */
    }

    .startSelling__heading {
        font-size: 3.7rem;
        padding: .7em 0 0;
    }

    .startSelling__para {
        font-size: 1.2rem;
        line-height: 1.5em;
    }

    .start-selling__link {
        margin-bottom: 3em;
    }

    .start-selling__link p {
        width: 45%;
    }

    .section-startSelling .section-grey__col2 {
        width: 45%;
        /* height: 100%; */
    }

    .start-selling__imgDiv {
        display: flex;
        align-self: stretch;
    }

    .start-selling__img {
        width: 100%;
        border-radius: 1em;
    }

    /* closing msg  */
    .closing-message {
        padding-bottom: 4em;
        width: 34%;
        margin: 0 auto;
        text-align: center;
        color: rgb(85, 82, 82);
        font-size: .75rem;

    }

    .closing-message__para {
        line-height: 1.5em;
    }

}



@media(min-width:992px) {

    h2 {
        font-size: 3rem;
        font-weight: 800;
        word-spacing: -5px;
        letter-spacing: -1px;
    }

    .notification-banner {
        margin-top: .9em;
        /* margin-bottom: 0; */
        padding: .7em 0em 1em;
        /* z-index: 10; */
        justify-content: space-evenly;
    }

    .notification-banner__heading {
        /* width: 30%; */
        width: auto;
    }

    .notification-banner__text {
        width: auto;
        font-size: 1rem;
    }

    .notification-banner__btnContainer {
        width: auto;
        display: flex;
        align-items: center;
    }

    .notification-banner__btn,
    .hero__btn {
        font-size: 1rem;
        padding: .9em 1.4em;
    }

    /* hero  */

    .hero {
        margin: 0 .45em;
        padding: 4em 0 2em 5em;
    }

    .hero__column1 {
        /* align-self: self-start; */
        width: 47.5%;
    }

    .hero__headline {
        font-size: 4.5rem;
    }

    .hero__btnContainer {
        width: 43%;
    }

    .hero__link {
        margin-top: 3.5em;
        justify-content: flex-start;
    }

    .hero__btn {
        padding: 1em 2em;
        font-size: 1.3rem;
        margin-right: .5em;
        /* width: auto; */
    }

    .hero__para {
        font-size: .95rem;
        width: 44%;
    }

    .hero__column1 {
        text-align: left;
    }

    .hero__column2 {
        width: 40%;
        /* padding-left: 10em; */
    }

    /* .incentives */

    .incentives__heading {
        padding-left: 1.7em;
        padding-right: 0em;
        font-size: 2rem;
    }

    .incentives__description-section {
        padding-left: 0em;
    }

    .description-section__col1 {
        width: 40%;
        margin: 0;
    }

    .description-section__col2 {
        width: 57%;
        padding-right: 5%;
    }

    .description-section__title {
        font-size: 3rem;
    }

    .description-section__info {
        padding: 1.5em 3em .3em 1.8em;
    }

    .listItem__iconContainer {
        width: 5%;
    }

    .description-info__listItem span {
        width: 95%;
    }

    /* section grey  */

    .section-grey {
        padding: 3em 1.8em 1em 4em;
        margin: 5em 7%;
    }

    .section-grey__col1 {
        width: 53%;
    }

    .section-grey__col2 {
        width: 43%;
    }

    .section-grey__infoContainer {
        margin-bottom: 2em;
    }

    .infoContainer__col2 {
        width: 88%;
    }

    .testimony-container {
        padding: 2.5em 3em 1em;
        margin-top: 0em;
        margin-bottom: 1.7em;
    }

    .testimony__person__col2 h4 {
        line-height: 1.7em;
    }

    .testimony2-logo {
        width: 20%;
        /* width: 27%; */
    }

    /* sales summary  */
    .sales-summary {
        width: 98.7%;
        margin: 0 auto;
        padding: 4.7em 4em 4.7em 4em;
    }

    .sales-summary__item {
        /* width: 32%; */

        padding: 1.3em 4em;
    }

    .sales-summary__item__heading {
        font-size: 2.9rem;
    }

    .sales-summary__item1 {
        padding-left: 0;
    }

    .sales-summary__item2 {
        width: 29.3%;
        padding: 1.3em 3em 1.3em 0;
    }

    /* revenue */
    .revenue-container {
        padding: 2em 1.8em 1.5em 5em;
        margin-bottom: 8em;
    }

    .revenue-container__heading {
        font-size: 1rem;
    }

    .revenue-container .section-grey__col1 {
        width: 49%;
    }

    .section-grey__col2.revenue-img {
        width: 46%;
    }

    /* selling plan container  */
    .sellingPlan-container {
        padding: 1.5em 1.5em 1.6em 3em;
    }

    .sellingPlan-container__heading {
        padding: .55em 0 0em;
    }

    .sellingPlan-container__col1 {
        width: 59%;
    }

    .sellingPlan-container__col2 {
        width: 36.8%;

    }

    /* .stepContainer__col1 {
        width: 40%;
    } */
    .sellingPlan__stepContainer .section-grey__para {
        font-size: .9rem;
        line-height: 1.5em;
    }

    .sellingPlan__stepContainer ul {
        line-height: 2.5em;
    }

    /* amazon tools and programs section  */
    .toolsAndPrograms-section {
        padding: 5em 0em 0em;
        width: 87%;
        margin: 0 auto;
    }

    .toolsAndPrograms-section__heading {
        font-size: 3rem;
    }

    .toolsAndPrograms-section__subheading {
        font-size: 1.3rem;
    }

    .tools-container__navigation {
        width: 22.7%;
    }

    .tools-container__nav-link {
        font-size: 1rem;
    }

    .tools-container__nav-link--active {
        padding-left: .3em;
        font-size: 1.5rem;
    }

    /* connect with more customers tool container  */

    .tool-infoContainer {
        /* width:75%; */
        padding: 1.5em 4.1em 1.7em 1.5em;
    }

    .tool-infoContainer__col1 {
        padding: 2.7em 2.5em 1em;
        width: 51%;
    }

    .tool-infoContainer__col2 {
        width: 43%;
    }

    .tool-infoContainer__col2 p {
        font-size: 1.45rem;
        padding-top: 3em;
        text-align: left;
    }

    /* three cols  */
    .tool-container__threeCols {
        padding-bottom: 4em;
    }

    .threeCols__col {
        padding: 2.8em 2em .6em;
    }

    .threeCols__col__description {
        font-size: .9rem;
        line-height: 1.6em;
    }

    /* faq */
    .faq {
        width: 73%;
    }

    .faq__heading {
        font-size: 3rem;
        padding: 1em 0;
        padding-bottom: 1.5em;
    }

    .faq .accordion-body p {
        font-size: 1rem;
        line-height: 1.5em;
        padding-right: 5em;
    }

    .faq .accordion-body ul,
    .faq .accordion-body ol {
        font-size: 1rem;
        line-height: 2.5em;
    }

    .faq .accordion-body ol {
        line-height: 1.7em;
    }

    /* start selling section */
    .section-startSelling {
        margin-top: 6em;
        padding-top: 0em;
        padding-bottom: 0;
        padding-right: 0;
    }

    .section-startSelling .section-grey__col1 {
        width: 40%;
    }

    .startSelling__heading {
        /* font-size: 3.7rem; */
        padding: 1em 0 0;
    }

    .start-selling__link {
        padding-bottom: 1.7em;
        justify-content: space-between;
    }

    .section-startSelling .hero__btnContainer {
        width: 50%;
    }

    .section-startSelling .hero__btn {
        margin-right: 0;
        padding: .85em 1.7em;
        /* width: 100%; */
    }

    .start-selling__link p {
        width: 45%;
        font-size: .95rem;
    }

    /* closing msg  */

}



@media(min-width:1200px) {

    .hero__btnContainer {
        width: 35%;
    }

    .hero__btn {
        padding: 1em 2em;
        /* font-size: 1.3rem; */
        /* margin-right: .5em; */
        /* width: auto; */
    }

    .hero__para {
        /* font-size: .95rem; */
        width: 40%;
    }
    .sales-summary__item1 {
        padding-left: 4em;
    }

    .start-selling__link {
        justify-content: flex-start;
    }

    .section-startSelling .hero__btnContainer {
        width: 44%;
    }

    .section-startSelling .hero__btn {
        margin-right: 0;
        width: 100%;
    }
}