/*
Theme Name:Beyond Label
Theme URI: 
Author: Beyond Label
Author URI:
Description:Beyond Label them
Version: 1.0
License:
License URI: 
Text Domain:Beyond Label
*/


/* Media Query */

.bl-howitworks--item h4 {
	letter-spacing: 3px;
	font-weight: 600;
}

@media (max-width: 1600px) {
	.bl-features--content {
		font-size: 35px;
		line-height: 86px;
		letter-spacing: 1px;
	}
	.bl-features--content-img {
		transform: translateY(9px);
	}
}
@media (max-width: 1400px) {
	.bl-howitworks--item h4 {
		font-size: 1.3rem;		
	}
}


@media (max-width: 1400px) {
  .bl-howitworks--item h3 {
    font-size: 16px;
  }
  .bl-howitworks--item {
    margin-top: 64px;
  }
  .bl-howitworks__img img {
    width: 100%;
    height: 429px;
  }
  .bl-howitworks--item p {
    font-size: 15.34px;
    line-height: 18.85px;
  }
	.bl-signupworks__img img {
    object-position: top center;
	}
}
@media (max-width: 1300px) {
	
	.bl-features .container-fluid {
	    padding-left: 4rem;
    	padding-right: 4rem;
	}
	.bl-features--content {
    	font-size: 30px;
        line-height: 44px;
        letter-spacing: 1px;
	}
	.rounded-text {
		padding: 0px 12px;
		line-height: 34.6px;
	}
	.bl-features--content-img img {
		width: 16px;
		height: 16px;
	}
	.bl-features--content-img {
    	width: 40.6px;
		height: 40.6px;
		transform: translatey(-2px);
	}
	.gap-lg {
    gap: 2rem !important;
}
}

@media (max-width: 1199.98px) {
  .bl-header {
    padding: 24px 0;
  }
  .bl-hero--title h1 {
    font-size: 54.95px;
    line-height: 58.7px;
  }
  .bl-hero--content h2 {
    font-size: 18px;
  }
  .bl-hero--content p {
    font-size: 18px;
    line-height: 22px;
  }
  .bl-hero--btn {
    width: auto;
    padding: 8px 34px !important;
    font-size: 18px !important;
    gap: 8px;
    height: auto !important;
  }
  .bl-hero--content {
    margin-top: 0;
    margin-bottom: 2.2rem;
  }
  .bl-hero--content p {
    max-width: 606px;
  }
  .bl-signup--block h3 {
    font-size: 55px;
  }
  .bl-signup--subtitle {
    font-size: 18px;
  }
  .bl-signup--form {
    width: 580px;
  }
  .bl-hero--title {
    max-width: 800px;
  }
  .bl-latest-news--title h3,
  .bl-howitworks--title h3 {
    font-size: 54.95px;
    line-height: 58.7px;
  }
  .bl-signup2--title h3 {
    font-size: 40px;
    line-height: 42px;
    letter-spacing: 1.5px;
  }
  .bl-signupworks .container-fluid,
  .bl-howitworks .container-fluid {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .bl-howitworks--item h3 {
    font-size: 16px;
  }
  .bl-howitworks--item {
    margin-top: 64px;
  }
  .bl-howitworks__img img {
    width: 100%;
    height: 429px;
  }
  .bl-howitworks--item p {
    font-size: 15.34px;
    line-height: 18.85px;
  }
	.bl-signupworks__img img {
    object-position: top center;
	}
	.bl-signupworks__title h4, .bl-howitworks__title h4 {
		font-size: 20px;
	}
	.bl-signupworks__title p {
    font-size: 14px;
		line-height: 18px;
}
	.bl-footer__logo {
    width: 288px;
	}
	.bl-footer__nav a {
		font-size: 18px;
	}

	.bl-footer__left p {
	    padding-top: 1.5rem;
    	font-size: 16px;
	}
	.btn-dark-default {
    padding: 10px 30px !important;
    font-size: 18px !important;
    height: auto !important;
  }
	.btn-default,
	.btn-outline-default {
    padding: 10px 30px !important;
    font-size: 18px !important;
    height: auto !important;
  }
	.bl-features--title h3, .bl-features--title .appname {
    font-size: 54px;
    line-height: 56px;
	}
	.bl-signup--block-modal h3 {
	    font-size: 40px;
    	letter-spacing: 0px;
	}
	.bl-modal-form p {
		font-size: 14px;}
	.bl-modal-form .bl-signup--form {
        width: 330px;
    }
    .bl-modal-form .input-wrap input {
        padding: 14px 24px 14px 22px;
        font-size: 14px;
    }
}

@media (max-width: 991.98px) {
  .bl-header {
    padding: 24px 0;
  }
  .sc-logo img {
    width: 170px;
  }
  .btn-default {
    padding: 10px 20px !important;
    font-size: 18px !important;
    height: auto !important;
  }
  .btn-outline-default {
    padding: 10px 20px !important;
    font-size: 18px !important;
    height: auto !important;
  }
  .bl-hero--btn {
    width: auto;
    padding: 8px 34px !important;
    font-size: 18px !important;
    gap: 8px;
    height: auto !important;
  }
  .bl-hero--content {
    margin-top: 0;
    margin-bottom: 2.2rem;
  }
  .bl-hero--content p {
    max-width: 606px;
  }
  .bl-signup .container-fluid {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .bl-features .container-fluid {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .bl-features--title h3 {
    font-size: 40px;
    line-height: 42px;
    letter-spacing: 1.5px;
  }
  .bl-features--title .appname {
    font-size: 40px;
    line-height: 42px;
    letter-spacing: 1.5px;
  }
	.bl-footer__logo {
    width: 324px;
	}
	.bl-footer__nav a {
		font-size: 14px;
	}
	.bl-footer__left p {
	    padding-top: 1.5rem;
    	font-size: 14px;
	}
	
	.bl-features--content {
    	font-size: 18px;
        line-height: 48px;
        letter-spacing: 0px;
	}
	.rounded-text {
		padding: 0px 12px;
		line-height: 34.6px;
	}
	.bl-features--content-img img {
		width: 16px;
		height: 16px;
	}
	.bl-features--content-img {
    	width: 40.6px;
		height: 40.6px;
	}
	.gap-lg {
    gap: 2rem !important;
}
	.bl-modal-signup__img {
		display: none;
	}
	    .bl-modal-form .bl-signup--form {
        width: 100%;
    }
	.bl-howitworks__img img {
    height: 100%;
  }

}

.social-media {
		display: flex;
		align-items: center;
		gap: 20px;
	}

.bl-hero-banner__desktop {
/* 	padding: 3rem 0; */
}
.bl-hero-banner__mobile {
	display: none;
}
@media (max-width: 767.98px) {
	.bl-hero-banner__desktop {
		display: none;
	}
	.bl-hero-banner__mobile {
		display: block;
		padding: 3rem 0;
	}
  .bl-header {
    padding: 24px 0;
  }
  .sc-logo img {
    width: 170px;
  }
  .btn-default {
    padding: 10px 20px !important;
    font-size: 18px !important;
    height: auto !important;
  }
  .btn-light-default {
    padding: 10px 20px !important;
    font-size: 18px !important;
    height: auto !important;
  }
  .bl-hero--title h1 {
    font-size: 48px;
    line-height: 50px;
    letter-spacing: 2px;
  }
  .bl-hero--content h2 {
    font-size: 20px;
  }
  .bl-hero--content p {
    font-size: 18px;
    line-height: 22px;
  }

  .bl-hero--btn {
    width: auto;
    padding: 8px 34px !important;
    font-size: 18px !important;
    gap: 8px;
    height: auto !important;
  }

  .bl-app-logo img {
    width: 22.8px;
  }
  .bl-app-logo-border {
    height: 22px;
  }
  .bl-hero--content {
    margin-top: 0;
    margin-bottom: 1.6rem;
  }
  .bl-signup--form {
    width: 430px;
  }
  .bl-hero {
/*     margin-bottom: 4rem; */
  }

  .bl-features--title h3 {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 1px;
  }
  .bl-features--title .appname {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 1px;
  }
  .input-wrap input {
    padding: 14px 24px 14px 24px;
    font-size: 18px;
  }
  .bl-signup2--block {
    flex-direction: column;
  }
  .btn-play svg,
  .btn-play {
    width: 40px;
    height: 40px;
  }
  .bl-signup2--title h3 {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 1px;
  }
  .bl-latest-news--title h3,
  .bl-howitworks--title h3 {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 1px;
  }
  .bl-signup2 {
    padding: 3.6rem 0;
  }
  .bl-signup2--block {
    margin-bottom: 2.6rem;
  }
  .bl-howitworks--item {
    margin-top: 3rem;
  }
  .bl-howitworks--item h3 {
	  font-size: 13px;
  }
	.bl-signupworks .container-fluid, .bl-howitworks .container-fluid {
        padding-left: 2rem;
        padding-right: 2rem;
    }
	.bl-signupworks--item {
    margin-top: 3rem;
	}
	
	.bl-footer--block {
		flex-direction: column;
	}
	.social-media {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 36px;
	}
	.social-media a img {
		width: 20px;
		height: 20px;
	}
	.bl-signupworks, .bl-latest-news, .bl-howitworks {
		padding-bottom: 4rem;
	}
	.bl-footer .container-fluid {
    padding-left: 2rem;
    padding-right: 2rem;
}
	.bl-footer--copyright p {
		font-size: 14px;
	}
	.bl-features--title {
    	margin-bottom: 1rem;
	}
	.bl-features--img {
		margin-bottom: 2rem;
		margin-top: 2rem;
	}
	.gap-lg {
    	gap: 4rem !important;
	}
	
	.bl-features--content {
    	font-size: 18px;
        line-height: 48px;
        letter-spacing: 0px;
	}
	.rounded-text {
		padding: 0px 12px;
		line-height: 34.6px;
	}
	.bl-features--content-img img {
		width: 16px;
		height: 16px;
	}
	.bl-features--content-img {
    	width: 40.6px;
		height: 40.6px;
		transform: translatey(1px);
	}
	.bl-footer__nav a {
		text-align: left;
	}
	.bl-signup2--block .btn {
		margin-left: 2.3rem;
	}
	.bl-features--content-two,
	.bl-features--content {
		padding: 0;
	}
}

@media (max-width: 575.98px) {
	    .bl-signup--block-modal h3 {
        font-size: 30px;
    }
	.bl-footer--copyright p {
		font-size: 12px;
	}
  .bl-hero--title h1 {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 1px;
  }
  .bl-hero--content h2 {
    font-size: 14px;
  }
  .bl-hero--content p {
    font-size: 13px;
    line-height: 16px;
  }
  .bl-app-logo img {
    width: 22.8px;
  }
  .bl-app-logo-border {
    height: 22px;
  }
  .bl-hero--content {
    margin-top: 0;
    margin-bottom: 1.6rem;
  }
  .bl-signup--block h3 {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 1px;
  }
  .bl-signup--block h3 span {
    letter-spacing: -2px;
  }
  .bl-signup--subtitle {
    font-size: 14px;
  }
  .bl-signup--form {
    width: 290px;
  }
  .input-wrap input {
    padding: 14px 24px 14px 20px;
    font-size: 14px;
  }

}