/****************************************************************************
============================ LEGEND / 1768 to 1920 Default===================
== h1 = 45 === h2 = 35 === h3 = 30 === h4 = 25 ===== h5 = 20 ===== h6 = 16 ==
****************************************************************************/

/****************************************************************************
============================ BANNER =========================================
== h1 = 45 === h2 = 35 === h3 = 30 === h4 = 25 ===== h5 = 20 ===== h6 = 16 ==
****************************************************************************/

.yt-justified-content-center {
    max-width: 1190px;
    margin: 0 auto;
}

.yt-competitive-game-section .row.justify-content-center.text-center.yt-cta {
    justify-content: center !important;
}

section.ssn-fullwidth.yt-center.yt-custom-section.yt-banner {
    padding-top: 30px;
    padding-bottom: 50px;
    min-height: 700px;
    background-position: bottom right !important;
}

.yt-half-columns {
    display: flex;
    align-items: center;
}

.yt-left-section {
    flex: 0 0 50%;
}

.yt-right-section {
    flex: 0 0 50%;
    text-align: center;
    justify-content: right;
    display: flex;
}

.yt-banner .yt-image-inc {
    width: 85%;
    text-align: center;
    padding: 20px;
    max-width: 450px;
}

.yt-h6-subheading.yt-orange {
    color: #FF8900;
    font-size: 16px;
    font-weight: 500;
}

.yt-h1-heading {
    font-weight: 600;
    font-size: clamp(28px, 5vw, 43px);
    color: #0c2137;
    letter-spacing: 0.15px;
    margin-bottom: 25px;
    text-align:left;
}

span.yt-purple {
    background: transparent linear-gradient(269deg, #4B5CA5 0%, #8695E8 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

a.yt-cta.yt-primary-button.btn.btn-.text-unset {
    background-color: #ff8900;
    min-width: unset !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    color: #fff !important;
    border-radius: 8px !important;
    z-index: 1 !important;
}

a.yt-cta:hover {
    color: white !important;
    text-decoration: none;
    transition: all 1s 
ease;
    background: #f2761e !important;
    border-color: #f2761e !important;
}

.row.justify-content-center.text-center.yt-cta {
    text-align: left !important;
    justify-content: flex-start !important;
}

p.yt-paragraph-text {
    font-size: clamp(14px, 3vw,16px) !important;
    font-weight: 400;
    color: #0c2137;
    margin-bottom: 30px;
}

/****************************************************************************
============================ COMPETITIVE GAME ===============================
== h1 = 45 === h2 = 35 === h3 = 30 === h4 = 25 ===== h5 = 20 ===== h6 = 16 ==
****************************************************************************/

h2.yt-h2-heading, h2 {
    font-size: clamp(22px, 5vw, 33px);
    font-weight: 600;
    color: #0c2137;
    letter-spacing: -0.1px;
    text-align: center;
    margin-bottom: 60px;
}

.yt-repeter-item-wrapper {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 25px;
}

.yt-item-wrapper {
    background: #F2F5FE;
    border-radius: 16px;
    padding: 30px;
    text-align: center;
    padding-top: 60px;
    position: relative;
    width: 320px;
}

section.ssn-fullwidth.yt-center.yt-custom-section.yt-competitive-game {
    padding-bottom: 50px;
}

.yt-justified-content-center.yt-align-items-center.yt-competitive-game-section {
    padding-left: 80px;
    padding-right: 80px;
    overflow: hidden;
}

.yt-icon-wrapper {
    position: absolute;
    left: 40%;
    top: -10%;
}

h4.yt-h4-heading {
    font-size: 24px;
    color: #0c2137;
    font-weight: 600;
    letter-spacing: 0.02px;
    font-family: 'Poppins';
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.yt-item-wrapper p {
    margin: 0;
}


/****************************************************************************
============================ WINNING THE BOX =================================
== h1 = 45 === h2 = 35 === h3 = 30 === h4 = 25 ===== h5 = 20 ===== h6 = 16 ==
****************************************************************************/

section.ssn-fullwidth.yt-center.yt-custom-section.yt-buy-box h2.yt-h2-heading {
    text-align: left;
    margin-bottom: 20px;
}

.yt-buy-box .yt-justified-content-center.yt-align-items-center.yt-banner-section.yt-half-columns {
    padding: 50px;
}

.yt-image-inc img {
    text-align: right;
    margin-left: 90px;
}

.yt-buy-box h6.yt-h6-subheading.yt-dark {
    margin-bottom: 15px;
}

.yt-buy-box p.yt-paragraph-text {
    margin-bottom: 10px;
}

ul.yt-list-custom {
    margin-left: 0;
    padding-left: 0;
}

li.yt-list-item {
  list-style: none;
  font-weight: 500;
  display:flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: clamp(12px, 3vw, 14px);
}

li.yt-list-item::before {
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url('https://sellersnapdev.wpenginepowered.com/wp-content/uploads/2024/07/check.png');
  background-size: cover;
  margin-right: 10px;
}

.yt-buy-box a.yt-cta.yt-primary-button.btn.btn-.text-unset {
    margin-top: 30px;
}

.yt-h6-subheading.yt-dark {
    font-size: clamp(12px, 3vw, 16px);
    margin-bottom: 20px;
}

/****************************************************************************
============================ AMAZON REPRICING ===============================
== h1 = 45 === h2 = 35 === h3 = 30 === h4 = 25 ===== h5 = 20 ===== h6 = 16 ==
****************************************************************************/

section.ssn-fullwidth.yt-center.yt-custom-section.yt-why-amazon {
    padding-top: 50px;
    padding-bottom: 50px;
}

.yt-justified-content-center.yt-align-items-center.yt-why-amazon-section.yt-half-columns {
    align-items: flex-start;
}

.yt-why-amazon-section img {
    padding: 0px;
    margin: 0;
    transform: scale(1.25);
    padding-top: 30px;
}

.yt-why-amazon-section .yt-left-section {
    padding-left: 55px;
}

.yt-why-amazon li.yt-list-item::before{
    background-image: url('https://sellersnapdev.wpenginepowered.com/wp-content/uploads/2024/07/delete.png') !important;
}

.yt-why-amazon-section h2.yt-h2-heading {
    text-align: left;
    margin-bottom: 20px;
}

/****************************************************************************
============================ GAME THEORY ====================================
== h1 = 45 === h2 = 35 === h3 = 30 === h4 = 25 ===== h5 = 20 ===== h6 = 16 ==
****************************************************************************/
section.ssn-fullwidth.yt-center.yt-custom-section.yt-game-theory {
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: unset !important;
    /* background: #F2F5FE !important; */
    background: linear-gradient(180deg, rgba(242, 245, 254, 1) 0%, rgba(255, 255, 255, 1) 100%) !important;
}

.yt-game-theory h2.yt-h2-heading {
    margin-bottom: 20px;
}

.yt-game-theory .yt-description-group {
    text-align: center !important;
    width: 100% !important;
    padding-bottom: 30px;
}

.yt-game-theory img {
       margin: 0;
    width: 100%;
    box-shadow: 1px 2px 40px 9px #eaeefb;
    border-radius: 20px;
    /* padding: 10px; */
    margin-bottom: 40px;
}

/****************************************************************************
============================ REAL TESTIMONIALS ==============================
== h1 = 45 === h2 = 35 === h3 = 30 === h4 = 25 ===== h5 = 20 ===== h6 = 16 ==
****************************************************************************/

.testimonial-content {
    padding: 10px !important;
}

.testimonial-card {
    padding: 10px !important;
    align-items: center;
    justify-content: space-evenly !important;
    height: 300px;
    width: 800px;
}

.testimonial-video img {
    width: auto !important;
    height: 80% !important;
}

.play-button img {
    width: 42px !important;
    height: 42px !important;
}

.play-button {
    bottom: 10% !important;
    left: 0% !important;
    width: 100%;
}

.company-logo img {
    margin-top: 2em;
}

section.full-width.home-sec-3 {
    padding-top: 0;
}

p.sec3p {
    margin: 0;
}

.carousel-container {
    padding-top: 0;
    padding-bottom: 0;
    height:400px !important;
}

.home-sec-3 button.arrow.left-arrow {
    left: 100px;
}

.home-sec-3 button.arrow.right-arrow {
    right: 100px;
}

section.full-width.home-sec-3 h2 {
    margin-bottom: 20px;
}


/****************************************************************************
============================ John Nash Theory  ==============================
== h1 = 45 === h2 = 35 === h3 = 30 === h4 = 25 ===== h5 = 20 ===== h6 = 16 ==
****************************************************************************/
section.full-width.home-sec-3 h2 {
    margin-bottom: 20px;
}

section.ssn-fullwidth.yt-center.yt-custom-section.yt-behind-strategy {
    padding-top: 100px;
    padding-bottom: 50px;
}

.yt-behind-strategy h5.yt-h5-heading {
    text-align: center;
    font-size: clamp(18px, 3vw, 24px);
    font-style: italic;
    margin: 0;
}

.yt-justified-content-center.yt-align-items-center.yt-behind-strategy-section {
    background-image: none !important;
    background: linear-gradient(180deg, rgba(242, 245, 254, 1) 0%, rgba(255, 255, 255, 1) 100%) !important;
}

.yt-justified-content-center.yt-align-items-center.yt-behind-strategy-section {
    max-width: 1230px;
    padding: 70px;
    padding-bottom: 0;
    position: relative;
    border-radius: 50px;
}

.yt-behind-strategy-content {
    text-align: center;
    padding-top: 30px;
}

.yt-behind-strategy-content::before {
    content: url('https://sellersnapdev.wpenginepowered.com/wp-content/uploads/2024/07/Screenshot_10-removebg-preview-1.png');
    background: #fff !important;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    padding: 20px;
    border: 10px solid #f3f6fe;
    position: absolute;
    left: 45%;
    top: -70px;
}

.yt-behind-strategy h2.yt-h2-heading {
    margin-bottom: 20px;
}

/****************************************************************************
============================ INSIDE SELLERSNAP ==============================
== h1 = 45 === h2 = 35 === h3 = 30 === h4 = 25 ===== h5 = 20 ===== h6 = 16 ==
****************************************************************************/

section.full-width.home-sec-3 h2 {
    margin-bottom: 20px;
}

.slick-current .slider-item {
    background-color: #4B5CA5 !important;
}

.slider-item {
    height: 380px;
    border-radius: 18px;
    padding: 30px;
    margin: 20px 10px;
    text-align: center;
}


.right-arrow {
    right: 0px;
    background-image: url(/wp-content/uploads/2024/05/arrow-narrow-right.svg);
    box-shadow: 0 1px 20px 9px #00000047;
}

.left-arrow {
    left: -30px;
    background-image: url(/wp-content/uploads/2024/05/arrow-narrow-right.svg);
    transform: translateY(-50%) scaleX(-1) !important;
    box-shadow: 0px 1px 20px 9px #00000047;
}

.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    background-color: #FF8900;
    border: none;
    cursor: pointer;
    border-radius: 29%;
    z-index: 10;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
}

.arrow:hover {
    background-color: #ff5e33
}

.slider-wrapper-0 {
    position: relative;
}

.slick-arrow.slick-hidden {
    display: block !important;
}

.slick-slide {
    width: 360px !important;
    margin: 10px 15px;
}

.yt-item-slider {
    box-shadow: 1px 1px 20px 1px #4b5ca517;
}

.slider-item p, .slider-item h4.yt-h4-heading{
    text-align: left !important;
}

.slider-item h4.yt-h4-heading{
    color: #4B5CA5;
    font-size: clamp(0.75rem, 0.394rem + 1.1392vw, 1.3125rem);
}

.slick-current .slider-item h4.yt-h4-heading{
    color: #fff !important;
}

.slider-item p{
    font-size: clamp(0.75rem, 0.5918rem + 0.5063vw, 1rem);
    color: #0C2137;
    font-weight:300;
}

.slick-current .slider-item p {
    color: #fff !important;
}

section.ssn-fullwidth.yt-center.yt-custom-section.yt-inside-sellersnap {
    padding-bottom: 50px;
}

.isflex h2 {
    text-align: left;
    margin-bottom: 30px;
}

/**************************************************************************************
**============================ MEDIA QUERIES =========================================
** i.e. max-width: 1200px = 1199px and below
**************************************************************************************/

@media (max-width:1024px){
    .testimonial-card{
        height: auto !important;
    }

    section.ssn-fullwidth{
        width:100%;
        padding:40px 30px !important;
    }

    .yt-half-columns {
        max-width: 100% !important;
    }

    .yt-left-section, .yt-right-section{
        flex: unset;
    }

    .yt-right-section {
        width: 100%;
    }

    .yt-repeter-item-wrapper {
        grid-template-columns: auto auto !important;
    }

    .carousel-container{
        width:85%;
        margin:auto;
    }

    .yt-why-amazon-section .yt-right-section {
        margin: 0 !important;
    }

    .yt-why-amazon-section .yt-image-inc {
        padding: 0;
    }

    .right-arrow {
        right: -25px;
    }

    .left-arrow {
        left: -25px;
    }
}



@media ( max-width: 768px ){
	.play-button {
		bottom: 60px !important;
        left: 35px !important;
        top: unset !important;
        border-radius: 100% !important;
        width: 100%;
		transition: none !important;
	}
	
	.play-button img {
		width: 40px !important;
		height: 40px !important;
		margin-bottom: 0;
	}
	
    section.walmart-sec-5.full-width.datahub-faq {
        padding-top: 50px;
    }
	
	.yt-banner .yt-justified-content-center.yt-align-items-center.yt-banner-section.yt-half-columns {
		margin-top: 50px !important;
	}

    .faq-answer.open {
        padding-left: 20px;
    }

    h3.faq-question {
        font-size: 16px !important;
        background-position: right center !important;
        padding-left: 0px !important;
        padding-right: 60px !important;
        color: #0C2137 !important;
    }
    
    .yt-inside-sellersnap .arrow{
        top:105%;
    }

    .yt-h6-subheading, .yt-h1-heading{
        text-align: center !important;
    }

     .yt-banner .yt-right-section, .yt-buy-box .yt-right-section, .yt-why-amazon-section .yt-right-section{
        display:none;
    }
	.yt-buy-box .yt-right-section{
		margin-left:0;
	}
	.yt-buy-box .yt-right-section img{
		margin-left: 0;
	}
	.yt-buy-box .yt-left-section{
	}
    
    .yt-custom-section {
        padding: 20px !important;
    }
    
    .yt-half-columns {
        flex-direction: column;
    }

    .yt-banner{
        background-position:top center !important;
    }

    .yt-repeter-item-wrapper {
        grid-template-columns: auto !important;
    }

    .yt-item-wrapper{
        width: auto !important;
        margin-bottom: 30px;
    }

    .yt-icon-wrapper{
        left:30%;
    }

    .yt-buy-box h2.yt-h2-heading, h2.yt-h2-heading {
        text-align: center !important;
    }

    .yt-h6-subheading.yt-dark {
        text-align: center;
    }

    .yt-h6-subheading.yt-dark br {
        display:none !important;
    }

    p.yt-paragraph-text {
        text-align: center !important;
        text-align-last: center;
    }

    li.yt-list-item {
        width: 80%;
        margin: 0 auto;
        flex-wrap: nowrap;
    }

    li.yt-list-item::before{
        content:url('https://sellersnapdev.wpenginepowered.com/wp-content/uploads/2024/07/check.png');
        background:none !important;
        margin-right:15px;
        padding: 0px;
        height: 30px;
        width: 30px;
    }

    li.yt-list-item.yt-eks::before{
        content:url('https://sellersnapdev.wpenginepowered.com/wp-content/uploads/2024/07/delete.png');
        background:none !important;
        margin-right:15px;
    }
    .slick-slide {
        width: 320px !important;
    }

    .yt-justified-content-center.yt-align-items-center{
        padding: 0 !important;
    }

/*     .yt-justified-content-center.yt-align-items-center.yt-competitive-game-section{
        padding-left: 20px !important;
        padding-right: 20px !important;
    } */

    .yt-why-amazon-section img{
        padding-top: 0;
    }

    .yt-why-amazon-section .yt-left-section{
        padding-left: 0 !important;
    }

    section.full-width.home-sec-3 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .home-sec-3 button.arrow.right-arrow {
        right: -20px;
    }

    .home-sec-3 button.arrow.left-arrow {
        left: -20px;
    }

    span.purple.text {
        font-weight: 500;
    }

    .quote-icon {
        top: 4.3em;
        right: 50px;
    }

    .carousel-container {
        padding: 0;
        margin: 10px auto;
		margin-bottom: 30px;
        width: 95%;
    }
	
	.arrow {
		box-shadow: none;
		width: 40px;
		height: 40px;
		border-radius: 8px;
	}
	
	section.full-width.home-sec-3 .carousel-container {
        height: auto !important;
    }

    .company-logo {
        display: none;
    }

    .testimonial-card {
        margin-top: 30px;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .testimonial-video img {
        width: 100% !important;
        margin-bottom: 40px;
		object-fit: contain !important;
    }

    span.job-title {
        font-size: 12px !important;
    }

    .testimonial-content {
        gap: 10px;
    }

    .yt-behind-strategy-content::before{
        left:25%;
    }
	
	section.ssn-fullwidth.yt-center.yt-custom-section.yt-inside-sellersnap h2 {
		margin-bottom: 20px;
	}
	section.ssn-fullwidth.yt-center.yt-custom-section.yt-inside-sellersnap {
		padding-top: 0 !important;
	}
	
	.yt-behind-strategy h2.yt-h2-heading {
		width: 75%;
		margin: 0 auto;
/* 		padding:0 20px; */
	}
	
	.yt-buy-box h2.yt-h2-heading {
		padding: 0 20px;
	}

	.yt-inside-sellersnap h2.yt-h2-heading {
		padding: 0 20px;
	}
	
	h3.faq-question {
		margin: 0 !important;
	}
	
	.faq-item {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		margin-bottom: 0 !important;
	}
	.yt-banner p.yt-paragraph-text {
		width: 290px;
		margin: 0 auto 30px auto;
		padding: 0 10px;
	}
	.yt-banner p.yt-paragraph-text br{
		display: block !important;
	}
	
	section.ssn-fullwidth.yt-center.yt-custom-section.yt-competitive-game {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}

	.yt-competitive-game h2.yt-h2-heading {
/* 		width: 85%; */
		margin-left: auto;
		margin-right: auto;
	}

/* 	.selling-items.yt-item-wrapper {
		margin-left: 20px;
		margin-right: 20px;
	} */
	.testimonial-text p {
		font-size: 14px !important;
	}
	
	.play-button:hover {
		background-color: rgba(0, 0, 0, 0.6);
		border-radius: 0 !important;
		transition: none !important;
	}
	
	.yt-buy-box a.yt-cta.yt-primary-button.btn.btn-.text-unset {
		margin-top: 20px;
	}

	section.walmart-sec-5.full-width.datahub-faq h2 {
		font-size: clamp(21px, 5vw, 33px);
		letter-spacing: -0.2px;
	}
	
	.testimonial-video{
		height:350px !important;
	}
	
	.testimonial-text{
		padding:25px;
	}
}

@media (  max-width: 500px ){
    #page .main-wrapper {
        margin-top: 0 !important;
        padding-top: 20px   !important;
    }
    
    .yt-behind-strategy-content {
        margin-top: 100px;
    }

    .yt-behind-strategy-content h5.yt-h5-heading {
        padding-top: 50px !important;
    }

    .slick-slide {
        width: 335px !important;
    }

    .slider-item{
        margin: 20px 0 !important;
        min-height: 450px;
    }

    .yt-h1-heading{
         font-size: 30px;
         line-height: 35px;
    }

    p.yt-paragraph-text br {
        display: none !important;
    }

    .row.justify-content-center.text-center.yt-cta {
        text-align: center !important;
        justify-content: center !important;
    }

    section.ssn-fullwidth.yt-center.yt-custom-section.yt-banner{
        min-height: auto !important;
        background-position: bottom left !important;
        padding-bottom: 100px !important;
    }

    section.ssn-fullwidth.yt-center.yt-custom-section.yt-competitive-game {
        padding-top: 20px !important;
    }
   .slider-item p, .slider-item h4.yt-h4-heading {
        text-align: center !important;
        text-align-last: center !important;
    }
    .yt-buy-box .yt-h6-subheading.yt-dark, .yt-why-amazon .yt-h6-subheading.yt-dark{
        font-size: 14px;
    }
    li.yt-list-item {
        width: 73%;
        margin: 15px auto;
        flex-wrap: nowrap;
    }
    .yt-justified-content-center.yt-align-items-center.yt-why-amazon-section.yt-half-columns br {
        display: none;
    }

    section.walmart-sec-5.full-width.datahub-faq p br {
        display: none;
    }

    p.inner-paragraph br {
		display: none;
		text-align-last: center !important;
	}

	p.inner-paragraph {
		text-align-last: center;
		width: 98%;
		margin: 0 auto 30px auto;
	}

.yt-behind-strategy-content p {
    text-align: center !important;
    text-align-last: center !important;
    font-size: 14px !important;
}

.yt-behind-strategy-content {
    margin: 15px;
}

.slider-item h4.yt-h4-heading, h4.yt-h4-heading{
    font-size: 1.3125rem;
}

h2 br, h2.yt-h2-heading br{
    display: none !important;}

    section.ssn-fullwidth.yt-center.yt-custom-section.yt-behind-strategy {
		margin-top: 70px;
	}
	.yt-competitive-game-section .yt-h2-heading br {
		display: block !important;
	}
	
	.yt-justified-content-center.yt-align-items-center.yt-why-amazon-section.yt-half-columns .yt-left-section {
		width: 80%;
		margin: 0 auto;
	}
	
	.yt-why-amazon-section h2.yt-h2-heading {
		padding: 0 10px;
	}
	
	.testimonial-video .play-button img {
        width: 40px !important;
        height: 40px !important;
        margin-bottom: 0;
    }
}

@media (min-width:370px) and ( max-width: 400px ){
    .slick-slide {
        width: 300px !important;
    }
}

@media (min-width:350px) and ( max-width: 369px ){
    .slick-slide {
        width: 270px !important;
    }
}

@media (min-width:320px) and ( max-width: 349px ){
    .slick-slide {
        width: 230px !important;
		height: auto !important;
    }
	.slider-item{
		height: auto !important;
	}
}

@media ( min-width: 1024px ){
	.yt-competitive-game-section .yt-h2-heading br {
		display: none;
	}
}