/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 21 2026 | 08:07:49 */
block2/* CASE STUDIES LISTING */

.ripple-banner {
	position: relative;
    text-align: center;
    height: 50vh;
	overflow: hidden;
}
.ripple-banner .site-container {
	position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}
.rb-content {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
}
.rb-content p {
    color: black;
}
.ct-page-content {
    margin: 60px 0;
}
.ct-page-content h1,
.ct-page-content h2, 
.ct-page-content h3, 
.ct-page-content h4, 
.ct-page-content h5, 
.ct-page-content h6 {
    font-weight: 600;
	margin: 15px 0;
	color: black;
}
.ct-page-content ul,
.ct-page-content ol {
    margin-left: 30px;
}
.ct-page-content ul li,
.ct-page-content ol li {
    line-height: normal;
    margin-bottom: 5px;
}
.ct-page-content ul li {
    position: relative;
    list-style: none;
}
.ct-page-content ul li::before {
    content: '';
    position: absolute;
    top: 10px;
    left: -16px;
    width: 4px;
    height: 4px;
    background-color: black;
    border-radius: 50%;
}
.ct-page-content p {
    color: black;
    margin-bottom: 15px;
}

.filter-section {
    margin: 60px 0;
}
.case-studies-filter form > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
    gap: 0 20px;
}
.filter-section .searchandfilter ul {
    margin: 0;
    list-style: none;
}
.filter-section ul li.sf-field-search {
    padding: 0;
	width: 100%;
}
.filter-section ul li.sf-field-search label {
    display: block;
}
.filter-section ul li.sf-field-search input {
    width: 100%;
}
.case-studies-filter ul li.sf-field-search input {
    border: 1px solid #7F7D7A;
    border-radius: 100px;
    padding: 11px 12px;
    text-align: center;
	color: #7F7D7A;
	background-color: transparent;
}
.case-studies-filter ul li.sf-field-search input::placeholder {
    color: #7F7D7A;
}
.case-studies-filter ul li.sf-field-search input:focus {
    border-color: black;
    color: black;
}
.case-studies-filter ul li.sf-field-search input:focus::placeholder {
	color: black;
}
.case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category {
    padding: 0;
    margin: 20px 0;
}
.case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category ul {
    display: flex;
    gap: 15px;
    padding: 0;
}
.case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category ul input {
    display: none;
}
.case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category ul label {
    cursor: pointer;
    padding: 10px 24px;
    border: 1px solid #D8D8D8;
    border-radius: 100px;
    line-height: normal;
    font-size: 16px;
}
.filter-section .searchandfilter ul li.sf-option-active label {
    background-color: #937CD8;
    color: white;
    border-color: #937CD8 !important;
}
.filter-section .searchandfilter select.sf-input-select {
    min-width: 120px;
    border: 1px solid #D8D8D8;
    border-radius: 100px;
    font-weight: 600;
    padding: 10px 24px 10px 16px;
    background-position: center right 10px;
    line-height: normal;
    background-color: transparent;
    cursor: pointer;
}

.search-filter-results {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 25px;
}
.search-filter-results article {
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    overflow: hidden;
	background-color: #F0F0EA;
}
.search-filter-results .first-post-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1 / -1;
}
.search-filter-results .first-post-grid img {
    width: 100%;
}
.search-filter-results .grid-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 60px 40px;
}
.search-filter-results .np-first-inner {
    max-width: 460px;
}
.search-filter-results .np-inner {
    padding: 26px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.np-thumb {
    overflow: hidden;
}
.np-thumb .wp-post-image {
    transition: transform 0.3s;
}
.first-post-grid:hover .np-thumb .wp-post-image,
.normal-post:hover .wp-post-image {
    transform: scale(1.1);
}
.search-filter-results .post-tags p,
.search-filter-results .post-date p,
.np-inner .post-tags p,
.np-inner .post-date p{
    line-height: normal;
    font-size: 15px;
    font-weight: bold;
    color: #3B375A;
    letter-spacing: 0.6px;
}
.search-filter-results .first-post-grid .post-tags p,
.search-filter-results .first-post-grid .post-date p {
    font-size: 16px;
}
.search-filter-results .post-title a,
.np-inner h4.post-title{
    color: black;
    letter-spacing: -0.3px;
    font-size: 22px;
}
.search-filter-results .first-post-grid .post-title {
    margin: 8px 0 14px 0;
}
.search-filter-results .first-post-grid .post-title a {
    font-size: 32px;
}
.search-filter-results .post-excerpt p,
.np-inner .post-excerpt p{
    font-size: 16px;
    line-height: 1.6;
    color: black;
}
.search-filter-results .pagination {
    margin: 0;
    grid-column: 1 / -1;
}
.pagination .disabled {
    cursor: not-allowed;
    pointer-events: none;
}
.pagination .current {
    background-color: #937cd8;
    border-color: #937cd8;
}
.pagination a:hover,
.pagination a:focus,
.pagination a:active {
	border-color: #937cd8;
}


/* COSMO CONNECT */

.content-banner {
    overflow: hidden;
    position: relative;
    background-color: #937cd8;
    background: linear-gradient(5deg, #937CD8, #D5C8E8);
}
.content-banner .site-container {
    position: relative;
}

/* Unique Lock Screen Namespace */
.ux-lockscreen-container {
    width: 100%;
    padding: 60px 20px;
	margin: 60px 0;
}
/* .ux-lockscreen-card {
    width: 100%;
    max-width: 420px;
    border-radius: 22px;
    padding: 40px 35px;
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    text-align: center;
    color: #f9fafb;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
	background-color: white;
	margin: 0 auto;
} */
.ux-lockscreen-icon span {
    font-size: 50px;
    display: inline-block;
    margin-bottom: 18px;
}
.ux-lockscreen-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
}
.ux-lockscreen-message {
    font-size: 15px;
    opacity: 0.85;
    line-height: 1.6;
    margin-bottom: 30px;
}
/* .clf-item label {
    display: block;
    color: #444;
    font-size: 15px;
} */
.clf-item label input {
    margin-top: 4px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	line-height: normal;
}
.clf-item .required {
    color: red;
}
.custom-login-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.custom-login-form .clf-item-btn {
    margin-top: 14px;
}
.user-notice-message .login-error {
    color: red;
    margin-bottom: 10px;
    font-size: 15px;
    text-align: center;
}
.user-action {
    margin: 40px 0 60px 0;
}
.user-action a {
    border: 2px solid rgba(0, 0, 0, 0);
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    border-radius: .25rem;
    background-color: #444;
    border-color: #444;
    display: block;
    width: fit-content;
    padding: 6px 16px;
    margin: 0 auto;
}

.btn-wrap.btn-wrp-mb-hm {
    display: none;
}


@media screen and (max-width: 767px) {
	.ripple-banner h1 {
		font-size: 42px;
		line-height: 52px;
	}
}

/*home*/


/* Large devices (≥ 992px) — 3 columns
 @media (max-width: 1199px) {
    .rep-lrn-suite {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Medium devices (≥ 768px and ≤ 991px) — 2 columns 
@media (max-width: 991px) {
    .rep-lrn-suite {
        grid-template-columns: repeat(2, 1fr);
    }
}

Small devices (≥ 576px and ≤ 767px) — 2 columns (optional: adjust to suit) 
@media (max-width: 767px) {
    .rep-lrn-suite {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Extra small devices (≤ 575px) — 1 column 
@media (max-width: 575px) {
    .rep-lrn-suite {
        grid-template-columns: 1fr;
    }
} */






/* Home*/

.img-bottom-home,
.img-bottom-awards{
    display: none !important;

}
.cosmo-learning-img-mobile{
   display:none; 
    
}

/*----------------------------- Large Screens -------------------------------*/
 
 
@media only screen and (max-width :1920px) and (min-width: 1601px) {
/* 	    .cnt-home-bnr {
  
    padding: 130px 170px;
} */
	
	
}
 
@media only screen and (max-width :1600px) and (min-width: 1441px) {
	
.cnt-home-bnr {
    max-width: 810px;
    padding: 100px 120px;
    margin: 0 auto;
} 
	
	
html[lang="fr"]	.lft-shp-bnr h1.purple-title {
    font-size: 48px;
    line-height: 60px;
}

html[lang="fr"] .cnt-lrn-sut-shp {
    max-width: 450px;
    margin: 20px 0 110px;
    min-height: 360px;
}
	
html[lang="fr"] .testimonial-slider.tst-slid-prod .cnt-slider-test-wrap {
    min-height: 500px;
}
	
html[lang="fr"] .testimonial-slider.tst-slid-prod .video-section {
    min-height: 600px;
}	
	
html[lang="fr"] .main-heading {
    font-size: 56px;
}	
	
html[lang="fr"] .cnt-home-bnr p {
    font-size: 18px;
}

html[lang="da"] .trusted-environemnt-post-cnt p {
    min-height: 110px;
}	
	
html[lang="de"] .main-heading {
    font-size: 46px;
    line-height: 56px;
}	
	
}
 
@media only screen and (max-width :1440px) and (min-width: 1367px) {

.cnt-home-bnr {
    max-width: 810px;
    padding: 100px 120px;
    margin: 0 auto;
}   
.site-container {
    padding: 0px 40px !important;
}	
	
}
 
@media only screen and (max-width :1366px) and (min-width: 1281px) {
   .cnt-home-bnr {
        max-width: 550px;
        padding-left: 40px;
    }
	
	.circle-div-home {
		width: 44%;
	}
	
	.site-container, .content-banner .site-container {
        padding: 0 40px !important;
    }
    
    
}
 
/*----------------------------- Small Laptop -------------------------------*/
@media only screen and (max-width :1280px) and (min-width: 1101px) {

      .cnt-home-bnr {
  
    padding: 30px 50px;
}
    .rep-lrn-suite {
        grid-template-columns: repeat(2, 1fr);
    }
.main-heading {

    font-size: 52px;
    line-height: 52px;
  
}
	
.circle-div-home {
    width: 45%;
	        z-index: 2;
}	
}
 
/*----------------------------- Media 1024 -------------------------------*/
@media only screen and (max-width :1100px){
    .lft-cosmo-app {
    width: 37%;
}
    .rgt-cosmo-connect img {
    max-width: 400px;

}.cnt-home-bnr {
    max-width: 100%;
    padding: 100px 60px;
}
    .rep-lrn-suite {
        grid-template-columns: repeat(2, 1fr);
        gap:20px;
    }


 .wrap-home-banner{
    flex-direction: column-reverse;
}   
    .lft-home-bnr {
    max-width: 100%;
}
	
/* body.home header#masthead svg.kadence-svg-icon.kadence-shopping-bag-svg {
    display: block;
    font-size: 0;
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: block;
    padding-bottom: 24px;
    margin-left: 6px;
    background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/10/Vector-2.png);
}	 */
	
body.home header#masthead .site-main-header-wrap.item-is-fixed.item-is-stuck .header-cart-inner-wrap button.drawer-toggle.header-cart-button span.kadence-svg-iconset svg.kadence-svg-icon.kadence-shopping-bag-svg
{
    font-size: 0;
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: block;
    padding-bottom: 24px;
    margin-left: 6px;
    background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/11/basket-purple.svg);
	display:block !important;
}	
	
div#cart-drawer .drawer-inner .drawer-content.woocommerce.widget_shopping_cart {
    padding: 0px 40px !important;
}	

	#cart-drawer h2.side-cart-header {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
}
	p.woocommerce-mini-cart__empty-message {
    color: #fff;
    font-size: 17px;
}
.drawer-inner {
    padding: 40px 0;
}	
button.cart-toggle-close.drawer-toggle span svg {
    fill: #fff;
}	

	body.home header#masthead .site-main-header-wrap.item-is-fixed.item-is-stuck span.menu-toggle-icon svg.kadence-svg-icon.kadence-menu-svg {
    fill: #3b375a !important;
}
body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck button.drawer-toggle.header-cart-button {
    border: unset;
}	
	
}
 
/*----------------------------- Media 768 -------------------------------*/
@media only screen and (max-width:999px){
        .rgt-cosmo-connect img {
    max-width: 350px;

}
    .cnt-home-bnr {
        max-width: 100%;
        padding: 70px 0px;
        margin: 0;
    }
    
 .lft-cosmo-connect {
    width: 45%;
}   
    
    .site-main-header-wrap.site-header-focus-item.site-header-row-layout-standard.site-header-row-tablet-layout-default.site-header-row-mobile-layout-default.kadence-sticky-header.item-is-fixed.item-at-start.item-hidden-above.item-is-stuck {
    background: #fff;
}
    


    
    
 
}
 
/*----------------------------- Media Tab -------------------------------*/
@media only screen and (max-width:767px){
      
      .main-heading {
    font-size: 45px;
    line-height: 45px;
    }
         a.link-cosmo-app-btn img {
        margin: 0 auto;
    } 
      
      
      
      .rep-lrn-suite {
        grid-template-columns:1fr;
    }
 
    
    .img-bottom-awards{
    display: block !important;

}
   ul.award-winning-grid {
    display: none;
} 
    
     .cnt-home-bnr {
        padding-left: 20px;
        padding-bottom: 80px;
    }
	body.home button.drawer-toggle.header-cart-button {
    border: unset;
}
    .trusted-enviroments {
    padding: 50px 0;

}
    .cosmo-connect {
    margin: 50px 0;
}
    .cosmo-dot-parent {
    margin-bottom: 50px;
}
    
    .pair-cosmo-app {
    margin: 50px 0;
}
    
    .cosmolrn-suite {
    padding: 50px 0;
}
    .cosmo-learning-wrap {
    padding: 50px 0;
 
    }

.award-section {
    background: #F0F0EA;
    padding: 50px 0;
}

.award-wrap-outer{
    flex-direction: column;
}
.img-bottom-home {
    display: block !important;

}
.img-bottom-rgt-home {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
    gap: 20px;
}

.img-bottom-rgt-home img {
    max-width: 250px;
}
.img-bottom-home {
    margin: 35px auto;
}
.cosmo-learning-img img {
    max-width: 100%;
    margin: 0 auto;
}
.bottom-apple-store {
    max-width: 200px;
    margin: 0 auto;
}
.cosmo-dot-parent-wrap{
    flex-direction: column;
}

.lft-dot-wrap {
    width: 100%;
}
.rgt-cosmo-dot {
    width: 100%;
}
.rgt-cosmo-dot img {
    max-width: 400px;
    margin: 0 auto;
}

.comso-connect-wrap {
    flex-direction: column;
    gap:40px;
}

.lft-cosmo-connect{
    width: 98%;
}
/* 
.lft-cosmo-app{
    width: 80%;
    text-align:center;
} */

.rgt-cosmo-connect img {
    max-width: 60%;

    margin: 0 auto;
}
.rgt-cosmo-connect,
.rgt-pair-app{
    width: 100%;
    text-align: center;
}


.rgt-pair-app img {
    max-width: 80%;
    margin: 0 auto;
}
.cosmo-logo-cnt img {
    margin: 0 auto;
    max-width:250px;
}
.lft-cosmo-connect {
    text-align: center;
}
.pair-cosmo-wrap {
    flex-direction: column-reverse;
	gap:40px;
}

.bottom-apple-store span {
    text-align: center;
}


.video_rgt_home {
    max-width: 100%;
}
    .lrn-suite-rep-wrap {
        padding: 30px 20px;
    }
	
.testimonial-slider.test-slider-home.test-slider-mb {
    display: block;
}	
	
.cnt-slider-test-wrap {
    padding: 50px 25px;
}	
	
.slider-content {
    display: flex;
    gap: 30px;
    	
	}
	
.testimonial-slider .swiper-slide {
    width: 100%;
    margin-right: 20px !important;
}	
	
/* .top-sec-tes-slider {
    flex-wrap: wrap;
}	 */
	
	.testimonial-slider .swiper-slide {
		width: 80% !important;
	}	
	
.slider-content {
        margin-right: 15px;
    }	
	
.video-section iframe {
    aspect-ratio: 1 / 1;
    height: 670px;
}	
.footer-widget-area.content-align-center .footer-social-inner-wrap {
    justify-content: flex-start;
}	
	
.footer-widget-area.content-align-right .footer-navigation .menu {
    justify-content: flex-start !important;
}	
	
.footer-navigation .footer-menu-container > ul li a {
    margin-left: 15px;
}	
	
.footer-html-inner p {
        text-align: left;
    }

	section.latest-webinar {
    display: none;
}
	section.latest-webinar.mobile-slider{
		
		display:block;
	}
	
  .story-section.mobile-slider {
    padding: 40px 0;
    overflow: hidden;
  }

  .story-section.mobile-slider h2 {
    font-size: 28px;
    margin-bottom: 30px;
    text-align: left;
  }

  /* Swiper container */
  .story-section.mobile-slider .timeline.swiper {
    position: relative;
    padding-left: 20px;
  }

  /* Full-width horizontal line */
    .story-section.mobile-slider .timeline.swiper::before {
        top: 15px;
        left: 0;
        width: 1000px;
        height: 2px;
    }
   .story-section.mobile-slider .timeline-item .circle:nth-child(1){
        width: 34px;
        height: 34px;
    }
	
    .story-section.mobile-slider .timeline-item:nth-child(3) .circle {
        width: 50px;
        height: 50px;
        top: -6px;
    }

    .story-section.mobile-slider .timeline-item .circle {
        left: 13px;
    }

    .story-section.mobile-slider .swiper-slide {
        width: 82%;
      }

   .story-section.mobile-slider .circle {
        position: relative;
        width: 18px;
        height: 18px;
        z-index: 2;
        margin-bottom: 28px;
    }

    .story-section.mobile-slider .swiper-slide-active .circle {
        width: 44px;
        height: 44px;
      }

    .story-section.mobile-slider .cnt-timeline {
        padding-right: 20px;
      }


   .story-section.mobile-slider .swiper-progress-bar {
        height: 4px;
        background: #e5e5e5;
        margin-top: 30px;
        overflow: hidden;
        border-radius: 2px;
    }

    .story-section.mobile-slider .swiper-progress-bar .progress {
        height: 100%;
        width: 0%;
        background: #000;
        transition: width 0.25s ease;
    }
    .story-section.mobile-slider {
        display: block;
    }
    .story-section {
        display: none;
    }
    .story-section.mobile-slider {
        background: #fff;
    }
     .story-section.mobile-slider .cnt-timeline {
        padding-left: 0;
    }
    .story-section.mobile-slider .swiper-slide:not(.swiper-slide-active) .cnt-timeline {
      padding-left: 70px;
    }
    
    .story-section.mobile-slider .swiper-slide-active .cnt-timeline {
      padding-left: 0;
    }

       .story-section.mobile-slider .swiper-slide:nth-child(2) .circle {
        width: 45px;
        height: 45px;
        top: -4px;
        left: -70px;
    }
	.troubleshoot-tabs ul.tabs-nav {
    margin-left: 0;
    padding-bottom: 13px;
}
    .story-section.mobile-slider .swiper-slide:nth-child(2).swiper-slide-active .circle {
      left: 20px;
    }
    .swiper-slide.timeline-item.swiper-slide-active .cnt-timeline {
        max-width: 80%;
    }
	.story-section.mobile-slider .swiper-progress-bar {
		background: #D9D9D9;
	}
	.story-section.mobile-slider .swiper-progress-bar .progress {
		background: #000;
	}
	
	.img-bottom-rgt-shop-for-mobile {
		display: flex !important;
		align-items: center;
		justify-content: center;
		flex-direction:
	}
	
	
}
 
/*----------------------------- Media Mobile Screen -------------------------------*/
@media only screen and (max-width:479px){
    .cosmo-learning-img {
    display: none;
}
	.trusted-enviroments h3{
		font-size:32px;
		
	}
	
	
	    .lft-cosmo-app {

        text-align: center;
    }

.cosmo-learning-img-mobile{
   display:block !important; 
    
}
.cosmo-learning-img-mobile img {
  margin:0 auto;
}
    
/*     .top-content-cosmo-learning, .cosmo-bottom-cnt {
     margin: 50px auto;
    } */
    .cosmo-bottom-cnt h3 {
    font-size: 32px;
    line-height: 100%;
    font-weight: 700;
    color:#000000;
}

.top-content-cosmo-learning span {
    color: #3B375A;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}

.top-content-cosmo-learning p {
    
    font-size: 20px;
    font-weight: 400;
  
}

.cosmo-dot-parent-wrap {
    padding: 30px 30px;
}





    .cosmo-learning-img img {
        max-width: 100%;
   
    }
    
    .img-bottom-rgt-home img {
        max-width: 70%;
    }
    

    .award-section {
        padding: 40px 0;
    }
    
.cosmo-learning-wrap {

    padding: 40px 0;
}


.main-heading {
    color: #937CD8;
    font-size: 32px;
    line-height: 100%;
    font-weight: 400;
}

.cnt-home-bnr p {
    color: #3B375A;
    font-size: 20px;
    margin: 30px 0;
}



.cosmo-bottom-cnt span {
    display: block;
    font-size: 18px;
	line-height:25px;
    color: #000;
    margin-top: 30px;
}


a.btn-back-purp, a.btn-bck-white {
 padding: 12px 20px;
    
} 
  .rgt-cosmo-dot img {
    max-width: 100%;
    
}  

 .cosmo-cnt-para p {
    color: #000;
}


.cosmo-cnt-para p strong {
    display: none;
}



a.link-cosmo-app-btn img {
    margin: 0 auto;
}

    .rgt-cosmo-connect img {
        max-width: 90%;
       
    }
  
   .rgt-pair-app img {
        max-width: 90%;
        
    }
    
 .progress-bar-cart.up_current.progress-icon-done:before {
    left: 110px !important;
}   
	
span.logo-icon svg {
    width: 150px;
}	
  
div#user-resources-slider .swiper-progress-bar, div#educators-learners-slider .swiper-progress-bar, div#podcast-slider .swiper-progress-bar {
    background: #D9D9D9;
}	

	    .video-section iframe {
        height: 480px;
    }
	
    .slider-content {
        margin-right: 0;
    }	
.trusted-environemnt-post-cnt p {
    min-height: 100px;
}
	
/* div#partner-resource-slider .swiper-wrapper {
    display: grid;
    gap: 30px;
}	 */
	
/* .partner-resource-slider-wrap .swiper-progress-bar {
    display: none;
}	 */
	
div#partner-resource-slider {
    padding-right: 40px;
}	
	
li.sf-field-taxonomy-cosmo-sale-hub, li.sf-field-taxonomy-cosmo-product-hub, li.sf-field-taxonomy-marketing-hub, li.sf-field-taxonomy-cosmo-connect-category {
    overflow-y: scroll;
    padding-bottom: 10px !important;
}	

.part-res-top h2 {
    font-size: 38px;
	margin-bottom: 10px;
}	
	
.top-rgt-test h4.client-name-test {
    font-size: 19px;
    font-weight: 700;
}	
	
.bottom-rgt {
        margin-top: 40px;
    }
	
.woocommerce div.product div.summary p.custom-product-text {
    margin-top: 13px !important;
}	
	
.section.ripple-vid {
    height: 45vh;
}	
	
.dotsusg-innr-wrp {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}	
	
}

/*----------------------------- Media Small Screen -------------------------------*/
@media only screen and (max-width:390px){

    .progress-bar-cart.up_current.progress-icon-done:before {
        left: 80px !important;
    }
	
.progress-bar-checkout .progress-count .progress-icon {
    margin-left: auto !important;
	margin-right: unset;
}

	.gtranslate_wrapper {
    width: 60px;
}
	.lft-image-slid-test img {
    max-width: 85px !important;
}
    .top-rgt-test h4.client-name-test {
        font-size: 16px;
    }
	
span.desg-tes-slider {
    font-size: 15px;
    line-height: 24px;
    display: block;
}	
.cnt-slider-test-wrap p {
    font-size: 15px;
    line-height: 26px;
}	
	
.top-sec-tes-slider {
    gap: 10px;
}	
.webinar-details h3 {
        font-size: 20px;
    }	
	
    .rgt-form-lck-scrn {
        width: 100%;
    }	
	
 }
/*----------------------------- Media Small Screen -------------------------------*/
@media only screen and (max-width:320px){

   
}

.img-bottom-rgt-shop-for-mobile {
    display: none;


}


/*new*/
/*----------------------------- Large Screens -------------------------------*/
 

/*css new*/



/*----------------------------- Large Screens -------------------------------*/
 
 
@media only screen and (max-width :1920px) and (min-width: 1601px) {
    .movement-rgt img, .the-movement.why-cosmo .movement-rgt img {
        max-width: 950px;
        height: 100%;
        object-fit: cover;
        object-position: left;
    }
	
	.ripple-banner {
    padding: 160px 0;
}
	.movement-rgt img, .the-movement.why-cosmo .movement-rgt img {
    max-width: 1030px;
}
	
}
 
@media only screen and (max-width :1600px) and (min-width: 1441px) {
	
	
	.cosmo-app-onb {
    padding: 100px 0px 20px 0px;
}
		.ripple-banner {
    padding: 140px 0;
}
	
  .movement-rgt img,
	.the-movement.why-cosmo .movement-rgt img{
    max-width: 900px !important;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
.rgt-bnr-shop img {
    max-width: 900px;
}	
	
}
 
@media only screen and (max-width :1440px) and (min-width: 1367px) {
 .solution-abt.wht-it-lrnmr .solution-img img {

    max-width: 840px;
}
	.solution-abt {

    margin: 130px 0 140px;
}
.solution-img {
    position: absolute;
    right: -1px;
    top: -170px;
}
.rgt-bnr-shop img {
    max-width: 840px;
}
.solutwo img {
    max-width: 750px !important;
}

  .movement-rgt img,
	.the-movement.why-cosmo .movement-rgt img{
    max-width: 800px !important;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
		.ripple-banner {
    padding: 120px 0;
}
	
.ripple-vid .ripple-video {
    object-position: center;
    transform: translateX(-12%);
}	

}
 
@media only screen and (max-width :1366px) and (min-width: 1281px) {
			.ripple-banner {
    padding: 120px 0;
}
	
		.cosmo-app-onb {
    padding: 100px 0px 20px 0px;
	}
	
   .solution-abt.wht-it-lrnmr .solution-img img {

    max-width: 800px !important;
}

.solutwo img {
    max-width: 650px !important;
}


	.solution-abt {

    margin: 130px 0 140px;
}	
.conve {
    max-width: 96% !important;
}

  .movement-rgt img,
	.the-movement.why-cosmo .movement-rgt img{
    max-width: 800px !important;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
	.site-header-row-container-inner {
    padding: 0 1rem;
}
.rgt-bnr-shop img {
    max-width: 800px;
}
span.logo-icon svg {
        width: 200px;
        height: 70px;
    }
	.site-header-row.site-header-row-center-column {
    gap: 0px; 
}
.site-container,.content-banner .site-container,section.banner-cosmo-learn-more.content-banner .site-container {
    padding: 0 32px !important;
}	
	
}
 
/*----------------------------- Small Laptop -------------------------------*/
@media only screen and (max-width :1280px) and (min-width: 1101px) {
	.site-header-row.site-header-row-center-column {
    gap: 0px; 
}
    li.tabs-pills {
        width: fit-content !important;
        white-space: nowrap;
    }
	
span.logo-icon svg {
	width: 180px;
	height: 70px;
	}
	
.main-navigation .primary-menu-container > ul > li.menu-item > a {
    padding-left: calc(1.8em / 4);
    padding-right: calc(1.8em / 3);
}	
 .solution-abt {
 
    margin: 90px 0 100px;
}
.solution-abt.wht-it-lrnmr .solution-lft {
    max-width: 80%;
}	
.solution-abt.wht-it-lrnmr .solution-img img {
    max-width: 660px !important;
}	
.solution-img {
    position: absolute;
    right: -1px;
    top: -100px;
}	
	
    .rgt-bnr-shop img {
        margin: 0 auto;
    }	
	
	.img-bottom-rgt-shop {
		max-width: 690px;
	}
/* .conve {
    max-width: 96% !important;
}	 */
.lrn-usrs-cosmo.lrn-usrs-cosmo-v3 {

    grid-template-columns: repeat(2, 1fr);
 
}
			.ripple-banner {
    padding: 120px 0;
}

.rep-ability-cosmo-focus {

    grid-template-columns: repeat(4, 1fr);

}

.lft-prod-wrap {
    width: 45%;
}
.cosmo-app-onb {
    padding: 100px 0px 0px;
}

.rgt-prod-wrap {
    width: 50%;
}

  .movement-rgt img,
	.the-movement.why-cosmo .movement-rgt img{
    max-width: 650px !important;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
 .site-container ,.content-banner .site-container{
    padding: 0 1rem !important;
}	
	
.rgt-bnr-shop img {
        max-width: 760px;
        margin: 0 auto;
    }
	
.img-bottom-rgt-shop {
    max-width: 680px;
}	
	
.footer-widget-area.content-align-center .footer-social-inner-wrap {
    justify-content: flex-start;
}	
	
.footer-widget-area.content-align-right .footer-navigation {
    justify-content: flex-start;
}	
	
#colophon .footer-navigation .footer-menu-container > ul li:first-child a {
    margin-left: 12px;
}	
	
.solutwo img {
    max-width: 550px !important;
}
	
.outer-wrp-cntct-frm {

    grid-template-columns: repeat(2, 1fr);
	}
	
	
  .inner-wrap-ability-focus-cosmo {
  
    padding: 25px;

}  	
.lft-lck-scrn {
    width: 38%;
}	
	    .site-header-row.site-header-row-center-column {
        gap: 0px;
    }	/*.our-values-rep {

    padding: 0px 10px;

	} */

 .troubleshoot-tabs .tabs-nav{

    flex-wrap: nowrap;
    width: 90%;
    overflow-y: scroll !important;
}	
    li.tabs-pills {
        width: fit-content !important;
        white-space: nowrap;
    }
	
	.wc-block-checkout .wc-block-components-sidebar.wc-block-checkout__sidebar {
    width: 40%;
}
	
.site-container, .content-banner .site-container {
        padding: 0 60px !important;
    }
	
.site-header-row.site-header-row-center-column {
    grid-template-columns: 1fr 2fr 0.8fr !important;
}
	
.progress-bar-main-wrapper {
    max-width: 1060px;
}	
	
.progress-bar-cart.up_current.progress-icon-done:before {
    left: 240px;
}
		

	.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main, .woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main {
    width: 55%;
}
	
.woocommerce-cart .wc-block-components-sidebar {
    width: 35%;
}	
	
}
 
/*----------------------------- Media 1024 -------------------------------*/
@media only screen and (max-width :1100px){
.troubleshoot-tabs .tabs-nav{

    flex-wrap: nowrap;
    width: 90%;
    overflow-y: scroll !important;
}
	    li.tabs-pills {
        width: fit-content !important;
        white-space: nowrap;
    }
	.wc-block-checkout .wc-block-components-sidebar.wc-block-checkout__sidebar {
    width: 40%;
}
	
	.lft-lck-scrn {
    width: 38%;
}
	.site-container,.content-banner .site-container {
    padding: 0 1rem !important;
}
			.ripple-banner {
    padding: 100px 0;
}
	
.outer-wrp-cntct-frm {

    grid-template-columns: repeat(2, 1fr);
	}
	.rgt-cntct-frm {
    max-width: 60%;
}
	.rep-supp-key {

    grid-template-columns: repeat(2, 1fr);

	}
	.rep-ability-cosmo-focus.rep-join-cosmo-lk {
    grid-template-columns: repeat(3, 1fr);
}
	
.solution-abt {

    margin: 50px 0 30px;
}
.rep-wrapinner-values.aos-init.aos-animate {
    padding: 40px;
}
.cosmo-app-onb {
    padding: 100px 0px 0px;
}
  .movement-rgt img,
	.the-movement.why-cosmo .movement-rgt img{
    max-width: 500px !important;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
.rgt-bnr-shop img {
    max-width: 550px;
}
.rgt-bnr-lrnmr {

    max-width: 500px;
}	
.lft-bnr-lrn-more {

    max-width: 500px;

}	
.solution-abt.wht-it-lrnmr .solution-img img {
  
    max-width: 80%;
	}	
/* .conve {
    max-width: 96% !important;
} */
.solution-img {
    position: absolute;
    right: -1px;
    top: 0px;
}
	.solution-abt.wht-it-lrnmr .solution-lft {
    max-width: 100%;
}
.rep-wrap-incl.rep-wrap-lrnmr {

    grid-template-columns: repeat(4, 1fr);
 
}

.cosmo-uses-rep-wrap-inner {
    flex-direction: column-reverse;
    align-items: start;
}
.lft-lrn-usrs-cosmo {
    width: 100%;
    max-width: 150px;
}
.lrn-usrs-cosmo, .lrn-usrs-cosmo.lrn-usrs-cosmo-v2 {

    gap: 20px;
}
	
		    .site-header-row.site-header-row-center-column {
        gap: 0px;
    }
	.site-header-item.site-header-focus-item .header-button-wrap {
    display: none;
}
	
.site-header-main-section-right.site-header-section.site-header-section-right .site-header-main-section-right-center {
    display: none;
}	
	
	
/* .purple-title {
    color: #3B375A;
    font-size: 24px;
    line-height: 30px;
} */
.rep-prof-lrnmr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.rep-ability-cosmo-focus.rep-cosmo-foucs-music {
    grid-template-columns: repeat(2, 1fr);
}
.lrn-usrs-cosmo.lrn-usrs-cosmo-v3 {

    grid-template-columns: repeat(2, 1fr);
 
}

.rep-ability-cosmo-focus {

    grid-template-columns: repeat(3, 1fr);

}
.rgt-cosmo-act {
    max-width: 100%;
    width: 100%;
}

.cosmo-act-wrap {

    flex-wrap: wrap;
    flex-direction: column;
    align-items: start;
    gap: 20px;
}

.rgt-parent-wrap-cosmo-act {
    flex-direction: column-reverse;
    align-items: start;
}
.cosmo-activities-music .rgt-cosmo-act {
    max-width: 100%;
}
.lft-cosmo-act {
    max-width: 100%;
}
.cosmo-act-rep {
    flex: 1;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}
.comso-act-inner-wrap {
    flex-direction: column-reverse;
    align-items: start;
        justify-content: left;
}

.cosmo-activities-music .lft-innr-rep-cosmo-act {
    max-width: 100%;
}
.wrap-single-prod {
    flex-direction: column;
}

.rgt-prod-wrap {
    width: 100%;
}

.woocommerce div.product div.images {
    margin: 0 auto;
}

.lft-prod-wrap {
    width: 100%;

}
.rep-wrap-incl {

    grid-template-columns: repeat(4, 1fr);
    gap: 40px;

}
.search-filter-results {

    grid-template-columns: 1fr 1fr !important;
}



    .solutwo img {
        max-width: 80%;
        margin: 0 auto;
    }

.solution-lft {
    max-width: 100%;

}



.solution-wrap {

    grid-template-columns: 1fr !important;

}

.funding-wrap {

    gap: 25px;
}

.fund-lft {
    width: 65%;
}

.funding-wrap.funding-resources-user .fund-rgt {
    width: 415px;
}

.webinar-wrapper-main {
    gap: 10px;
}

.left-section-webinar {
    flex: 0 0 40%;
}
.img-bottom-rgt-shop {

    max-width: 570px;
    justify-content: space-evenly;
	}

.img-bottom-rgt-shop img {
    max-width: 200px;
}	
.bottom-rgt {
    margin-top: 20px;
}	
	.grid-tech-spec {

    grid-template-columns: repeat(3, 1fr);
	}
	
	.rgt-form-lck-scrn {
    width: 44%;
   
}
	.solution-img {
        position: unset;
     
    }
	
.wrp-dotsusg-cosmo.wrp-coscnt-onb {
    grid-template-columns: repeat(2, 1fr);

}	
.child-posts-grid {
   
    grid-template-columns: repeat(3, 1fr);

}
	.wc-block-components-sidebar-layout.wc-block-checkout.is-large {

    flex-direction: column;
    gap: 30px;

	}	
	.wc-block-checkout .wc-block-components-main.wc-block-checkout__main {
    width: 100%;
}
.wc-block-checkout .wc-block-components-sidebar.wc-block-checkout__sidebar {
    width: 100%;
}	
body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck button.drawer-toggle.header-cart-button {
    border: unset !important;
}	
	
.cnt-home-bnr {
        padding-left: 50px;
        padding-bottom: 80px;
    }

	    .circle-div-home {
        left: -260px;
        width: 1510px;
        top: 61%;
    }

	.video_rgt_home {
    max-width: 100%;
}
	
li.menu-item.menu-item-type-post_type.current-menu-item a {
    color: #3b375a;
    font-weight: 600;
}	
	
.video_rgt_home {
        z-index: 1;
    }	
	
}
 
/*----------------------------- Media 768 -------------------------------*/
@media only screen and (max-width:999px){
	.child-posts-grid {
   
    grid-template-columns: repeat(2, 1fr);
  
	}
	.cosmo-dot-parent-wrap {
   
    padding: 40px 30px;
 

	}
	
	    .circle-div-home {
        left: -80px;
        bottom: 0;
        width: 1156px;
        top: 56%;
        transform: rotate(0deg);
    }

	
	
    .main-banner-cnt-shp {
    flex-direction: column-reverse;
		gap:40px;
}
  .cntct-wrp {
    flex-direction: column;
	  gap:30px;
}  
.rep-ability-cosmo-focus.rep-join-cosmo-lk {
    grid-template-columns: repeat(2, 1fr);
}	
	.lft-cntct {
    max-width: 100%;
	}
	.cnt-frm-shrt {
    width: 80%;
		margin: 0 auto;
}	
	
	
	    .rgt-cntct-frm {
        max-width: 100%;
    }
    .outer-wrp-cntct-frm {
        grid-template-columns: repeat(3, 1fr);
    }
    .webinar-wrapper-main {
    flex-direction: column;
    gap: 50px;
}
.rgt-form-lck-scrn {
    width: 45%;
}
.lft-lck-scrn {
    width: 45%;
}	
	
	
	
	
  .left-section-webinar {
  
    width: 100%;
}  
   .right-section-webinar {
    max-width: 100%;

    } 
    
/*  .solution-wrap {
    grid-template-columns: 1fr;
}
	.solution-img {
        position: unset;
     
    } */
	.bnr-wrap-learn-more {
    flex-direction: column-reverse;
		    gap: 40px;
}
    .lft-bnr-lrn-more,
    .banner-cosmo-music .lft-bnr-lrn-more{
        max-width: 100%;
    }	
	    .rgt-bnr-lrnmr {
        max-width: 80%;
        margin: 0 auto;
    }
    .solution-abt.wht-it-lrnmr .solution-img img {
        max-width: 80%;
        margin: 0 auto;
	}
	.solution-abt.wht-it-lrnmr .solution-lft {
    max-width: 100%;
}
    .solution-abt {
        margin: 50px 0 0px;
    }	
.innr-lrn-usrs-cosmo {
    flex-direction: column;
    align-items: start;
}
 .part-res-rep {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}   
 section.trust-en-lrnmr .part-res-rep-img img {
    height: auto;
    object-fit: cover;
}   
  .bottom-rgt-support {
    padding-left: 0;
    margin-top: 50px;
  }  
  .wrap-dot-supports {
    flex-direction: column;
    gap: 40px;
}
.lft-dot-supports {
    max-width: 100%;
}  
.bottom-cosmo-act {
    max-width: 100%;
} 
.cosmo-app-onb {
    padding: 80px 0px 0px;
}
    .rep-lrn-suite {
        grid-template-columns: 1fr !important;
    }

.wrap-whatsbox-rep.wrap-whatsbox-rep-v4 {
    grid-template-columns: repeat(3, 1fr);
}
.wrap-whatsbox-rep.wrap-whatsbox-rep-v4 {
    grid-template-columns: repeat(2, 1fr);
    /* max-width: 1200px; */
}
.rgt-bnr-shop {
    width: 100%;
    max-width: 80%;
    margin-left: 0;
}
    .rgt-bnr-shop img {
        max-width: 100%;
    }
/*     .case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category ul {
        flex-wrap: nowrap ;
        width: 90% ;
        overflow-y: hidden !important;
    } */
.case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category ul {
    overflow-y: scroll;
    padding-bottom: 30px;
}	

.case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category ul label {
  	  width: max-content ;
	}

    .our-values-rep {
  
    grid-template-columns: repeat(2, 1fr);

    }
	
	.lft-shp-bnr {
    width: 100%;
    max-width: 100%;
}
.our-team-full-image {
    padding: 80px 0px;
}	
	
	
	
	
    .movement-rgt img,
	.the-movement.why-cosmo .movement-rgt img{
        max-width: 100% ;
        height: 100%;
     
    }
    .movement-rgt {
    position: unset;

}
    
    .movement-lft,
	.the-movement.why-cosmo .movement-lft{
    width: 100%;
    max-width: 100% !important;
}
   .movement-wrap {
    flex-direction: column;
    gap: 30px;
} 
  .the-movement {

    padding: 100px 0;
     margin: 0 !important;
}
.cb-inner {
    flex-direction: column-reverse;
        gap: 40px;
}
.rgt-cb-inner {
    width: 100%;
    max-width: 80%;
}
.lft-cb-inner {
    width: 100%;
    max-width: 100%;
}

.rb-content {
  
           margin: 0 auto;
}

.res-troubleshoot {
    padding: 60px 0;
	
}
	

	
.img-bottom-rgt-shop {
    display: none;
}	
	.wrap-out-lrn-sut {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}
.cnt-lrn-sut-shp {
    max-width: 100%;
    margin-top: 30px;
}	
	
.onb-dot-stup .rgt-pair-app img {
    max-width: 80%;
    margin-left:0;
}	
.lft-cosmo-app {
    width: 100%;
}	
	
.pair-cosmo-wrap.onb-dot-stup {
    flex-direction: column;
    gap: 40px;
}	
.rgt-pair-app {
    width: 100%;
   
}	
.wrp-cosmo-lrn-onb {
    flex-direction: column;
    gap: 40px;
}	
.lft-cosmo-lrn-onb {
    width: 100%;
}	
.rgt-cosmo-lrn-onb {
    width: 80%;
}	
	
	
	.static-bg-wrap {
    padding: 60px 0;
 
}
.case-studies-filter .searchandfilter ul li.sf-field-taxonomy-user-resource-category ul label {

    width: max-content;
}	
	
	.lft-wrap-prod, .rgt-wrap-prod {
    max-width: 100%;
    border-radius: 10px;
}
	.wrap-ways-prod {
    flex-direction: column;
    gap: 40px;
}
	
	
	li.sf-field-taxonomy-user-resource-category ul {
    flex-wrap: nowrap;
    width: 90%;
    overflow-y: hidden !important;
}
	
	.woocommerce-order-received section.woocommerce-order-details {
    float: unset;
    width: 100%;
    margin-top: 40px;
}
	
		li.sf-field-taxonomy-cosmo-product-hub ul{

    flex-wrap: nowrap;
    width: 97%;
    overflow-y: scroll !important;
}
.searchandfilter ul li li {
    padding: 5px 0;
    width: fit-content !important;
    white-space: nowrap;
	}	
	.site-header-section-right {
    justify-content: flex-end !important;
}
	
/*.case-studies-filter .searchandfilter ul li.sf-field-taxonomy-user-resource-category ul {*/

/*        overflow-y: scroll;*/
/*    width: 90%;*/
/*}*/
/*    .case-studies-filter .searchandfilter ul li.sf-field-taxonomy-user-resource-category ul li{*/
  
/*        width: max-content;*/
/*    }*/
	.wp-block-woocommerce-cart.alignwide .wc-block-components-sidebar-layout.wc-block-cart {
    flex-direction: column;
    gap: 20px;
}
.wp-block-woocommerce-filled-cart-block .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
    width: 100%;
}	
.wc-block-cart .wp-block-woocommerce-cart-totals-block {
    width: 100%;
}	
	
.timeline {
        align-items: flex-start;
    }	
	
.movement-rgt img, .the-movement.why-cosmo .movement-rgt img {
        max-width: 100% !important;
    }	
	
	.header-button.shp-btn-mb{
		
		display:block;
	}	
	
}
 
/*----------------------------- Media Tab -------------------------------*/
@media only screen and (max-width:767px){
section.content-banner.cc-rsr-bnr {
    padding: 120px 0;
   
}
	.child-posts-grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-y: scroll;
        gap: 10px;
    }
	.post-item {
        padding: 20px;
        flex: 0 0 64%;
    }
	section.dynamic-swiper-section h3 {
    font-size: 32px;
}
	
	li.tabs-pills {
    width: fit-content !important;
    white-space: nowrap;
}
	
	.main-banner-cnt p{
    color: #000;
    line-height: 24px;
}
	
	.cnt-ripple-banner h1,
	.main-banner-cnt h1{
    font-size: 42px;
		line-height:40px;
}

	
	li.sf-field-taxonomy-cosmo-sale-hub {
    flex-direction: column;
    align-items: start;
		width:100%;
	}
	
	li.sf-field-taxonomy-cosmo-sale-hub ul{

    flex-wrap: nowrap;
    width: 97%;
    overflow-y: scroll !important;
}
	
				.ripple-banner {
    padding: 80px 0;
}
.searchandfilter ul li li {
    padding: 5px 0;
    width: fit-content !important;
    white-space: nowrap;
}
	
	
	    .grid-tech-spec {
        grid-template-columns: repeat(2, 1fr);
    }
	.wrap-whatsbox-rep {
 
    grid-template-columns: 1fr;
    gap: 30px;
  
}

	.img-rep-whatsbox img {

    margin: 0 auto;
}
	
	.video-wrap-shp {
    margin: 40px 0;
	}
.the-movement.why-cosmo {
    margin: 40px 0 0;
}
	.lft-lck-scrn {
    width: 100%;
}
	.ux-lockscreen-card {
    flex-direction: column;
	}
	.rgt-form-lck-scrn {
    width: 75%;
    
}
	
	.rep-ability-cosmo-focus.rep-join-cosmo-lk {
    grid-template-columns:1fr;
}
	
	
	    .outer-wrp-cntct-frm {
        grid-template-columns: 1fr 1fr;
			gap:20px;
    
    }
	.rep-switch-modes {
 grid-template-columns: 1fr;
		gap:20px;
}
	.rep-supp-key {

    grid-template-columns: 1fr;

	}
	.rgt-cosmo-lrn-onb {
    width: 90%;
}	
	
	
 .cosmo-app-onb {
    padding: 40px 0px 0px;
}
	/*.dotsusg-outr-wrp {
    display: grid;
    grid-template-columns: 1fr;
		gap:5px;
}*/
	
.wrp-dotsusg-cosmo {
    grid-template-columns: 1fr;
}	
	
.dotusg-cosmo-cnt-onb {
    align-items: start;
    text-align: start;
}	
	
.dotusg-cosmo-cnt-onb {
    padding: 20px 05px;
 
	}
	
.dotusg-cosmo-onb-title h5 {
    font-size: 19px;
}	
	
.dotusg-cosmo-onb-para p {
    color: #000;
    font-size: 16px;
    line-height: normal;
}	
	
	.dotsusg-innr-wrp.content-banner.section.ripple-section.ripple-bottom-top.active {
    display: flex;
    align-items: center;
		        justify-content: center;
}
	
.dotusg-cosmo-cnt-onb.csmcnt-onb-cnt {
    text-align: left;
    align-items: flex-start;
    padding: 10px 10px;
}	
	
	
 .rgt-res-trbleshoot {
    width: 100%;
    max-width: 80%;
}

	.img-dotusg-cosmo-onb.csmcnt-onb-wrp-img {
    padding: 5px;
}
	.dotusg-cosmo-onb-para.csmcnt-onb-para p {
    font-size: 16px;
}
	
.wrp-dotsusg-cosmo.wrp-coscnt-onb {
        grid-template-columns: 1fr;
    }	
	
	.dotusg-cosmo-cnt-onb.csmcnt-onb-cnt {
    
    padding: 10px 10px;

	}
section.section.ripple-section.ripple-bottom-left.latest-webinar.active {

    padding: 60px 0;
}

.lft-res-trbleshoot {
    width: 100%;
    max-width: 100%;
}
    .fund-lft {
        width: 100%;
    }
    
        .funding-wrap.funding-resources-user .fund-rgt {
        width: 80%;
    }
        .cnt-frm-shrt {
        width: 90%;
        margin: 0 auto;
    }
.res-troubleshoot-wrap {
    flex-direction: column;
}

.funding-wrap.funding-resources-user {
    flex-direction: column;
}

 .lft-cb-inner h1 {
    line-height: 45px;
    font-size: 42px;

 }
 .para-bnr-lrn p {
    font-size: 20px;
    line-height: 30px;
}
 .lft-innr-rep-cosmo-act {
    max-width: 100%;
}
 .heading-bnr-lrn h1,
 .bring-acc-life-ability h3{
    line-height: 45px;
    font-size: 45px;
}
     .the-movement {
        padding: 80px 0;
        margin: 0;
    }
 .innr-lrn-usrs-cosmo {
    flex-direction: row;
    align-items: center;
}
 
.lrn-usrs-cosmo.lrn-usrs-cosmo-v2,
.part-res-rep,
.rep-prof-lrnmr{
    grid-template-columns: 1fr;
} 
     .rep-wrap-incl.rep-wrap-lrnmr {
        grid-template-columns: repeat(3, 1fr);
    }
 .solution-lft {
    
     margin-top: 0px; 
}

.empowers-learners-rep {
    grid-template-columns: 1fr;

}

    .our-values-rep {
        grid-template-columns: 1fr;
    }



    .lrn-usrs-cosmo.lrn-usrs-cosmo-v3 {
        grid-template-columns: 1fr;
    }

    
    .cosmo-act-rep {
 
    grid-template-columns: 1fr;
  
}
    
 .rep-ability-cosmo-focus {

    grid-template-columns: 1fr;

}   
     .rep-wrap-incl {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px !important;
    }   
   .rep-lrn-suite.rep-lrn-suite-prod .lrn-suite-rep-wrap {
    padding: 30px 30px;
}
   
      .search-filter-results {
        grid-template-columns: 1fr !important;
    } 
   .search-filter-results .first-post-grid {
    display: grid;
    grid-template-columns: 1fr !important;
}
.funding-wrap {
    flex-direction: column;
} 
	.fund-rgt {
    width: 100%;
}
.wrap-cosmo-app {
    align-items: center;
    justify-content: center;
}	
	
	.onb-dot-stup .lft-cosmo-app h3 {
    color: #3B375A;
    max-width: 100%;
    line-height: 30px;
}
/*     .timeline-item .circle {
      
        left: -55px !important;
       
    }	 */
	
.ripple-green {
    padding: 80px 0;
	}
		.logo-header {
    flex-direction: column;
    gap: 30px;
    align-items: center;
}
	
	.cnt-timeline {
    padding-left: 30px;
}
 

 
    .timeline-item .circle {
        left: 0;
    }
 
.testimonial-slider{

    display: none;
}
	
.cosmo-uses-rep-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0px 10px;
}	
.lft-uses-cosmo-dot h5 {
    color: #000;
    font-size: 18px;
}
	.lft-uses-cosmo-dot p {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}
.cosmo-uses-rep-wrap-inner {
  
    gap: 20px;
   
    padding: 15px;
 
	}	
.top-cnt-podcast {
    flex-wrap: wrap;
    gap: 20px;
}	
.podcast-info {
    padding: 30px 20px;
}	
span.podcast-duration {
    line-height: 28px;
    display: block;
    margin-bottom: 0;
}	
	
    .circle-div-home {
        left: -80px;
        bottom: 0;
        width: 896px;
        top: 55%;
        transform: rotate(0deg);
    }	
	
}
 /*----------------------------- Media Mobile Screen -------------------------------*/
@media only screen and (max-width:576px){
	
.cosmo-uses-rep-wrap {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0px 10px;
}
    .cosmo-uses-rep-wrap-inner {
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-around;
    }	
	
	.webinar-card {
		flex-wrap: wrap-reverse;
		align-items: center;
		text-align: center;
		justify-content: center;
		gap: 10px;
	}
.webinar-image {
    max-width: 160px;
    margin: 0 auto;
}	
.right-section-webinar {
    height: 600px;
}	

	.timeline-item {
        width: 100%;
    }
	.timeline-item h4 {
		font-size: 25px;
		line-height: 35px;
	}
    .solutwo img {
        max-width: 100%;
    }	
	
.progress-bar-cart.up_current.progress-icon-done:before {
    left: 140px;
}
	
	button#playBtn img {
    max-width: 70px;
}
	

.single-product .content-container.site-container {
    padding: 0 !important;
}	
	
.circle-div-home {
        left: -110px;
        bottom: 0;
        width: 792px;
        top: 45%;
        transform: rotate(0deg);
    }	
.user-resources-ripple {
    padding: 70px 0;
}	
.cosmo-learning-wrap .btn-wrap {
    display: none;
}	
	
.btn-wrap.btn-wrp-mb-hm {
    max-width: 460px;
    margin: 30px auto 0;
	display:flex;
	
}	
	
	
.award-section {
    display: none;
}	
	
.award-section.award-section-mb {
    display: block;
}	
	
/* Slider container */
.award-swiper {
    padding-bottom: 30px;
    overflow: visible;
}

/* Card / slide */
    .award-slide {
        width: 73%;
        margin: 0 auto;
    }

/* Image */
    .award-slide img {
        width: 329px;
        display: block;
        margin: 0 auto;
    }
	
.award-wrap-outer h2 {
    margin-bottom: 30px;
}	

/* Space between cards */
.award-section.award-section-mb .swiper-slide {
    margin-right: 16px;
}

/* Progress bar */
.award-section.award-section-mb .swiper-progress-bar {
    width: calc(100% - 32px);
    height: 3px;
    background: #fff;
    margin: 16px auto 0;
    border-radius: 10px;
    overflow: hidden;
}

.award-section.award-section-mb .swiper-progress-bar .progress {
    width: 0%;
    height: 100%;
    background: #000;
    border-radius: 10px;
    transition: width 0.3s ease;
}

	.top-bnr-img img {
    margin: 0 auto 40px;
}

	.solution-img.sol-img-ab img {
    display: none;
}
	
.solution-img.sol-img-ab img.sol-img-1-mb {
    display: block;
}
	
	.solution-abt.wht-it-lrnmr .solution-img img {
        max-width: 100%;
    }
	
/* .part-res-rep {
    position: relative;
    overflow-y: scroll;
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
	
}	 */
	

	
	.rep-inn-part-res {
    flex: 0 0 80%;
}
	
.lft-lck-scrn .coming-soon-badge {
    top: -50px;
}	
	
.ux-lockscreen-container {
    padding: 60px 0;
}	
	
.rgt-form-lck-scrn {
        width: 100%;
    }
	
.kck-screen-heading {
    margin-top: 20px;
}
	
.the-movement.why-cosmo .site-container,
	.the-movement.onboarding-wrap.str-guid-usr-res .site-container{
    padding: 0 !important;
}		
	
.the-movement.why-cosmo .movement-rgt img,
	.the-movement.onboarding-wrap.str-guid-usr-res .movement-rgt img{
    display: none;
}	
.the-movement.why-cosmo .movement-rgt img.why-csm-mb,
	.the-movement.onboarding-wrap.str-guid-usr-res .movement-rgt img.guide-start-mb{
    display: block;
		margin-top: 40px;
}
	
	.solution-abt div#solution-section img {
    display: none;
}

.solution-abt div#solution-section img.sol-img-1-mb {
    display: block;
}
	
    .our-team {
        margin: 10px 0 40px;
    }
	
	.img-bottom-rgt-shop-for-mobile img {
    max-width: 200px;
    margin: 0 auto;
}
	
	.video-wrapper {
    max-width: 90%;
    margin: 0 auto;
}
	
.podcast-info {
        padding: 30px 40px;
    }
.podcast-card.podcast-wrap-2 .podcast-image img {
    max-width: 100% !important;
}	

	
.single-product .rgt-prod-wrap .summary.entry-summary .woocommerce-product-details__short-description p {
    margin-bottom: 20px !important;
}	
	
    .rgt-parent-wrap-cosmo-act {
        flex-direction: column;
        align-items: center;
    }	
	
.bring-acc-life.bring-acc-life-music h3 {
    font-size: 30px;
}	
	
.story-section.mobile-slider {
    display: block;
}
	
html[lang="fr"] .site-header-section-right {
    margin-left: 0px !important;
}	
	
.onb-dot-stup .rgt-pair-app img {
        display: block;
    }
	
.uses-comso-dot.dot-used-with.dot-used-with-mb {
    display: block;
}	
	
.uses-comso-dot.dot-used-with {
    display: none;
}
	
}
/*----------------------------- Media Mobile Screen -------------------------------*/
@media only screen and (max-width:479px){
	.woocommerce-order-received p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {

    margin-bottom: 20px;
}
.post-item {

    padding: 20px;

	}
	li.sf-field-taxonomy-cosmo-product-hub {
    flex-direction: column;
    align-items: start;
		width:100%;
}
	.accordion .accordion-header {

    font-size: 15px !important;
  
}
	.accordion .accordion-header::after {
 
    right: 0px !important;
		bottom: -4px;
   
}
	.accordion-item {
   
    padding: 15px !important;

}
.accordion .accordion-header {

    padding: -7px !important;
}	
	
	
	.troubleshoot-tabs {
    flex-direction: column;
    gap: 30px;
		align-items:start !important;
}
	
	.wrap-dot-stupf-onb {
   
    padding: 20px;
}
	div#educators-learners-slider {
    padding-right: 0px;
}
	.wrp-supp-key {
   
    padding: 20px;

}
	
	.ripple-banner {
    padding: 40px 0;
}
	    .grid-tech-spec {
        grid-template-columns:1fr 1fr;
    }
	
	.inner-wrap-tech-spec {
    padding: 30px 20px;
}
	
	.our-team-full-image {
    padding: 40px 0px;
}
	.cosmo-dot-ways-usg {
    padding: 40px 0;
}
.rgt-form-lck-scrn {
    width: 90%;
   
}
	section.section.ripple-section.ripple-bottom-left.latest-webinar {

    padding: 40px 0;
}
	.ripple-green {
    padding: 80px 0;
}
	
	
	    .outer-wrp-cntct-frm {
        grid-template-columns: 1fr;
			gap:30px;
    
    }
	    .troubleshoot-tabs .tabs-nav {
        flex-wrap: nowrap;
        width: 100%;
        overflow-y: scroll !important;
    }
	
	.cnt-lft-innr-prod-wys {
    padding: 30px 20px 10px;
	}
	.technical-specification {
    background-color: #F0F0EB;
    padding: 40px 0;
}
.cosmo-lrn-onb {
    padding: 40px 0;
}	
	
.connect-dots-onb.cosmo-cnt-onb {
    padding: 40px 0;
	}	
	.connect-dots-onb.cosmo-thirdpt-apps-onb {
    margin-bottom: 40px;
}
	
     .rep-wrap-incl.rep-wrap-lrnmr {
        grid-template-columns: repeat(2, 1fr);
    }
.search-filter-results .grid-right {
  
    padding: 26px !important;
}
        .heading-bnr-lrn h1,
        .solution-lft h3,
        .uses-comso-dot .wrap-top-cnt h3,
        .cosmo-leran-usrs h3,
        section.trust-en-lrnmr .part-res-top h3,
        .title-prof-lrnmr h3,
        .lft-dot-supports .dot-supp-title h3,
        .purple-title,
        .title-ability-cosmo-focus h3,
        .title-cosmo-empower h3,
        .bring-acc-life-ability h3,
        .lft-cosmo-act h3,
        .single-product h1.product_title.entry-title,
        .cosmolrn-suite.cosmolrn-suit-prod h3,
        .title-whats-box h3,
        .video-unbox h3,
        .our-values h3,
        .lft-cb-inner h1,
	.purple-title,
	.trusted-enviroments h3,
	.the-movement h3,
	.innr-lrn-sut-inner h3,
	.cosmo-dot-ways-usg h3,
	.lft-cosmo-app h3,
	.connect-dots-onb.cosmo-thirdpt-apps-onb h3,
	.top-cnt-switch-modes h3,
	.connect-dots-onb.cosmo-cnt-onb h3,
	.our-team-text h3,
	.kck-screen-heading h3,
	.bnr-sec-nobg h1,
	.top-cnt-cosmo-suite h3,
	.lft-dot-wrap h3,
	.testimonial-slider h3,
	.two-ways-prod h3,
	.top-cnt-tech-spec h3,
	.wrap-ways-prod h4,
	.lft-res-trbleshoot h3,
	.fund-lft h3,
	.our-team h3,
	.left-section-webinar h3{

        line-height: 35px;
        font-size: 32px;
    }
    .fund-rgt {

    padding: 40px 30px;

}
	#user-resources-slider {
    padding-right: 0;
}
	    .cnt-frm-shrt {
        width: 100%;
        
    }
	.cnt-frm-parent {
   
    padding: 25px 20px;
 
}
	section.section.ripple-section.ripple-bottom-left.green-gradient.user-resources-ripple {
    padding: 80px 0;
}
	.innr-lrn-sut-inner {

    padding: 40px 25px;
   
}
    
        .the-movement {
        padding: 40px 0;
        margin: 0;
    }
    .our-team {
    margin: 40px 0;
}
       .para-bnr-lrn p,
       .dot-supp-rep-title h4,
       .title-rep-empow h5,
       .single-product .woocommerce-product-details__short-description ul li,
       .title-rep-whatsbox h5,
       .rb-content p,
	.bottom-third-app-onb P,
	.cosmo-dot-ways-usg.dots-acc-app p,
	.bottom-switch-modes p, .bottom-switch-modes p strong{
        font-size: 18px;
        line-height: 30px;
    } 
	
	.innr-supp-key-func {
    flex-direction: column;
    align-items: start;
}
	
	
	.lft-shp-bnr p{
		font-size:22px;
			line-height:22px;
	}

	.logo-section h3 {
    font-size: 32px;
    line-height: 30px;
    font-weight: 400;
		text-align:center;
}
   .cosmo-empowers.cosmo-empowers-music,
   .cosmo-activities{
    padding: 40px 0;
} 
    p.custom-product-text {
    font-size: 20px;

}
    section.banner-cosmo-learn-more {
    padding: 50px 0;

    }
    .solution-abt {
        margin: 40px 0 0px;
    }

    .lrn-usrs-cosmo.lrn-usrs-cosmo-v3 {
        grid-template-columns: 1fr;
    }
    
.inclusive-dsg-shp,
.cosmo-leran-usrs,
.uses-comso-dot,
section.resources-partners-sec,
.prof-lrnmr{

    padding: 40px 0;

}
.rgt-dot-supports {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
    .innr-lrn-usrs-cosmo {
        flex-direction: column;
        align-items: center;
    }
.rgt-lrn-usrs-cosmo {
    text-align: center;

}
    .rep-ability-cosmo-focus.rep-cosmo-foucs-music {
        grid-template-columns: 1fr;
    }

    .ability-cosmo-focus.content-banner,
    .bring-acc-life{
    padding: 40px 0;
}
    
  .cosmo-empowers.content-banner {

    padding: 40px 0;
  
  }
      .rep-wrap-incl {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px !important;
      }
  
  .dotsusg-outr-wrp {
        display: grid;
        grid-template-columns: 1fr;
        gap: 5px;
    }
      .wrap-whatsbox-rep.wrap-whatsbox-rep-v4 {
        grid-template-columns: 1fr;
    }
  .rgt-prod-wrap .summary.entry-summary .lft-mny-bck img {
    max-width: 350px;

}
  a.link-cosmo-app-btn img {
    max-width: 150px;
  }
  .wrap-cosmo-app {

    gap: 15px;
   
}
    .innr-lrn-sut-inner {
        position: relative;
        padding: 60px 20px 30px;
        border-radius: 20px;
    }
	
    .cnt-lrn-sut-shp p {
        margin-bottom: 10px;
        font-size: 17px;
    }	
	
.cnt-lrn-sut-shp {
    max-width: 100%;
    margin: 40px 0 50px;
}	
.single-product .summary.entry-summary form.cart button.single_add_to_cart_button.button.alt {

     margin-left: -10px !important;
     width: 170px !important;
}
.btn-lrn-mr {

    gap: 10px;
}
.btn-lrn-mr a {

    padding: 10px;
    width: 170px;
}
section.section.ripple-section.ripple-bottom-left.latest-webinar.active {

    padding: 40px 0;
}
	
.wrap-dot-stupf-onb {

    padding: 15px;
}
.ripple-green {
    padding: 80px 0 !important;
}
     .ripple-banner h1 {
        font-size: 32px;
        line-height: 35px;
    
    } 
	
	
	.trusted-environemnt-post-cnt {
    padding: 20px 20px;
}
	
.cnt-lrn-sut-shp p {
    margin-bottom: 10px;
    font-size: 18px;
}
	section.funding-sec {

    padding: 40px 0;
	}
    #environment-slider {
        padding: 0 50px 0 0;
    }
	
	    .bottom-apple-store {
        max-width: 170px;
        margin: 0 auto;
    }
/* 	.site-container {
    max-width: 96%;
} */
    .funding-wrap.funding-resources-user .fund-rgt {
        width: 100%;
    }	
	.para-res-prt-rep p {
  
    font-size: 15px;
    line-height: 20px;
   
	}
	.title-res-prt-rep h4 {
    font-size: 20px;

  
}
	.lrnmr-prof-cnt p{
		font-size:18px;
		line-height: 20px;	
	}
	.search-filter-results .first-post-grid .post-title a {
    font-size: 20px;
}
	section.dynamic-swiper-section {
    margin: 40px 0;
	}
	
.lrn-suit-shp {
    padding: 0px 10px;
}
.the-movement {
        padding: 40px 0 0;
    }	
	
    .rgt-bnr-shop {
        max-width: 100%;
    }	
	
.webinar-card {
    padding: 30px 20px;
}	

.single-product span.woocommerce-Price-amount.amount {
    font-size: 32px;
	margin: 20px 0;
}	
	
.inner-inclu-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
       .circle-div-home {
        left: -180px;
        bottom: 0;
        width: 803px;
        top: 46%;
        transform: rotate(0deg);
		           z-index: 2;
    }
	
	    .cosmo-dot-parent-wrap {
        flex-direction: column-reverse;
    }
	.lft-dot-wrap {
    margin-bottom: 30px;
}
	
	.link-pair-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
		gap:20px;
}
.link-pair-wrap img {
    max-width: 70px;
}	
	
	.rgt-pair-app img {
    display: none;
}
.rgt-pair-app img.mb-lnk-img {
    display: block;
}	
	
	.link-pair-wrap > img{
		
		display:flex;
	}
	
    .cnt-home-bnr {
        padding-left: 20px;
        padding-top: 0;
        padding-right: 0;
    }
	
.video-wrap-out {
    aspect-ratio: 16 / 9;
}
	.overlay-img-video img {
    display: none;
}
	.overlay-img-video img.mb-video-pstr {
    display: block;
}
.app-pair-prod .rgt-pair-app img {
    display: block;
}	
	
.woocommerce div.product form.cart {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        justify-content: flex-end;
        flex-direction: row-reverse;
    }
.movement-lft {
    padding-left: 20px;
}	
	
.swiper-progress-bar {
    margin-top: 30px !important;
}	
	
.swiper.logoSwiper {
    padding-right: 70px;
}
	
.swiper.logoSwiper .swiper-wrapper {
    align-items: center;
}	
	
.logo-slide img {
    max-height: 85px;
}	
	
	
.footer-html-inner {
        padding: 0px 0px 0px 14px;
    }	
	
.inner-inclu-wrap .rep-incl-img img {
    max-width: 90px;
}	
	
.heading-bnr-lrn h1, .solution-lft h3, .uses-comso-dot .wrap-top-cnt h3, .cosmo-leran-usrs h3, section.trust-en-lrnmr .part-res-top h3, .title-prof-lrnmr h3, .lft-dot-supports .dot-supp-title h3, .purple-title, .title-ability-cosmo-focus h3, .title-cosmo-empower h3, .bring-acc-life-ability h3, .lft-cosmo-act h3, .single-product h1.product_title.entry-title, .cosmolrn-suite.cosmolrn-suit-prod h3, .title-whats-box h3, .video-unbox h3, .our-values h3, .lft-cb-inner h1, .purple-title, .trusted-enviroments h3, .the-movement h3, .innr-lrn-sut-inner h3, .cosmo-dot-ways-usg h3, .lft-cosmo-app h3, .connect-dots-onb.cosmo-thirdpt-apps-onb h3, .top-cnt-switch-modes h3, .connect-dots-onb.cosmo-cnt-onb h3, .our-team-text h3, .kck-screen-heading h3, .bnr-sec-nobg h1, .top-cnt-cosmo-suite h3, .lft-dot-wrap h3, .testimonial-slider h3, .two-ways-prod h3, .top-cnt-tech-spec h3, .wrap-ways-prod h4, .lft-res-trbleshoot h3, .fund-lft h3, .our-team h3, .left-section-webinar h3 {
        line-height: 33px;
        font-size: 30px;
    }
	
.site-container, .content-banner .site-container {
        padding: 0 40px !important;
    }
	
.truested-environment-wrap .swiper-slide .card {
    min-height: 450px;
}	
	
.rb-content {
    text-align: left;
}
section.case-std-bnr h1 {
    font-size: 34px;
	line-height: 44px;
}	
	section.case-std-bnr{
		    text-align: left;
	}	
	
    .rb-content p {
        margin-top: 10px;
        text-align: left;
    }	

	    .user-resources-ripple {
        padding: 70px 20px;
    }
	
.case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category ul {
    padding: 0 0 20px;
}	
	
.cnt-ripple-banner {
    text-align: left;
}	
	
.mobile-slider {
    background-color: #f3d2d9; /* pink background similar to reference */
    padding: 40px 0;
}

.mobile-slider .swiper {
    width: 100%;
    padding-bottom: 20px; /* give some space below slides */
}

.mobile-slider .swiper-slide.webinar-card {
    background: #fff;
    border-radius: 16px;
    width: 280px; /* consistent card width */
    padding: 24px 15px 32px 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	margin-bottom: 0;
}
	
.mobile-slider .swiper {
    width: 100%;
    overflow: visible; /* make sure nothing is clipped */
    padding-bottom: 20px; /* space for progress bar */
}

.mobile-slider .swiper-progress-bar {
    width: 100%;
    height: 4px;
    background: #FFF;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
	margin-top: 10px !important;
}

.mobile-slider .swiper-progress-bar .progress {
    width: 0%;
    height: 100%;
    background: #6B4E53;
    transition: width 0.3s ease;
    position: absolute;
    left: 0;
    top: 0;
}
    .solution-abt div#solution-section {
        opacity: 1;
        width: 100%;
        position: unset;
        transform: translateX(0px);
    }
	
.cosmolrn-suite .lrn-suite-rep-wrap {
    position: relative;
    padding: 50px 20px 25px;
}	
	
.coming-soon-badge {
    padding: 5px 7px;
    font-size: 13px;
}	
    .cosmo-dot-parent-wrap {
        justify-content: center;
        margin: 0 auto;
        text-align: center;
    }
	
.main-banner-cnt {
    text-align: left;
}	

	.our-team .swiper-progress-bar {
    display: flex;
}
.team-slider-title h4 {
    font-size: 20px;
}	
div#meet-team .swiper-slide {
    width: 230px;
}	
	
.our-values	{
		background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/our-vlu-mb-bnr-scaled.webp) !important;
	    background-position: center top;
	}	
.cnt-ripple-banner {
    align-items: flex-start;
}	
.cnt-ripple-banner h1, .main-banner-cnt h1 {
        font-size: 32px;
        line-height: 40px;
    }	
	
.prof-lrnmr.community-usr-res .swiper-slide.educ-slide-inner {
    width: 290px !important;
}
	.educators-learners-wrap .inr-prof-lrnmr {
    min-height: auto;
}
.prof-lrnmr.educators-leaners-sec .educators-learners-wrap .inr-prof-lrnmr {
    min-height: 250px;
}
	.inr-prof-lrnmr {
    padding: 30px 20px;
}
	.rgt-prof-lrnmr h5 {
    font-size: 17px;
}
.top-rep-prof-lrnmr {
    gap: 10px;
}	
.webinar-image {
    margin-left: unset;
    margin-right: auto;
}	

	.webinar-details {
    margin-left: auto;
    text-align: left;
    margin-right: auto;
}
section.latest-webinar.mobile-slider {
    background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/ltst-wbnr-bnr-mb.webp) !important;
	background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
}	

	section.latest-webinar {
    padding: 100px 0 0px;
}
.testimonial-slider.test-slider-home.test-slider-mb .cnt-slider-test-wrap {
        padding: 50px 25px;
        min-height: 380px;
	
    }	
.img-rep-whatsbox img {
        max-width: 270px;
    }
	
/*     .testimonial-slider.test-slider-home.test-slider-mb {
		margin-top: 0;
        
    } */
	
.footer-newsletter {
    background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/footer-ripple-mb.webp) !important;
}	
.lft-dot-wrap,
	.rgt-cosmo-dot{
    max-width: 320px;
    margin: 0 auto;
}	
	
.dot-prt-home-ripple {
    background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/cosmo-dt-mb-bg.webp) !important;
	background-position: center center;
}	
	
.trusted-enviroments {
        background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/trst-env-mb-bnr.webp) !important;
	    background-position: center center;
    }	
	
.summary.entry-summary {
    display: flex;
    flex-direction: column;
}
.single-product h1.product_title.entry-title {
    order: 1;
}
.single-product p.custom-product-text {
    order: 2;
}	
.single-product p.price {
    order: 3;
}	
.single-product .woocommerce-product-details__short-description {
    order: 5;
}	
.single-product form.cart {
    order: 4;
}
.single-product .money-bck-wrap {
    order: 6;
}	
.woocommerce div.product div.summary p{
    margin: 0 0 !important;
}	

	.inner-inclu-wrap:nth-child(odd):last-child {
    grid-column: 1 / -1;
}	
	
.video-wrapper {
    max-width: 90%;
    margin: 0 auto;
}
	
	.woocommerce-multi-currency.wmc-sidebar {
    transform: translateY(-10%) !important;
}
	
.top-sec-tes-slider {
    align-items: center;
}	

	.testimonial-slider .swiper-slide:last-child {
    width: 100% !important;
}
	
.postid-1032 .rgt-pair-app img {
    max-width: 370px;
    margin: 0 auto;
}	
	
section.banner-cosmo-learn-more .bnr-btn-lrn {
    margin-top: 30px;
}
.btn-wrap-lrn-more {
    margin-top: 40px;
}
section.banner-cosmo-learn-more.banner-cosmo-music .btn-wrap-lrn-more .bnr-btn-lrn,
section.banner-cosmo-learn-more.banner-cosmo-ability .btn-wrap-lrn-more .bnr-btn-lrn {
    margin-top: 0;
}
	.bring-acc-life .bnr-btn-lrn {
    margin-top: 30px;
}

	.bring-acc-life.bring-acc-life-music .btn-wrap-lrn-more .bnr-btn-lrn,
	.bring-acc-life.bring-acc-life-ability .btn-wrap-lrn-more .bnr-btn-lrn{
    margin-top: 0;
}
	
section.cc-rsr-bnr .bnr-btn a {
    font-size: 15px;
    padding: 12px 16px;
}	
	
section.partner-resources-filter .search-filter-results {
    margin-top: 20px;
}
	
.swiper.dynamic-swiper {
    padding-right: 40px;
}	

	.cnt-soc-md-cc h4 {
    font-size: 20px;
}
	
.instagram-link a img {
    height: 378px;
    object-fit: cover;
}	

	.podcast-info {
        padding: 30px 20px;
    }
	
.podcast-card {
    margin-right: 20px;
}	
	
section.dynamic-swiper-section.dynamic-sec-usr-res .podcast-image img {
    height: 350px;
    object-fit: cover;
}	
	
.tab-content.active h2 {
    font-size: 27px;
}	
	
    .woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button {
        width: 240px;
        font-size: 1.125rem;
        padding: 1em 3em;
    }
	
.woocommerce div.product form.cart {
    margin-bottom: 0;
}
	
.news-letter-content h3 {
    font-size: 36px;
}	
	
html[lang="fr"] a.btn-bck-white {
    width: 210px;
}
html[lang="fr"] .solution-lft .btn-wrap {
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}	
	
    .prof-lrnmr.educators-leaners-sec div#educators-learners-slider {
        padding-right: 80px;
    }
	.title-educ-lrn-rep h4 {
    font-size: 22px;
    max-width: max-content;
}
	
.prof-lrnmr.community-usr-res .inr-prof-lrnmr {
    min-height: 430px;
}
	
.cosmo-dot-parent-wrap ol li:nth-child(2) strong {
    display: block;
}	
	
}

/*----------------------------- Media Mobile Screen -------------------------------*/
@media only screen and (max-width:440px){

.circle-div-home {
        left: -230px;
        width: 823px;
        top: 39%;
	           z-index: 2;
    }
    .testimonial-slider.test-slider-home.test-slider-mb .cnt-slider-test-wrap {
        padding: 50px 16px;
    }	
	span.cat-test-slid {
		font-size: 18px;
	}
	.cnt-slider-test-wrap p {
		font-size: 15px;
	}
}	
/*----------------------------- Media Mobile Screen -------------------------------*/
@media only screen and (max-width:380px){
 
 .rgt-prod-wrap .summary.entry-summary .lft-mny-bck img {
    max-width: 250px;

}    .cosmo-uses-rep-wrap-inner {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
 
    .rep-wrap-incl {
        grid-template-columns: 1fr;
      
    }
.wrap-cosmo-app {

    flex-direction: column;
} 
	
	 
.lrn-suite-rep-wrap {
    padding: 40px 10px;   
} 
	 
        .solution-lft h3,
        .uses-comso-dot .wrap-top-cnt h3,
        .cosmo-leran-usrs h3,
        section.trust-en-lrnmr .part-res-top h3,
        .title-prof-lrnmr h3,
        .lft-dot-supports .dot-supp-title h3,
        .purple-title,
        .title-ability-cosmo-focus h3,
        .title-cosmo-empower h3,
        .bring-acc-life-ability h3,
        .lft-cosmo-act h3,
       .cosmolrn-suite.cosmolrn-suit-prod h3,
        .title-whats-box h3,
        .video-unbox h3,
        .our-values h3,
        .purple-title,
	.trusted-enviroments h3,
	.the-movement h3,
	.innr-lrn-sut-inner h3,
	.cosmo-dot-ways-usg h3,
	.lft-cosmo-app h3,
	.connect-dots-onb.cosmo-thirdpt-apps-onb h3,
	.top-cnt-switch-modes h3,
	.connect-dots-onb.cosmo-cnt-onb h3,
	.our-team-text h3,
	.kck-screen-heading h3,
	.top-cnt-cosmo-suite h3,
	.lft-dot-wrap h3,
	.testimonial-slider h3,
	.two-ways-prod h3,
	.top-cnt-tech-spec h3,
	.wrap-ways-prod h4,
	.lft-res-trbleshoot h3,
	.fund-lft h3,
	.our-team h3,
	section.dynamic-swiper-section h3,
	section.dynamic-swiper-section h3,
	.left-section-webinar h3,
	.podcast-res h3
	{

        line-height: 30px;
        font-size: 28px;
    }
	.para-bnr-lrn p, .dot-supp-rep-title h4, .title-rep-empow h5, .single-product .woocommerce-product-details__short-description ul li, .title-rep-whatsbox h5, .rb-content p, .bottom-third-app-onb P, .cosmo-dot-ways-usg.dots-acc-app p, .bottom-switch-modes p, .bottom-switch-modes p strong{
        font-size: 16px;
        line-height: 22px;
    }
	
	    .lrnmr-prof-cnt p {
        font-size: 16px;
        line-height: 20px;
	}
	
	
/* 	.site-container, .content-banner .site-container {
        padding: 0 0.5rem !important;
    } */
 
/* 	
    .timeline-item .circle {
       
        left: -30px;	
	} */
.rgt-prof-lrnmr h5 {
    font-size: 18px;
}	
.footer-widget-area-inner section#media_image-3 a img {
    max-width: 290px !important;
}	
	
.not-fnd-wrap .btn-wrp {
    flex-wrap: wrap;
}	
	
.cnt-bnr h1 {
    font-size: 44px;
}	
	
    .cnt-home-bnr {
        padding-left: 0;
    }	
	
	.video_rgt_home {
    z-index: 1;
}
	
 .ripple-bottom-left .ripple-1.ripple-static {
        transform: translate3d(-50%, 50%, 0) scale(50vw) !important;
    }
    .ripple-bottom-left .ripple-2.ripple-static {
        transform: translate3d(-50%, 50%, 0) scale(40vw) !important;
    }
    .ripple-bottom-left .ripple-3.ripple-static {
        transform: translate3d(-50%, 50%, 0) scale(30vw) !important;
    }
    .ripple-bottom-left .ripple-4.ripple-static {
        transform: translate3d(-50%, 50%, 0) scale(20vw) !important;
    }
    .ripple-bottom-left .ripple-5.ripple-static {
        transform: translate3d(-50%, 50%, 0) scale(10vw) !important;
    }	
	
	
	.ripple-center .ripple-1.ripple-static {
        transform: translate3d(-50%, -50%, 0) scale(50vw) !important;
    }
    .ripple-center .ripple-2.ripple-static {
        transform: translate3d(-50%, -50%, 0) scale(40vw) !important;
    }
    .ripple-center .ripple-3.ripple-static {
        transform: translate3d(-50%, -50%, 0) scale(30vw) !important;
    }
    .ripple-center .ripple-4.ripple-static {
        transform: translate3d(-50%, -50%, 0) scale(20vw) !important;
    }
    .ripple-center .ripple-5.ripple-static {
        transform: translate3d(-50%, -50%, 0) scale(10vw) !important;
    }
	
	
	.ripple-left-right .ripple-1.ripple-static {
        transform: translate(-50%, -50%) scale(50vw) !important;
    }
    .ripple-left-right .ripple-2.ripple-static {
        transform: translate(-50%, -50%) scale(40vw) !important;
    }
    .ripple-left-right .ripple-3.ripple-static {
        transform: translate(-50%, -50%) scale(30vw) !important;
    }
    .ripple-left-right .ripple-4.ripple-static {
        transform: translate(-50%, -50%) scale(20vw) !important;
    }
    .ripple-left-right .ripple-5.ripple-static {
        transform: translate(-50%, -50%) scale(10vw) !important;
    }
	
	.ripple-top-bottom .ripple-1.ripple-static {
        transform: translate(-50%, -50%) scale(50vw) !important;
    }
    .ripple-top-bottom .ripple-2.ripple-static {
        transform: translate(-50%, -50%) scale(40vw) !important;
    }
    .ripple-top-bottom .ripple-3.ripple-static {
        transform: translate(-50%, -50%) scale(30vw) !important;
    }
    .ripple-top-bottom .ripple-4.ripple-static {
        transform: translate(-50%, -50%) scale(20vw) !important;
    }
    .ripple-top-bottom .ripple-5.ripple-static {
        transform: translate(-50%, -50%) scale(10vw) !important;
    }
	
	 .ripple-bottom-top .ripple-1.ripple-static {
        transform: translate(-50%, 50%) scale(50vw) !important;
    }
    .ripple-bottom-top .ripple-2.ripple-static {
        transform: translate(-50%, 50%) scale(40vw) !important;
    }
    .ripple-bottom-top .ripple-3.ripple-static {
        transform: translate(-50%, 50%) scale(30vw) !important;
    }
    .ripple-bottom-top .ripple-4.ripple-static {
        transform: translate(-50%, 50%) scale(20vw) !important;
    }
    .ripple-bottom-top .ripple-5.ripple-static {
        transform: translate(-50%, 50%) scale(10vw) !important;
    }
		
	  .ripple-right-left .ripple-1.ripple-static {
        transform: translate(50%, -50%) scale(50vw) !important;
    }
    .ripple-right-left .ripple-2.ripple-static {
        transform: translate(50%, -50%) scale(40vw) !important;
    }
    .ripple-right-left .ripple-3.ripple-static {
        transform: translate(50%, -50%) scale(30vw) !important;
    }
    .ripple-right-left .ripple-4.ripple-static {
        transform: translate(50%, -50%) scale(20vw) !important;
    }
    .ripple-right-left .ripple-5.ripple-static {
        transform: translate(50%, -50%) scale(10vw) !important;
    }
}

/*----------------------------- Media Mobile Screen -------------------------------*/
@media only screen and (max-width:390px){

.podcast-btm {
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}
	
h4.podcast-title {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
}
.webinar-details h3 {
    font-size: 22px;
}
.webinar-image {
       max-width: 130px;
}	
	
    span.logo-icon svg {
        width: 130px;
    }
	
.single-product .summary.entry-summary form.cart button.single_add_to_cart_button.button.alt {
        width: 170px !important;
	margin-left: -10px !important;
    }	
	
.woocommerce div.product form.cart div.quantity {
    margin: 5px 4px 0 0;
    height: 44px;
}
	.single-product .woocommerce div.product form.cart {
        justify-content: flex-end;
        gap: 10px;
        align-items: flex-start;
    }
.lft-mny-bck {
    margin-top: 10px;
}	
	.rgt-prod-wrap .summary.entry-summary .lft-mny-bck img {
    margin-bottom: 0;
}
.single-product span.woocommerce-Price-amount.amount {
    margin: 30px 0;
}	
	
	.circle-div-home {
        left: -180px;
        bottom: 0;
        width: 723px;
        top: 34%;
        transform: rotate(0deg);
		z-index: 2;
    }

	
	.movmnt-btn a.btn-bck-white {
    width: 190px;
}
	
.grid-tech-spec {
        grid-template-columns: 1fr;
    }	
	
	
.img-rep-whatsbox img {
        max-width: 230px;
        display: block;
    }	
	
	
.video-wrapper {
    max-width: 85%;
    margin: 0 auto;
}	
	
	
	
	
.accordion .accordion-header::after {
        width: 16px;
        height: 16px;
        bottom: 0;
		right: -2px !important;
     }
	
	
.podcast-slider .podcast-info {
    padding: 30px 20px 50px;
}
	
.podcast-info {
    bottom: -70px;
}	
	
.img-bottom-rgt-shop-for-mobile img {
    max-width: 150px;
    margin: 0 auto;
}	
	
	
.prof-lrnmr.community-usr-res .inr-prof-lrnmr {
    min-height: 430px;
}	
	
.woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button svg {
    left: 100px;
}
	.woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button {
        width: 100%;
    }
	
.ripple-bottom-left .ripple-1.ripple-static {
        transform: translate3d(-50%, 50%, 0) scale(45vw) !important;
    }
    .ripple-bottom-left .ripple-2.ripple-static {
        transform: translate3d(-50%, 50%, 0) scale(35vw) !important;
    }
    .ripple-bottom-left .ripple-3.ripple-static {
        transform: translate3d(-50%, 50%, 0) scale(25vw) !important;
    }
    .ripple-bottom-left .ripple-4.ripple-static {
        transform: translate3d(-50%, 50%, 0) scale(15vw) !important;
    }
    .ripple-bottom-left .ripple-5.ripple-static {
        transform: translate3d(-50%, 50%, 0) scale(7vw) !important;
    }	
	
	
	.ripple-center .ripple-1.ripple-static {
        transform: translate3d(-50%, -50%, 0) scale(45vw) !important;
    }
    .ripple-center .ripple-2.ripple-static {
        transform: translate3d(-50%, -50%, 0) scale(35vw) !important;
    }
    .ripple-center .ripple-3.ripple-static {
        transform: translate3d(-50%, -50%, 0) scale(25vw) !important;
    }
    .ripple-center .ripple-4.ripple-static {
        transform: translate3d(-50%, -50%, 0) scale(15vw) !important;
    }
    .ripple-center .ripple-5.ripple-static {
        transform: translate3d(-50%, -50%, 0) scale(7vw) !important;
    }
	
	
	.ripple-left-right .ripple-1.ripple-static {
        transform: translate(-50%, -50%) scale(45vw) !important;
    }
    .ripple-left-right .ripple-2.ripple-static {
        transform: translate(-50%, -50%) scale(35vw) !important;
    }
    .ripple-left-right .ripple-3.ripple-static {
        transform: translate(-50%, -50%) scale(25vw) !important;
    }
    .ripple-left-right .ripple-4.ripple-static {
        transform: translate(-50%, -50%) scale(15vw) !important;
    }
    .ripple-left-right .ripple-5.ripple-static {
        transform: translate(-50%, -50%) scale(8vw) !important;
    }
	
	 .ripple-top-bottom .ripple-1.ripple-static {
        transform: translate(-50%, -50%) scale(45vw) !important;
    }
    .ripple-top-bottom .ripple-2.ripple-static {
        transform: translate(-50%, -50%) scale(35vw) !important;
    }
    .ripple-top-bottom .ripple-3.ripple-static {
        transform: translate(-50%, -50%) scale(25vw) !important;
    }
    .ripple-top-bottom .ripple-4.ripple-static {
        transform: translate(-50%, -50%) scale(15vw) !important;
    }
    .ripple-top-bottom .ripple-5.ripple-static {
        transform: translate(-50%, -50%) scale(8vw) !important;
    }
	
	 .ripple-bottom-top .ripple-1.ripple-static {
        transform: translate(-50%, 50%) scale(45vw) !important;
    }
    .ripple-bottom-top .ripple-2.ripple-static {
        transform: translate(-50%, 50%) scale(35vw) !important;
    }
    .ripple-bottom-top .ripple-3.ripple-static {
        transform: translate(-50%, 50%) scale(25vw) !important;
    }
    .ripple-bottom-top .ripple-4.ripple-static {
        transform: translate(-50%, 50%) scale(15vw) !important;
    }
    .ripple-bottom-top .ripple-5.ripple-static {
        transform: translate(-50%, 50%) scale(8vw) !important;
    }
	
	.ripple-right-left .ripple-1.ripple-static {
        transform: translate(50%, -50%) scale(45vw) !important;
    }
    .ripple-right-left .ripple-2.ripple-static {
        transform: translate(50%, -50%) scale(35vw) !important;
    }
    .ripple-right-left .ripple-3.ripple-static {
        transform: translate(50%, -50%) scale(25vw) !important;
    }
    .ripple-right-left .ripple-4.ripple-static {
        transform: translate(50%, -50%) scale(15vw) !important;
    }
    .ripple-right-left .ripple-5.ripple-static {
        transform: translate(50%, -50%) scale(8vw) !important;
    }
}
/*----------------------------- Media Mobile Screen -------------------------------*/
@media only screen and (max-width:320px){
   .woocommerce div.product form.cart {
        justify-content: flex-start;
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }
	    .single-product span.woocommerce-Price-amount.amount {
        margin: 20px 0 0px;
    }
	
.lrn-suite-rep-wrap {
    padding: 20px;   
} 
 
 .lrn-sut-btns a {
   
    padding: 12px 15px;
}
.lrn-sut-btns {
 
    gap: 10px;

}

.our-team-image img {
  width:100%;
}
    .fund-rgt {
        width: 100%;
		padding: 25px 15px;
    }
	
 .circle-div-home {
        left: -230px;
        width: 723px;
        top: 31%;
    }

#mobile-header .site-main-header-wrap .site-main-header-inner-wrap .site-header-section-left {
        padding-left: 0;
    }

	.site-branding a.brand {
    margin-right: 20px;
}
	
	
    .cosmolrn-suite .lrn-suite-rep-wrap {
        padding: 50px 15px 25px;
    }
	
	.top-rep-img-lrn-suit img {
    max-width: 220px;
}
	
.cosmolrn-suite .coming-soon-badge {
        top: 13px;
	right: 5px;
}	
	
    .solution-lft h3, .uses-comso-dot .wrap-top-cnt h3, .cosmo-leran-usrs h3, section.trust-en-lrnmr .part-res-top h3, .title-prof-lrnmr h3, .lft-dot-supports .dot-supp-title h3, .purple-title, .title-ability-cosmo-focus h3, .title-cosmo-empower h3, .bring-acc-life-ability h3, .lft-cosmo-act h3, .cosmolrn-suite.cosmolrn-suit-prod h3, .title-whats-box h3, .video-unbox h3, .our-values h3, .purple-title, .trusted-enviroments h3, .the-movement h3, .innr-lrn-sut-inner h3, .cosmo-dot-ways-usg h3, .lft-cosmo-app h3, .connect-dots-onb.cosmo-thirdpt-apps-onb h3, .top-cnt-switch-modes h3, .connect-dots-onb.cosmo-cnt-onb h3, .our-team-text h3, .kck-screen-heading h3, .top-cnt-cosmo-suite h3, .lft-dot-wrap h3, .testimonial-slider h3, .two-ways-prod h3, .top-cnt-tech-spec h3, .wrap-ways-prod h4, .lft-res-trbleshoot h3, .fund-lft h3, .our-team h3, section.dynamic-swiper-section h3, section.dynamic-swiper-section h3, .left-section-webinar h3, .podcast-res h3 {
        font-size: 26px;
    }	
	
    .testimonial-slider .swiper-slide {
        width: 86% !important;
    }
	
    .testimonial-slider .swiper-slide {
        margin-right: 10px !important;
    }
	
.video-section iframe {
        height: 500px;
    }	
	
	.testimonial-slider .swiper-slide:last-child {
		width: 93% !important;
		margin: 0 auto;
	}
	
	    .link-pair-wrap {
        margin-top: 20px;
    }
	.link-pair-wrap img {
        max-width: 50px;
    }
	    .static-bg-wrap.shp-main-bnr a.btn-back-purp,
	.static-bg-wrap.shp-main-bnr a.btn-bck-white{
        width: 128px;
	   padding: 10px 15px;
		font-size: 15px;	
    }
	.bottom-shop .bottom-apple-store {
		margin-top: 20px;
	}
	
	.btn-wrap {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center !important;
}
	
	div#test-cr-mb .video-section iframe {
        height: 530px;
    }
	
	section.cc-bnr-main.bnr-prt-res .cb-inner {
    padding: 50px 0 80px;
}
	
    .cnt-slider-test-wrap p {
        font-size: 15px;
        line-height: 24px;
    }
	
	    span.cat-test-slid {
        font-size: 17px;
        line-height: 24px;
        display: block;
    }
	    .btn-lrn-mr {
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
	    margin-top: 30px;
    }
	section.cc-bnr-main.bnr-prt-res .rb-content p {
        margin-top: 20px;
    }
	 .btn-lrn-mr a {
        padding: 7px;
        width: 140px;
    }
	.btn-lrn-mr a {
		font-size: 15px;
	}
	.cnt-soc-md-cc {
    padding: 20px 10px;
}
	
img-rep-whatsbox img {
        max-width: 190px;
        display: block;
    }	
	
    .podcast-card {
        margin-right: 0;
    }
	.podcast-btm a {
		padding: 10px;
		width: fit-content;
		display: block;
	}
	.podcast-btm {
        justify-content: flex-start;
    }
	.podcast-info {
        bottom: -80px;
    }
	    h4.podcast-title {
        font-size: 16px;
    }
	.btn-lnk-rep-pod a {
		font-size: 15px;
	}
	html[lang="fr"] button.drawer-toggle.header-cart-button {
		padding: 8px 0 !important;
	}
	.wp-block-woocommerce-cart {
		container-type: normal;
	}
	a.social-button {
		width: 1.9em;
	}
	.site-header-item {
		margin-right: 0;
	}
	.wp-block-woocommerce-cart-order-summary-totals-block:after, .wp-block-woocommerce-checkout-order-summary-totals-block:after {
		font-size: 14px;
	}
	.woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button svg {
		left: 61px;
	
	}
	    .woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button {
        width: 100%;
        display: block;
        text-align: center;
    }
	.btn-wrap-lrn-more {
        flex-wrap: wrap;
        justify-content: center;
    }
	.btn-wrap-lrn-more {
        margin-top: 30px;
    }
	.footer-widget-area.content-align-center .footer-social-inner-wrap {
        flex-wrap: nowrap;
    }
}


/* 320 css ends */

.accordion .accordion-header::after {
        width: 16px;
        height: 16px;
        bottom: 0;
    }




.our-team-text h3 {
    margin-bottom: 30px;
}

.ripple-green {
    padding: 120px 0;
}
.ripple-banner .site-container {
   
    align-items: center;
  
}

    .rb-content {
  
        text-align: center;
		
    }
    .ripple-banner h1 {
      
        text-align: center;
    }
 

.img-bottom-home {
    display: none !important;
}




.cosmo-learning-parent {
    flex-direction: column-reverse;
    display: flex;
    gap: 30px;
}
.cosmo-learning-img {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.top-content-cosmo-learning {
    display: none !important;
}

.cosmo-learning-img-mobile {
    display: none !important;
}

.min-bot {
    margin-bottom: 12px;
}
.our-team-image img {
    width: 100%;
}
.cosmo-guide {
    font-family: Arial, sans-serif;
    color: #333;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
}

.cosmo-guide .step {
  
    padding: 20px;
   
}

.cosmo-guide .step h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.cosmo-guide .step p {
    margin-bottom: 15px;
}

.cosmo-guide .step ol {
    margin-left: 20px;
}

.cosmo-guide .step ol li {
    margin-bottom: 10px;
}

.cosmo-guide a {
    color: #007BFF;
    text-decoration: none;
}

.cosmo-guide a:hover {
    text-decoration: underline;
}
.troubleshoot-container {
    max-width: 900px;
    margin: 40px auto;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    padding: 0 15px;
}

.issue {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.issue h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}

.issue p {
    margin: 6px 0;
    font-size: 15px;
}

.issue a {
    color: #0073e6;
    text-decoration: none;
    font-weight: 600;
}

.issue a:hover {
    text-decoration: underline;
}

article.normal-post .np-thumb a img {
   height: auto;
    object-fit: cover;
    object-position: center;
}
/* .podcast-image img {

    max-width: 100%;
    margin-left: 0;
}
.podcast-card {
  
    padding: 0;
  
} */

/* .podcast-card .podcast-image img {
    max-width: 100%;
    margin-left: 0;
} */
.podcast-card {
    padding: 0;
}

.wp-block-woocommerce-cart.alignwide .wc-block-components-sidebar-layout.wc-block-cart {
    justify-content: space-around;
}

.wc-block-components-sidebar-layout.wc-block-checkout.is-large {
    justify-content: space-around;
}

section.bnr-prt-res .btnl-lrnmr-1 a.button:hover{
	    background-color: #937CD8;
   	 color: #fff;
	   border-color: #937CD8;
}
.lft-cb-inner a.button:active {
    background-color: #937cd8;
    color: #fff;
}
section.cc-rsr-bnr .bnr-btn a:hover {

    background: #ffffff;
	color:#333231;
  
}

.podcast-image.img-max img{
    max-width: 290px;
	    margin-left: auto;
	
}
/* .movmnt-btn a.btn-bck-white {
    width: max-content;
  
} */

.swiper-progress-bar {

    margin-top: 60px;
}