/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* >>>>>>>>>>   Responsive At 576px  >>>>>>>>>>> */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media (max-width:576px) {
    h1 {
        font-size: 23px;
    }

    h1.title-light {
        font-size: 22px;
        font-weight: 500;
    }

    h2 {
        font-size: 21px;
    }

    h4 {
        font-size: 16px;
    }

    .title-light {
        font-size: 28px;
    }

    .title-tiny {
        font-size: 16px;
    }

    .text-small {
        font-size: 12px;
    }

    .font-medium {
        font-size: 17px;
    }

    .hero-content h1 {
        width: 89%;
        margin: 0 auto;
        font-size: 46px;
    }

    .hero-content h1>span::before {
        bottom: -27px;
    }

    .hero-content>span {
        line-height: 17px;
        font-size: 10px;
    }

    .products-industry-section {
        padding: 0px 0 75px;
    }

    .sloth-brain-section {
        gap: 20px;
        flex-direction: column;
    }

    .sloth-brain-section .slothbrain-intro .play-icon i {
        font-size: 12px;
        padding-left: 2px;
    }

    .sloth-brain-section .slothbrain-intro>span {
        font-size: 14px;
    }

    .folivora-info-section .folivora-info-container .titles p {
        margin: 0;
    }

    .folivora-info-section .folivora-info-container .info-boxes {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .partner-slider-section .partner-swiper .partner-logo {
        width: 120px;
    }

    .publication-container .public-head {
        padding: 24px 30px;
    }

    .publication-container .public-head>p {
        margin-top: 10px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    /*     START :: Folivora Footer Container 3 */
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .footer-logo {
        width: 190px
    }

    .industry-links {
        flex-direction: column-reverse;
        gap: 20px;
        align-items: start;
    }

    .folivora-sticky-anim-section ._label {
        font-size: 16px;
        padding: 6px 20px;
    }
	.folivora-sticky-anim-section-deployment ._label {
        font-size: 16px;
        padding: 6px 20px;
    }

    .folivora-sticky-anim-section ._label span {
        font-size: 20px;
    }
	 .folivora-sticky-anim-section-deployment ._label span {
        font-size: 20px;
    }

    .folivora-links {
        padding: 45px 0;
    }

    .folivora-links ul {
        justify-content: left;
    }

    .folivora-links ul li {
        width: 50%;
        text-align: center;
    }

    .folivora-links ul li:not(:last-child) a {
        border: none;
    }

    .folivora-links ul li a {
        padding: 0;
    }

    .form-container {
        padding-bottom: 40px;
    }

    .products-industry-container .industry-cards {
        gap: 10px;
        padding: 10px 4px 30px 12px;
    }
	
	.folivora-features-section.folivora-sticky-anim-section-container {
    	margin: 4% 0%;
    	border-radius: 4px;
    	background: linear-gradient(180deg, #B58E58 0%, #6E5026 100%);
  	}
	
  	.folivora-sticky-anim-section {
   		border-radius: 4px;
    	padding-top: 10px;
		padding-bottom: 10px;
  	}
	
	.folivora-sticky-anim-section-deployment-container{
		 margin: 4% 0%;
         border-radius: 4px;
		 background: linear-gradient(180deg, #B58E58 0%, #6E5026 100%);
	}
	
	.folivora-sticky-anim-section-deployment{
		border-radius: 4px;
	}
	.founder-container .founder-content .founder-links :nth-child(1) {
    	color: #E7EEEA;
    	text-decoration: none;
    	font-size: 20px;
    	font-weight: 800;
    	text-align: start;
	}

	.founder-container .founder-content .founder-links :nth-child(2) {
    	color: #E7EEEA;
    	font-size: 16px;
    	font-weight: 700;
    	text-align: end;
    	margin-left: auto;
	}
}

/* Features Boxes  */
@media (max-width:500px) {
    .features-boxes {
        grid-template-columns: repeat(1, 1fr);
    }

    .case-study-head {
        display: flex;
        flex-direction: column;
    }

    .case-study-head a {
        order: 3;
    }
	
	.folivora-features-section.folivora-sticky-anim-section-container {
    	margin: 4% 0%;
    	border-radius: 4px;
    	background: linear-gradient(180deg, #B58E58 0%, #6E5026 100%);
  	}
	
  	.folivora-sticky-anim-section {
   		border-radius: 4px;
    	padding-top: 10px;
		padding-bottom: 10px;
  	}
	
	.folivora-sticky-anim-section-deployment-container{
		 margin: 4% 0%;
         border-radius: 4px;
		 background: linear-gradient(180deg, #B58E58 0%, #6E5026 100%);
	}
	
	.folivora-sticky-anim-section-deployment{
		border-radius: 4px;
	}
	.founder-container .founder-content .founder-links :nth-child(1) {
    	color: #E7EEEA;
    	text-decoration: none;
    	font-size: 20px;
    	font-weight: 800;
    	text-align: start;
	}

	.founder-container .founder-content .founder-links :nth-child(2) {
    	color: #E7EEEA;
    	font-size: 16px;
    	font-weight: 700;
    	text-align: end;
    	margin-left: auto;
	}
	
	.gif-container {
        width: 85 vw;
        max-width: 300px;
        aspect-ratio: 4 / 3;
    }
    
    .ecosystem-wrapper {
        gap: 1.5rem;
    }
}