@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
:root {
	--color-primary: #6e19c2;
	--color-primary-inverse: #fff;
	--color-black: #23292c;
	--color-white: #fff;
	--color-gray: #efefef;
}

/*-------common-css-----------*/
body{margin: 0;font-family: 'Poppins', sans-serif;font-size: 1rem;font-weight: 400;line-height: 1.6;color: var(--color-black);text-align: left;}
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

.common-section-all {padding: calc(2.65rem + 3vw) 0;}

.ratio {position: relative;width: 100%;overflow: hidden;background-color: var(--color-gray);}
.ratio > * {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: 0 auto;}
.ratio:before {display: block;content: "";}
.ratio--21by9:before {padding-top: 42.85714%;}
.ratio--16by9:before {padding-top: 56.25%;}
.ratio--4by3:before {padding-top: 75%;}
.ratio--1by1:before {padding-top: 100%;}

@media(min-width:1400px){
	.col-xxl-12{flex: 0 0 auto;max-width: 100% !important;}
	.col-xxl-11{flex: 0 0 auto;max-width: 91.66666667% !important;}
	.col-xxl-10{flex: 0 0 auto;max-width: 83.33333333% !important;}
	.col-xxl-9 {flex: 0 0 auto;max-width: 75%!important;}
	.col-xxl-8 {flex: 0 0 auto;max-width: 66.66666667%!important;}
	.col-xxl-7 {flex: 0 0 auto;max-width: 58.33333333%!important;}
	.col-xxl-6 {flex: 0 0 auto;max-width: 50%!important;}
	.col-xxl-5 {flex: 0 0 auto;max-width: 41.66666667%!important;}
	.col-xxl-4 {flex: 0 0 auto;max-width: 33.33333333%!important;}
	.col-xxl-3 {flex: 0 0 auto;max-width: 25%!important;}
	.col-xxl-2 {flex: 0 0 auto;max-width: 16.66666667%!important;}
	.col-xxl-1 {flex: 0 0 auto;max-width: 8.33333333%!important;}
	
	.offset-xxl-12 {margin-left: 100% !important;}
	.offset-xxl-11 {margin-left: 91.66666667% !important;}
	.offset-xxl-10 {margin-left: 83.33333333% !important;}
	.offset-xxl-9  {margin-left: 75%!important;}
	.offset-xxl-8  {margin-left: 66.66666667%!important;}
	.offset-xxl-7  {margin-left: 58.33333333%!important;}
	.offset-xxl-6  {margin-left: 50%!important;}
	.offset-xxl-5  {margin-left: 41.66666667%!important;}
	.offset-xxl-4  {margin-left: 33.33333333%!important;}
	.offset-xxl-3  {margin-left: 25%!important;}
	.offset-xxl-2  {margin-left:16.66666667%!important;}
	.offset-xxl-1  {margin-left: 8.33333333%;!important;}
}
@media(min-width:1600px){
	.col-xxxl-12{flex: 0 0 auto;max-width: 100% !important;}
	.col-xxxl-11{flex: 0 0 auto;max-width: 91.66666667% !important;}
	.col-xxxl-10{flex: 0 0 auto;max-width: 83.33333333% !important;}
	.col-xxxl-9 {flex: 0 0 auto;max-width: 75%!important;}
	.col-xxxl-8 {flex: 0 0 auto;max-width: 66.66666667%!important;}
	.col-xxxl-7 {flex: 0 0 auto;max-width: 58.33333333%!important;}
	.col-xxxl-6 {flex: 0 0 auto;max-width: 50% !important;}
	.col-xxxl-5 {flex: 0 0 auto;max-width: 41.66666667%!important;}
	.col-xxxl-4 {flex: 0 0 auto;max-width: 33.33333333%!important;}
	.col-xxxl-3 {flex: 0 0 auto;max-width: 25%!important;}
	.col-xxxl-2 {flex: 0 0 auto;max-width: 16.66666667%!important;}
	.col-xxxl-1 {flex: 0 0 auto;max-width: 8.33333333%;}
	
	.offset-xxxl-12 {margin-left: 100% !important;}
	.offset-xxxl-11 {margin-left: 91.66666667% !important;}
	.offset-xxxl-10 {margin-left: 83.33333333% !important;}
	.offset-xxxl-9  {margin-left: 75%!important;}
	.offset-xxxl-8  {margin-left: 66.66666667%!important;}
	.offset-xxxl-7  {margin-left: 58.33333333%!important;}
	.offset-xxxl-6  {margin-left: 50%!important;}
	.offset-xxxl-5  {margin-left: 41.66666667%!important;}
	.offset-xxxl-4  {margin-left: 33.33333333%!important;}
	.offset-xxxl-3  {margin-left: 25%!important;}
	.offset-xxxl-2  {margin-left:16.66666667%!important;}
	.offset-xxxl-1  {margin-left: 8.33333333%;!important;}
}

/*---------BUTTON----------*/
.btn {background: #333;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 0 30px;position: relative;cursor: pointer;border: none;color: var(--color-white);font-weight: bold;-webkit-transition: .3s all ease-in-out;-o-transition: .3s all ease-in-out;transition: .3s all ease-in-out;white-space: nowrap;border: 1px solid transparent;height:47px;line-height:47px;border-radius:.25rem;padding:0 1.5rem}
.btn--primary:hover{background: #550aa0;border: solid 1px var(--color-primary);color:var(--color-white) !important;}

.btn--primary {color: var(--color-white) !important;background-color: var(--color-primary);border: solid 1px var(--color-primary);font-weight: 600;}
.btn.btn--plane {background: transparent;padding-left: 0;font-weight: 600;}
.btn.btn--white{background:var(--color-white);color:var(--color-black)}
.btn.btn--white:hover {background: rgb(241 232 249);}
.btn--plane.color-white::before {filter: brightness(100);background-color: transparent !important;}

.btn.animation-primary:before{background-image:url('https://blockbrew.io/wp-content/themes/blockbrew-child/media/2022/05/primary-arrow.svg');-webkit-animation: pulso-primary 2s ease-in-out infinite;animation: pulso-primary 2s ease-in-out infinite;background-color: #fff;filter: unset !important;}

.btn--plane.btn--animated:before{background-image:url('https://blockbrew.io/wp-content/themes/blockbrew-child/media/2022/05/primary-arrow.svg');-webkit-animation: pulso-primary 2s ease-in-out infinite;animation: pulso-primary 2s ease-in-out infinite;background-color: #fff;}

@keyframes pulso-primary {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(110, 25, 194, 0.8);
    box-shadow: 0 0 0 0 rgba(110, 25, 194, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 0 15px rgba(110, 25, 194, 0);
    box-shadow: 0 0 0 15px rgba(110, 25, 194, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(110, 25, 194, 0);
    box-shadow: 0 0 0 0 rgba(110, 25, 194, 0);
  }
}
.btn--white.btn--animated:before {filter: brightness(0);background-color: rgb(0 0 0 / 0%);}
.btn.btn--animated {position: relative;}
.btn--lg.btn--animated{padding-right: 4.375rem;}
.btn:focus, a:focus{outline:none;box-shadow:none;}
.btn--animated:before {	content: "";position: absolute;width:1rem;height:1rem;border: 3px solid #fff;border-radius: 50%;top: 50%;right: 1.25rem;transform: translateY(-50%);-webkit-animation: pulso 2s ease-in-out infinite;animation: pulso 2s ease-in-out infinite;z-index: 1;transition: .5s;}

@keyframes pulso {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

/*-----------TYPOGRAPHY---------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: .5rem;font-weight: 500;line-height: 1.23;}

h1{
	font-size: calc(2rem + 2vw);
}
h2 {
	font-size: calc(1.8rem + 1vw);
}
h3 {
	font-size: calc(0.92rem + 1vw);
}
h4 {
	font-size: calc(1rem + 0.66vw);
}
h5 {
	font-size: calc(1rem + 0.53vw);
}
h6 {
	font-size: calc(0.77rem + 0.5vw);
}

@media(min-width:1200px){
	.h1, h1 {
		font-size: 2.5rem;
	}
	.h2, h2 {
		font-size: 2rem;
	}
	.h3, h3 {
		font-size: 1.75rem;
	}
	.h4, h4 {
		font-size: 1.5rem;
	}
	.h5, h5 {
		font-size: 1.25rem;
	}
	.h6, h6 {
		font-size: 1rem;
	}
}
@media(min-width:1600px){
	
	--text-xl: 1.875rem;
	--text-lg: 1.25rem;
	--text-md: 1.125rem;
	--text-sm: 1rem;
	
	
	.h1, h1 {
		font-size: 3.875rem; /* 62 */
	}
	.h2, h2 {
		font-size: 2.75rem; /* 44 */
	}
	.h3, h3 {
		font-size: 1.875rem; /* 30 */
	}
	.h4, h4 {
		font-size: 1.625rem; /* 26 */
	}
	.h5, h5 {
		font-size: 1.5rem; /* 24 */
	}
	.h6, h6 {
		font-size: 1.25rem; /* 20 */
	}
}
p {margin-top: 0;margin-bottom: 1rem;}

/* Header CSS */
#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge{position: unset;}
.buton_call .dropdown .btn-primary {background: #000;border-color: #000;padding: 7px 7px;}
.buton_call .dropdown.flip_icon button {display: inline-block;	width: 40px;overflow: hidden;border-radius: 5px;}
.buton_call .dropdown.flip_icon button img.schedule-call {object-fit: none;object-position: -30px 0px;transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-webkit-animation: heartBeat 1.5s ease-in-out infinite both;
	animation: heartBeat 1.5s ease-in-out infinite both;}
.buton_call .dropdown.flip_icon button:hover img.schedule-call {object-position: 0 0;cursor: pointer;}
.buton_call .dropdown .btn-primary:hover{border-color: #000;}

.buton_call .dropdown-menu.show li a img {  width: 18px; margin-left: 10px;}
.buton_call .dropdown-menu.show li a { padding: 15px 9px; display: block; font-size: 14px; color: #000;}
.buton_call .dropdown-menu.show { display: block; left: -130px; padding: 0;}
.btn.btn--header {height: 40px;line-height: 40px;font-size:15px;background-color: var(--color-primary);color: #fff !important;padding: 0 16px;}
.btn--header.btn--animated {padding-right: 40px;}
.btn--header.btn--animated:before {top: 50%;right: 10px;height: 20px;width: 20px;}

.btn.right_btn {border: 0;border-radius: 5px 5px 0 0;font-size: 18px;padding: 0 25px;position: fixed;left: calc(100% - 140px);text-transform: capitalize;top: 50%;transform: translateY(-50%) rotate(-90deg);backface-visibility: hidden;z-index: 11;white-space: nowrap;}
.btn.right_btn img {height: 13px;object-fit: scale-down;width: 20px;margin-right: 5px;}
.btn.right_btn img {width: 25px;height: 22px;object-fit: contain;margin-right: 5px;transform: rotate(90deg);}
/* Header CSS End */

.card, .block{transition:all 0.3s}

/* Footer Poup CSS Start */
.dl_footer_popup {position: fixed;bottom: 11px;float: left;width: 100%;z-index: 111;background: #0d2138;width: 90%;left: 50%;transform: translateX(-50%);display: none;}
.show_popup {display: flex;}
.dl_footer_popup .dl_popup_content {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 0;align-items: center;padding: 30px 20px;}
.dl_footer_popup p {font-size: 18px;color: #fff;}
.dl_popup_content p {width: calc(100% - 38%);text-align: left;line-height: 1.5;margin-bottom: 0;}
.dl_popup_content p a {font-weight: bold;}
.dl_footer_popup .btn.btn--header {margin: 0 auto;}
.dl_popup_content .dl_shedule_popup {left: -12px;right: unset;top: -15px;color: #fff;}
.dl_popup_content .dl_shedule_popup span {line-height: 1.1;margin: 0 auto;}
.dl_popup_content .dl_shedule_popup:hover {opacity: 1 !important;}
.dl-close-popup {display: none!important;}

@media(max-width:1024px){
	.dl_footer_popup p {font-size: 16px;}
}
/* Footer Poup CSS End */

/* Footer CSS Start */
#footer {position: relative;width: 100%;margin: 0 auto;padding-top: 80px;overflow: hidden;}
#footer .footer-widget-common h4 {font-size: 20px;font-weight: 700;font-style: normal;font-stretch: normal;line-height: 1.3;letter-spacing: normal;color: #1b1b1b;margin: 0;margin-bottom: 20px;}
#footer .footer-widget-common p {font-size: 16px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: 1.3;letter-spacing: normal;text-align: left;color: #313131;margin-top: 18px;display: flex;align-items: center;justify-content: flex-start;}
#footer .footer-widget-common p a {color: #222;position: relative;}
#footer .footer-widget-common p a:before {content: '';background: url(https://www.deliveryloft.com/wp-content/themes/deliveryloft-child/media/2022/04/rgt_arrow_icon.png) no-repeat;width: 100%;height: 100%;position: absolute;left: -20px;top: 2px;display: none;}
#footer .footer-widget-common p a:hover {color: #fd5300;font-weight: 600;}
#footer .footer-widget-common p a:hover:before {display: block;}
#footer .newsLetterBrew {margin-top: -15px;}
#subscribeform-newsletter {margin: 0px;margin-bottom: 0px;}
#footer .register-form {position: relative;width: 100%;float: left;margin-top: 0;}
#footer .news-form-content {padding: 0px;padding-right: 90px;}
#footer .news-form-content input.newsmail {margin: 0;border: solid 1px #ebebeb;border-radius: 0;padding-left: 15px;font-size: 16px;font-weight: 600;}
#footer .register-form input {width: 100%;height: 40px;color: #000;outline: none!important;}
#footer input.newsubmit {width: 90px;height: 40px;background-image: none;background-color: var(--color-primary);background-repeat: no-repeat;background-position: center;position: absolute;top: 0;right: 0;font-size: 16px;font-weight: 700;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #fff;border-radius: 0 5px 5px 0;}
#subscribeform-newsletter .proccesing-wheel-3 {position: absolute;bottom: 0;left: 5px;width: 30px;top: 0;margin: auto;right: inherit;}
#footer .commenFoterSection small {display: block;font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;margin-top: 10px;float: left;width: 100%;}
#footer .commenFoterSection {background-color: #f7f7f7;padding: 15px 25px;margin-bottom: 10px;float: left;width: 100%;}
form#subscribeform-whatsApp {border: solid 1px #ebebeb;padding: 0px;border-radius: 4px;margin-bottom: 0px;}
#footer .whatsAppContainer {position: relative;padding: 0px;padding-right: 90px;}
#footer .whatsAppContainer .intl-tel-input {margin-bottom: 0px!important;width: 100%;}
#footer .whatsAppContainer .intl-tel-input input {border: none!important;font-size: 16px;font-weight: 600;}
#footer input.WhatsAppSubmit {width: 90px;position: absolute;right: 0px;top: 0px;bottom: 0px;margin: auto;background-color: var(--color-primary);color: #fff;font-size: 16px;height: 100%;font-weight: 700;border-radius: 0 5px 5px 0;}
#footer img.proccesing-wheel-4 {position: absolute;left: 0px;top: 0px;background-color: #fff;z-index: 1;bottom: 0px;right: inherit;margin: auto;}
#footer .forSocialIconsOnly {display: flex;flex-wrap: wrap;padding-left: 130px;position: relative;align-items: center;margin-top: 20px;float: left;width: 100%;}
#footer .forSocialIconsOnly strong {position: absolute;left: 0px;font-size: 20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #272727;bottom: 0px;margin: auto;display: flex;top: 0px;flex-direction: column;justify-content: center;}
.footer-widget-common ul#footer_social_links {list-style: none;display: flex;flex-wrap: wrap;padding: 0;margin: 0 auto;margin-top: 10px;}
.footer-widget-common ul#footer_social_links li {margin-right: 5px;margin-bottom: 10px;text-align: center;display: block;}
.footer-widget-common ul#footer_social_links li span, .footer-widget-common ul#footer_social_links li a {display: block;}
.footer-widget-common ul#footer_social_links li:nth-child(1) a i {background-color: #475993;}
.footer-widget-common ul#footer_social_links li:nth-child(2) a i {background-color: #65bbf2;}
.footer-widget-common ul#footer_social_links li:nth-child(3) a i {background-color: #e60023;}
.footer-widget-common ul#footer_social_links li:nth-child(4) a i {background-color: #7523bf;}
.footer-widget-common ul#footer_social_links li:nth-child(5) a i {background-color: #0077b7;}
.footer-widget-common ul#footer_social_links li i {width: 24px;height: 24px;font-size: 16px;display: flex;align-items: center;justify-content: center;color: #fff;border-radius: 50%;}
#footer .foote-copyrights {background-color: #f5f5f5;font-size: 14px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.3;letter-spacing: normal;text-align: center;color: #909090;padding: 20px 15px 0;margin-top: 50px;}
#footer .foote-copyrights .row {justify-content: space-between;}
#footer .foote-copyrights p a {color: #909090;font-size: 15px;}

@media(max-width:991px){
	#footer {padding-top: 70px;padding-bottom: 40px;}
	.footer-widget-common {display: none;}
	.footer-widget-common:nth-last-child(1) {display: block;width: 100%;text-align: center;margin-top: 0;}
	#footer .forSocialIconsOnly {padding: 0px;justify-content: center;}
	#footer .forSocialIconsOnly strong {position: static;margin: 0px;padding-right: 15px;}
	.footer-widget-common ul#footer_social_links {justify-content: center;margin: 0;margin-top: 10px;}
}
/* Footer CSS End */

/* Thankyou Page CSS Start*/
.spage_sec {position: relative;width: 100%;padding: 100px 0 0;margin: 0 auto;text-align: center;background-image: linear-gradient(to bottom,#fffcfa,#ddbaff);height: calc(100vh - 100px);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.spage_sec h1 {font-size: 48px;font-weight: bold;line-height: 1.2;text-align: center;color: #222;}
.spage_sec h1 {font-size: 48px;font-weight: bold;line-height: 1.2;text-align: center;color: #222;}
.spage_sec p {font-size: 24px;font-weight: 500;line-height: 1.5;color: #222;}

@media(max-width:767px){
	.spage_sec h1 {font-size: 40px;}
	.spage_sec p {font-size: 20px;}
}
@media(max-width:575px){
	.spage_sec h1 {font-size: 30px;}
	.spage_sec p {font-size: 18px;}
}
@media(max-width:420px){
	.spage_sec h1 {font-size: 24px;}
	.spage_sec p {font-size: 16px;}
}
/* Thankyou Page CSS End */


body {overflow-x: hidden;}

a {-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease;}

.bg-black {background: #020203; !important}
.bg-light {background: #f9f9f9; !important}
@keyframes anim {
	100% {
		transform : translateX(calc(#{random() / 1.3} * var(--horse-width) ))
		translateY(calc(-#{random() / 100} * (var(--horse-height) / 5)))
		scale(random(4) + 2)
		rotate(random(360) * -0.5deg);
		opacity: 0;
	}
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{background: transparent; border-color: transparent}
a, a:hover {color: var(--color-primary);text-decoration: none !important;}
.clickcustomform {cursor: pointer;}
ul{list-style: none; margin: 0; padding: 0;}
.color-primary{color: var(--color-primary) !important}
.color-white{color: var(--color-white) !important}
.color-black{color: var(--color-black) !important}
.center-block { display: block; margin-right: auto;margin-left: auto;}

.testi-video-btn {color: #17cb91;width: 70px; height: 70px; border: 2px solid #f2f2f2; display: flex; flex-wrap: wrap; border-radius: 50%; justify-content: center;	align-items: center; margin-left: 15px;}
.banner-primary h2, .banner-primary h1 {font-weight: 400;}


.btn-outline-white {background: transparent;border-color: #fff;}
hr{border-color: #252525; opacity: 0.5;}
/*sticky header*/
/*litty*/
.lity,
.lity-container,
.lity-wrap {outline: 0!important}
.lity-loader,
.lity-wrap {text-align: center}
.lity,
.lity-wrap {z-index: 9999;position: fixed;top: 0}
.lity-container,
.lity-wrap:before {vertical-align: middle;display: inline-block}
.lity-content:after,
.lity-wrap:before {content: ''}
.lity,
.lity-content:after,
.lity-wrap {bottom: 0;right: 0;left: 0}
.lity {white-space: nowrap;background: #0b0b0b;background: rgba(0, 0, 0, .9);opacity: 0;-webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease;transition: opacity .3s ease}
.lity.lity-opened {opacity: 1}
.lity.lity-closed {opacity: 0}
.lity * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.lity-wrap:before {height: 100%;margin-right: -.25em}
.lity-loader {z-index: 9991;color: #fff;position: absolute;top: 50%;margin-top: -.8em;width: 100%;font-size: 14px;opacity: 0;-webkit-transition: opacity .3s ease;-o-transition: opacity .3s ease;transition: opacity .3s ease}
.lity-loading .lity-loader {opacity: 1}
.lity-container {z-index: 9992;position: relative;text-align: left;white-space: normal;max-width: 100%;max-height: 100%}
.lity-close,
.lity-close:active,
.lity-close:focus,
.lity-close:hover,
.lity-close:visited {text-decoration: none;text-align: center;padding: 0;color: #fff;font-style: normal;font-size: 35px;line-height: 35px;text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
background: 0 0;outline: 0;border: 0}
.lity-content {z-index: 9993;width: 100%;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform .3s ease;-o-transition: -o-transform .3s ease;
transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}
.lity-closed .lity-content,
.lity-loading .lity-content {-webkit-transform: scale(.8);-ms-transform: scale(.8);-o-transform: scale(.8);transform: scale(.8)}
.lity-content:after {position: absolute;top: 0;display: block;width: auto;height: auto;z-index: -1;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);box-shadow: 0 0 8px rgba(0, 0, 0, .6)}
.lity-close {z-index: 9994;width: 35px;height: 35px;position: absolute;right: 0;top: -35px;margin: 0px;-webkit-appearance: none;cursor: pointer;-webkit-box-shadow: none;box-shadow: none;}
.lity-close::-moz-focus-inner {border: 0;padding: 0}
.lity-close:active,
.lity-close:focus,
.lity-close:hover,
.lity-close:visited {-webkit-box-shadow: none;box-shadow: none}
.lity-close:active {top: 1px}
.lity-image img {max-width: 100%;display: block;line-height: 0;border: 0}
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container,
.lity-iframe .lity-container,
.lity-vimeo .lity-container,
.lity-youtube .lity-container {width: 100%;max-width: 964px}
.lity-iframe-container {width: 100%;height: 0;padding-top: 56.25%;overflow: auto;pointer-events: auto;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-overflow-scrolling: touch}
.lity-iframe-container iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);box-shadow: 0 0 8px rgba(0, 0, 0, .6);background: #000}
.lity-hide {display: none}
.modal-open {padding: 0px!important}
/*litty*/
/*odo Meter*/
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {display: inline-block;vertical-align: middle;position: relative;margin-top: -5px;}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {display: inline-block;vertical-align: middle;position: relative}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {display: inline-block;vertical-align: middle;visibility: hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {text-align: left;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {display: block}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {display: block;-webkit-backface-visibility: hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {display: block;-webkit-transform: translateZ(0)}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {position: absolute}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {-webkit-transition: -webkit-transform 2s;-moz-transition: -moz-transform 2s;-ms-transition: -ms-transform 2s;-o-transition: -o-transform 2s;transition: transform 2s}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%)}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%)}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {-webkit-transition: -webkit-transform 2s;-moz-transition: -moz-transform 2s;-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;transition: transform 2s;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0)}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {line-height: 1.1em;display: inline-block!important;font-style: normal;z-index: 1;}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {text-align: center}
/*odo Meter*/
/*header*/
.mob-block{display: none;}
.desk-block{display: block;}
.site-navbar {margin-bottom: 0px;z-index: 1999;position: relative;top: 0;width: 100%;padding: 1rem 0;}
.site-navbar .toggle-button {position: absolute;right: 0px;}
.site-navbar .site-logo {margin: 0;padding: 0;font-size: 1rem;}
.site-navbar .site-logo a {text-transform: uppercase;color: #000;}
.site-navbar .site-navigation.border-bottom {border-bottom: 1px solid white !important;}
.site-navbar .site-navigation .site-menu {margin: 0;padding: 0;margin-bottom: 0;}
.site-navbar .site-navigation .site-menu .active {color: #007bff !important;}
.site-navbar .site-navigation .site-menu a {text-decoration: none !important;display: inline-block;}
.site-navbar .site-navigation .site-menu > li {display: inline-block;}
.site-navbar .site-navigation .site-menu > li > a {margin-left: 15px;margin-right: 15px;padding: 20px 0px;color: rgba(0, 0, 0, 0.7) !important;display: inline-block;text-decoration: none !important;}
.site-navbar .site-navigation .site-menu > li > a:hover {color: #000 !important;}
.site-navbar .site-navigation .site-menu > li.active > a {color: #000 !important;}
.site-navbar .site-navigation .site-menu .has-children {position: relative;}
.site-navbar .site-navigation .site-menu .has-children > a {position: relative;padding-right: 20px;}
.site-navbar .site-navigation .site-menu .has-children > a:before {position: absolute;content: "\e313";font-size: 16px;top: 50%;right: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.site-navbar .site-navigation .site-menu .has-children .dropdown {visibility: hidden;opacity: 0;top: 100%;position: absolute;text-align: left;border-top: 2px solid #007bff;-webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);padding: 0px 0;margin-top: 20px;margin-left: 0px;background: #fff;-webkit-transition: 0.2s 0s;-o-transition: 0.2s 0s;transition: 0.2s 0s;}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {position: absolute;}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {display: none;bottom: 100%;left: 20%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {border-color: rgba(136, 183, 213, 0);border-bottom-color: #fff;border-width: 10px;margin-left: -10px;}
.site-navbar .site-navigation .site-menu .has-children .dropdown a {text-transform: none;letter-spacing: normal;-webkit-transition: 0s all;-o-transition: 0s all;transition: 0s all;color: #000 !important;}
.site-navbar .site-navigation .site-menu .has-children .dropdown a.active {color: #007bff !important;background: #f8f9fa;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li {list-style: none;padding: 0;margin: 0;min-width: 200px;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {padding: 9px 20px;display: block;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {background: #f8f9fa;color: #ced4da;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {content: "\e315";right: 20px;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown,
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {left: 100%;top: 0;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a,
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a,
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {background: #f8f9fa;color: #ced4da;}
.site-navbar .site-navigation .site-menu .has-children:hover > a,
.site-navbar .site-navigation .site-menu .has-children:focus > a,
.site-navbar .site-navigation .site-menu .has-children:active > a {color: #007bff;}
.site-navbar .site-navigation .site-menu .has-children:hover,
.site-navbar .site-navigation .site-menu .has-children:focus,
.site-navbar .site-navigation .site-menu .has-children:active {cursor: pointer;}
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown,
.site-navbar .site-navigation .site-menu .has-children:focus > .dropdown,
.site-navbar .site-navigation .site-menu .has-children:active > .dropdown {-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;margin-top: 0px;visibility: visible;opacity: 1;}
.site-mobile-menu {width: 300px;position: fixed;left: 0;z-index: 2000;padding-top: 20px;background: #fff;height: calc(100vh);-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);
-webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);-webkit-transition: .3s all ease-in-out;-o-transition: .3s all ease-in-out;transition: .3s all ease-in-out;}
.offcanvas-menu .site-mobile-menu {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.site-mobile-menu .site-mobile-menu-header {width: 100%;float: left;padding-left: 20px;padding-right: 20px;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {float: right;margin-top: 8px;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {font-size: 30px;display: inline-block;padding-left: 10px;padding-right: 0px;line-height: 1;cursor: pointer;-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {color: #ced4da;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {float: left;margin-top: 10px;margin-left: 0px;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {display: inline-block;text-transform: uppercase;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {max-width: 70px;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {text-decoration: none;}
.site-mobile-menu .site-mobile-menu-body {overflow-y: scroll;-webkit-overflow-scrolling: touch;position: relative;padding: 0 20px 20px 20px;height: calc(100vh - 52px);padding-bottom: 150px;}
.site-mobile-menu .site-nav-wrap {padding: 0;margin: 0;list-style: none;position: relative;}
.site-mobile-menu .site-nav-wrap a {padding: 10px 20px;display: block;position: relative;color: #212529;}
.site-mobile-menu .site-nav-wrap a:hover {color: #007bff;}
.site-mobile-menu .site-nav-wrap li {position: relative;display: block;}
.site-mobile-menu .site-nav-wrap li .nav-link.active {color: #007bff;}
.site-mobile-menu .site-nav-wrap li.active > a {color: #007bff;}
.site-mobile-menu .site-nav-wrap .arrow-collapse {position: absolute;right: 0px;top: 10px;z-index: 20;width: 36px;height: 36px;text-align: center;cursor: pointer;border-radius: 50%;}
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {background: #f8f9fa;}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {font-size: 12px;z-index: 20;font-family: "icomoon";content: "\f078";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(-180deg);-ms-transform: translate(-50%, -50%) rotate(-180deg);transform: translate(-50%, -50%) rotate(-180deg);-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease;}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.site-mobile-menu .site-nav-wrap > li {display: block;position: relative;float: left;width: 100%;}
.site-mobile-menu .site-nav-wrap > li > a {padding-left: 20px;font-size: 20px;}
.site-mobile-menu .site-nav-wrap > li > ul {padding: 0;margin: 0;list-style: none;}
.site-mobile-menu .site-nav-wrap > li > ul > li {display: block;}
.site-mobile-menu .site-nav-wrap > li > ul > li > a {padding-left: 40px;font-size: 16px;}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul {padding: 0;margin: 0;}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {display: block;}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {font-size: 16px;padding-left: 60px;}
.site-mobile-menu .site-nav-wrap[data-class="social"] {float: left;width: 100%;margin-top: 30px;padding-bottom: 5em;}
.site-mobile-menu .site-nav-wrap[data-class="social"] > li {width: auto;}
.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {padding-left: 15px !important;}
.sticky-wrapper {position: relative;z-index: 100;width: 100%;position: absolute;top: 0;}
.sticky-wrapper .site-navbar {-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease;}
.sticky-wrapper .site-navbar {background: #fff;}
.sticky-wrapper .site-navbar ul li a {color: rgba(0, 0, 0, 0.7) !important;}
.sticky-wrapper .site-navbar ul li a.active {color: #000 !important;}
.sticky-wrapper.is-sticky .site-navbar {background: #fff;-webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);}
.sticky-wrapper.is-sticky .site-navbar .site-logo a {color: #007bff;}
.sticky-wrapper.is-sticky .site-navbar ul li a {color: #000 !important;}
.sticky-wrapper.is-sticky .site-navbar ul li a.active {color: #007bff !important;}
.sticky-wrapper .shrink {padding-top: 0px !important;padding-bottom: 0px !important;}
/*header*/
.image-wrapper {display: none;position: absolute;z-index: -1;right: -70px;top: 0;}
.image-wrapper img {margin-right: 25px;}
.play-content {text-align: left;}
.img-cover:before {content: "";position: absolute;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.2);}
.img-cover {position: relative;}
/* Custom CSS Start */
b{font-weight:600}
small{display: inline-block;}
.scroll_mouse{bottom: 120px; left: 0; opacity: 0.5;}
:focus{outline: none !important; box-shadow: none !important;}
.testi-video-btn {color: #ea5c00;width: 50px; height: 50px; border: 2px solid #ea5c00; display: flex; flex-wrap: wrap; border-radius: 50%; justify-content: center;align-items: center; margin-left: 15px;}
.mycarousel_circle .carousel-item{z-index: -1; position: relative; padding: 20px 0px;}
.swiper-top__img-wrap {z-index: 1}
.swiper-top__img-wrap .swiper-top__img {width: 100%;height: auto;overflow: visible;}
.roundholder {width: 100%;height: auto;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;overflow: visible;}

.new-heading-style {margin-bottom: calc(1.83rem + 1.8vw);}
.new-heading-style h2 {margin-bottom: 1.125rem;}

.card .card-body{padding:0}
.card-head-horizontal {display: flex;align-items: center;}
.features-count {margin-right: 1rem;}

/*---------BANNER----------*/
.banner-primary{color:var(--color-white)}
.banner-primary h1 {margin-bottom: 0.875rem;}
.banner-primary p {font-size: var(--text-lg);margin-bottom: 3rem;}
.animate-bounce{
	animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	-moz-animation: bounce 3s infinite;
	-o-animation: bounce 3s infinite;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-15px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-15px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-15px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-15px);}
	60% {transform: translateY(-15px);}
}


.cta-img:before {padding-top: 122%;}

/*---------SERVICE----------*/
.service-panel-description p {font-size: 1.75rem;}
.service-panel-description {margin-top: auto;}
.card.card--services .card-head .icn {width: 3.75rem;height: 3.75rem;display: flex;justify-content: center;align-items: center;}
.card.card--services {border: none;}
.section--services .block.block--vertical .icn {width: 3.75rem;height: 3.75rem;display: flex;justify-content: center;align-items: center;}

/*---------INDUSTRIES----------*/
.tile.tile--industries {text-align: center;padding: 20px;box-shadow: 0 10px 14px 0 rgb(0 0 0 / 15%);}
.tile-col {max-width: calc(20% - 2.25rem);flex: 0 0 calc(20% - 2.25rem);margin: 1.125rem;}

.tile.tile--industries .tile-content h6 {font-weight: 600;}

/*---------MODULE----------*/
.module-item {display: flex;align-items: center;}
.module-item h4{margin-bottom:0}


/*---------CAROUSEL----------*/
.common-section-all .carousel-indicators {
    position: static;
    width: 100%;
    margin: 0px;
	flex-direction: column;
}
.common-section-all .carousel-indicators li {
    width: auto!important;
    height: auto!important;
    text-indent: inherit;
    text-align: left;
    position: static;
    margin: 0;
    display: block;
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 10px 0px;
}
.common-section-all .carousel-indicators li{opacity:1}

/*---------CATEGORY----------*/
.section--category .carousel:not(:last-child) {padding-bottom: calc(2.65rem + 3vw);}

/*---------FEATURES----------*/

.card.card--features {border: none;padding: 0 calc(1rem + 0.5vw);}
.card.card--features .card-head {margin-bottom: 27px;}
.card.card--features .card-body h5 {font-weight: 600;margin-bottom: 0.875rem;}
.card.card--features .card-body  p {margin-bottom: 0;}

/*---------CHOOSE----------*/
.choose-img::before {padding-top: 157%;}
.tile.tile--choose {aspect-ratio: 1;padding: 3rem 1.75rem;background: var(--color-gray);display: flex;flex-direction: column;justify-content: flex-end;}
.tile.tile--choose .tile-head {margin-bottom: 1rem;}
.tile.tile--choose .tile-body h4 {margin-bottom: 0;font-weight: 600;height: 4rem;}
.choose-wrapper {margin-bottom: calc(1rem + 1.7vw);}

/*---------FAQ----------*/
/* .faq-row:not(:last-child) {margin-bottom: 1rem;}
.faq-row .faq-title h3 {color: var(--color-black);font-weight: 600;margin-bottom: 0;}
.faq-row .faq-answer {width: 90%;padding: 0 3.125rem 2.4rem;;}
.faq-row .faq-title {position: relative;display: block;padding: 2.4rem 3.125rem;}
.faq-row .faq-title:before {content: "";background-image:url('https://blockbrew.io/wp-content/themes/blockbrew-child/media/2022/05/plus-icn.svg');background-size:cover;background-repeat:no-repeat;background-position:center;position: absolute;width: 3.75rem;aspect-ratio: 1;right: 3.125rem;top: 50%;transform: translateY(-50%);}
.faq-row {background: #fcfcfc;border: 1px solid #d3d3d3;}
.faq-row .faq-answer p {margin-bottom: 0;font-size: var(--text-lg);}
.faq-row.is-active .faq-title::before{background-image:url('https://blockbrew.io/wp-content/themes/blockbrew-child/media/2022/05/minus-icn.svg')}
.faq-row.is-active {background: #f0eaff;border: 1px solid var(--color-primary);} */

/*---------BLOG----------*/
.card.card-blog {border: none;background:transparent}
.card.card-blog .card-head {margin-bottom: 2rem;}
.section--blog {background: var(--color-gray);}

/*---------VISION----------*/
.section--vision .vision-content{background-image: url(https://www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2022/02/vision.png);padding: 30px;background-repeat: no-repeat;    background-size: cover;color: #fff;height:100%;display: flex;flex-direction: column;justify-content: flex-end;background-position: bottom;}
.vision-form {padding: calc(2rem + 1vw);background: linear-gradient(270deg, #fbf6ff 100%, #f5eaff 0%);border-radius: 20px 0 0 20px;}
.vision-wrapper{box-shadow: 0 31px 57px 0 rgba(0, 0, 0, 0.13)}

/*---------COUNTER----------*/
.counter {display: flex;flex-wrap: wrap;width: 100%;}
.counter .counter__item {text-align: center;}
.counter .counter__item:nth-child(3) {opacity: 0;}

/*---------PLATFORM----------*/
.block.block--platform {display: flex;}

.block.block--vertical {padding: calc(2rem + 1.1vw);background: #fff;border-radius: calc(0.7rem + 0.5vw);}
.block.block--vertical .block-body p {margin-bottom: 0;}
.block.block--platform .block-body {width: calc(100% - 1.5rem);}
.block.block--platform .block-head {margin-right: 1.5rem;}
.block.block--platform:not(:last-child) {margin-bottom: calc(1rem + 1vw);}

/*---------BRAND----------*/
.section--brand{background:#f1f1f1}
.brand-item {transition: all 0.3s;}
.brand-item img {filter: grayscale(1);}
.brand-item:hover img {filter: unset;}
.card.card--hire .card-head {margin-bottom: 1.375rem;}
.card.card--hire .card-body p {margin-bottom: calc(2rem + 0.73vw);}
.card.card--hire {border: none;border-radius: 0;padding: calc(3rem + 1.7vw) 1.5rem 1.5rem;transition: all 0.3s;}
.card.card--hire:hover {box-shadow: 0px 21px 30px 1px rgb(0 0 0 / 20%);}

/*---------SUBSCRIPTION----------*/
.card.card--subscription {padding: calc(2rem + 1.8rem) 2rem;border: 1px solid #e8e8e8;background: #fbf7ff;}
.card.card--subscription .card-head .icn {margin-bottom: 2rem;}
.card.card--subscription .card-head {margin-bottom: 1.375rem;}
.card.card--subscription .card-head h3 {margin: 0;}
.card-block p {margin-bottom: 0;font-size: var(--text-lg);}
.card-block {background: #fff;padding: 0.75rem;margin-bottom: 2rem;}
.card.card--subscription .card-body > p {font-size: 1.5rem;line-height: 1.54;margin: 0;}
.section--subscription .row [class*="col-"]:nth-child(2) .card.card--subscription {background: #15032c;color: #fff;}
.section--subscription .row [class*="col-"]:nth-child(2) .card.card--subscription .card-block {background: #2f124b;border: 1px solid #6e19c2;}

/*---------- [ TESTIMONIAL ---------*/
.quote-icn {margin-bottom: 1.25rem;}
.card--testimonial .card-head p {font-size: 1.25rem;margin-bottom: 0;}
.card.card--testimonial {justify-content: space-between;border: none;background:transparent;}
.client-info .client-profile {height: 5rem;width: 5rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;overflow: hidden;margin-bottom: 0.75rem;}
.place img {max-width: 1.875rem;vertical-align: sub;}
.place {display: flex;align-items: center;}
.card.card--testimonial .card-head {margin-bottom: 2.75rem;}
.slider--testimonial .slick-prev, .slider--testimonial .slick-next{width: 3.875rem;height: 3.875rem;z-index: 1;}
.slider--testimonial .slick-prev:before, .slider--testimonial .slick-next:before{content:none}
.card--video .card-foot .client-profile {display: none;}
.card--testimonial .card-body {padding: 0;}
.video-icn {margin-bottom: 1.25rem;}
.card.card--testimonial .card-body .client-img {position: relative;}
.card.card--testimonial .card-body .client-img .play-icn {position: absolute;bottom: 1.875rem;left: 1.875rem;}
.card.card--testimonial .card-body {margin-bottom: 1.875rem;}
.slider--testimonial .slick-slide:not(.slick-current) .card.card--testimonial {opacity: 0.6;}

/*---------BENEFIT----------*/
.card.card--benefit {padding: calc(2rem + 1vw) calc(1.3rem + 1vw);margin: 0.938rem;}
.card.card--benefit .card-haed {margin-bottom: 1.5rem;}
.card.card--benefit .card-body h5 {margin-bottom: 1rem;}
.card.card--benefit .card-body p {margin: 0;}
.slick-active-first .card.card--benefit {    background: var(--color-primary);    color: #fff;}
.slider--benefit .slick-arrow.slick-disabled {opacity: 0.3;}
.slider--benefit .slick-arrow.slick-prev {right: calc(100px + 70px);left: unset;}
.slider--benefit .slick-arrow {position: absolute;top: -10%;bottom: unset;background: rgb(0 0 0 / 0%);}
.slider--benefit .slick-arrow.slick-next {right: calc(100px + 0px);left: unset;}

/*---------PROCESS----------*/
.panel.panel--process h1 {display: flex;flex-direction: column;}
.panel.panel--process h1 span{margin-bottom:5px}
.panel.panel--process {display: flex;flex-direction:column}

.card.card--hire .card-body > div {flex-direction: column-reverse;align-items: flex-start !IMPORTANT;}
.tiles-layout ul li span.wow:hover{background-color:var(--color-primary);background-image: unset;}
.menu-modal.cover-modal.header-footer-group {display: none;}


/*---------MEDIA QUERY----------*/
@media(min-width:768px){
	
	.block.block--vertical {display: flex;align-items: flex-start;flex-wrap: wrap;}
	.block.block--vertical .block-head {margin-bottom: 2rem;}
}
@media(min-width:992px){
	.col-gap [class*="col-"] {margin-bottom: 30px;}
	.btn--animated {padding-right: 4.063rem;}
	.section-banner {height: calc(100vh - 60px);display: flex;align-items: center;}
	.module-item h4 {display: flex;align-items: center;font-weight:600}
	.module-count{height: calc(2.65rem + 3vw);width:calc(2.65rem + 3vw);margin-right:0.5rem;justify-content: center;background: #f6ecff;color: var(--color-primary);}
	.module-type {height: calc(2.65rem + 3vw);width: calc(100% - calc(2.65rem + 3vw));padding-left: calc(1.8rem + 1vw);position: relative;}
	.module-wrapper li.active .module-type{background: #f6ecff;color: var(--color-primary);}
	.module-wrapper li .module-type:before{content:'';position:absolute;top:50%;transform:translatey(-50%);background-image:url('https://blockbrew.io/wp-content/themes/blockbrew-child/media/2022/05/primary-right-arrow.svg');background-size:cover;background-repeat:no-repeat;background-position:center;width:1.875rem;height:1.875rem;opacity:0;visibility:hidden;right:20%;transition: all 0.3s;}
	.module-wrapper li.active .module-type:before{opacity:1;visibility:visible;right:10%;}
	.cta-wrapper {background: #f9f5ff;position: relative;}	.category-item__head {position: relative;pointer-events: none;}
	.card.card--benefit .card-body p{min-height: 100px;}
	.tiles-layout ul {align-items: center;}
	.block.block--vertical .block-head {margin-right: 2rem;}
	.block.block--vertical .block-head .icn {width: 3.75rem;}
	.block.block--vertical .block-body {width: calc(100% - 5.75rem);}
}
@media(min-width:992px){
	.banner-secondary .img-wave {position: absolute;bottom: -22%;right: 13%;}
	.play-btn {top: 77%;left: -57px;position:absolute}
	.service-panel-primary {padding: calc(3rem + 2vw) calc(3.125rem + 3vw);display:flex;height: 100%;}
	.tile-row .tile-col:nth-child(odd) {margin-top: -4rem;}
	.tile-row .tile-col:nth-child(even) {margin-top: 4rem;}
	
	.module-wrapper {padding: 2.375rem 0;}
	.category-item__head {position: relative;}
	.features-wrapper{margin-bottom:-5rem;background:#fff;padding-top: calc(2rem + 1.5vw);border: 1px solid rgb(213 213 213);}
	.section--features{margin-bottom: 5rem;}
	.story img {position: absolute;bottom: 7%;left: 50%;transform: translateX(-70%);}
	.story {position: relative;}
	.tile-col .tile.tile--industries:not(:last-child) {margin-bottom: 2.25rem;}
	.platform-img {position: relative;}
	.platform-img .app {position: absolute;bottom: 0;}
	.solution-item {padding: 0 !IMPORTANT;}
	.block.block--platform {padding: 20px;}
	.solution-item.active .block.block--platform {background: var(--color-primary);color: #fff;}
	.slider--benefit .slick-list {padding-left: 0 !important;}
	.slider--testimonial .slider__item {margin: 0 1rem;}
	.card.card--testimonial{padding: 1rem;}
}
@media(min-width:1200px) and (max-width:1599px){
	.curve-shape {width: 80%;left: 50%;transform: translateX(-50%);}
	.shap svg {width: 205px;height: 103px;}
	.section--solution .carousel-inner img {width: 30%;}
	.block.block--platform{flex-direction:column}
	.block.block--platform .block-head {margin-right: 0;margin-bottom: 1rem;}
	.Platform-wrapper {flex-direction: column-reverse;}
	.slider--testimonial .slick-prev{left: 0;} .slider--testimonial .slick-next{right: 0;}

}
@media(min-width:1200px){
	.cta-wrapper .cta-content {padding: 0 calc(2.15rem + 1.5vw);}
	.brand-item {margin: 0 30px;}
	.curve-shape {text-align: center;position: absolute;padding-bottom: 5rem;top: -10rem;pointer-events: none;}
	.curve-shape > img:first-child {position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
	.counter .counter__item h3 {font-size: calc(2rem + 1vw);font-weight: 600;}
	.counter .counter__item p {font-size: 1.5rem;}
	.counter .counter__item:nth-child(2), .counter .counter__item:nth-child(4) {margin-top: 8rem;}
	.counter .counter__item:nth-child(1)::before, .counter .counter__item:nth-child(5)::before {top: -2rem;}
	.counter .counter__item:nth-child(1), .counter .counter__item:nth-child(5) {padding-top: 2rem;}
	.counter .counter__item {text-align: center;flex: 0 0 20%;max-width: 20%;}
	.section--solution .carousel-inner {position: absolute;top: 50%;pointer-events:none;transform:translatey(-50%)}
	.slider--testimonial .slider__item {margin: 0 3rem;}
	.panel.panel--process {flex-direction: row;padding: 4rem 0;border-bottom: 1px solid rgb(151 151 151);}
	.panel.panel--process .panel-head {margin-right: calc(2.65rem + 3vw);}
	.panel.panel--process .panel-head .icn {width: calc(2.65rem + 3vw);}
	.panel.panel--process .panel-body {display: flex;align-items: center;column-gap: 1.875rem;}
	.panel.panel--process .panel-body p {margin: 0;}
	.panel.panel--process .panel-body h1, .panel.panel--process .panel-body .panel-btn {max-width: 25%;flex: 0 0 25%;}
}
@media(min-width:1400px) and (max-width:1599px){
	.curve-shape {top: -5rem}
	.counter .counter__item:nth-child(2)::before, .counter .counter__item:nth-child(4)::before {top: 0.8rem;}
	.counter .counter__item:nth-child(1)::before, .counter .counter__item:nth-child(5)::before {top: -4rem;}
	.counter .counter__item:nth-child(1), .counter .counter__item:nth-child(5) {padding-top: 0rem;}
	.counter .counter__item h3 {font-size: calc(3rem + 1vw);}
	
}
@media(min-width:1400px){
	.container-fluid {padding-right: 2.5rem;padding-left: 2.5rem;}
	.banner-primary h1 {font-size: 2.8rem;}
	.banner-primary p {font-size: var(--text-md);}
	.section--subscription .row [class*="col-"]:nth-child(2) .card.card--subscription {padding-bottom: calc(5.5rem + 2vw);}
	.section--subscription .row [class*="col-"]:nth-child(2) .card.card--subscription:before {width: 92px;content: "";position: absolute;height: 105px;background-image: url(https://blockbrew.io/wp-content/themes/blockbrew-child/media/2022/05/wave-icn.svg);background-size: contain;background-repeat: no-repeat;background-position: center;bottom: 0;left: 50%;transform: translateX(-50%);}
	.counter__item {position: relative;padding-top: 3rem;}
	.counter__item:before {content: "";position: absolute;height: 15px;width: 15px;background: var(--color-primary);border-radius: 50%;outline: 9px solid rgb(244 233 255);top: 0;}
	.block.block--platform {padding: 30px;transition: all 0.3s;}
	.section--solution .carousel {padding: 5rem 0;}
	
}
@media(min-width:1600px){
	.container-fluid {padding-right: 7rem;padding-left: 7rem;}
	.banner-primary h1 {font-size: 3rem;}
	.arrow-shap {display: block;}
	.platform-img {margin-right: -20%;}
	.tile.tile--choose{ }
	.card.card--hire .card-body > div {flex-direction: row;}
	.btn--lg{height:4.375rem;line-height:4.375rem;border-radius:0.375rem;padding:0 1.875rem;font-size:1.25rem}
	.btn--lg.btn--animated:before{right:1.875rem}
	.curve-shape{top: -12rem;}
	
}
@media(max-width:1399px){
	.btn.btn--animated {padding-right: 3.375rem;}
	.grow-shap{display:none}
}
@media(max-width:1199px){
	:root{
		--text-xl: 1.25rem;
		--text-lg: 1.125rem;
		--text-md: 1rem;
		--text-sm: 0.875rem;
	}
	
	.section--features .new-heading-style {color: #000 !important;}
	.buton_call {position: absolute;right: 50px;top: 18px;}
	.buton_call > .btn {position: fixed;bottom: 0px;left: 0px;right: 0px;text-align: center;border-radius: 0px;padding: 9px;z-index: 999;width: 100%;padding-right: 9px !important;}
	
	.tile.tile--industries .tile-content h6 {font-size: 1rem;}
	.banner-primary h1{font-size:2rem}
	.banner-secondary .img-wave{display:none}
	.arrow-shap {display: none;}
	.play-btn {top: 66%;}
	.service-panel-primary{display:none}
	.story img{display:none}
	.brand-item {margin: 0 10px;}
	.counter .counter__item {text-align: center;flex: 0 0 25%;max-width: 25%;}
	.slick-dots li button:before {font-size: 48px !important;color: rgb(110 25 194) !important;}
	.slick-dots li.slick-active button:before {color: rgb(110 25 194) !important;}
	.adjust-spacing-tabs ul li {width: 33.33%;}
	
	.panel.panel--process {display: inline-block;}
	.panel.panel--process .panel-head {float: left;margin-right: 1.5rem;}
	.panel.panel--process .panel-head .icn {display: flex;width: 80px;}
	.panel.panel--process .panel-body {float: revert;}
	.panel.panel--process .panel-body h1 {margin-bottom: 2rem;margin-top: 1rem;font-size: 2rem;}
}
@media(max-width:991px){
	.mob-block {display: block !Important;}
	.desk-block {display: none !Important;}
	.banner-primary h1 {font-size: 1.5rem;}
	.banner-primary p {font-size: var(--text-sm);margin-bottom: 1rem;}
	.banner-primary {margin-bottom: 2rem;}
	.section-banner{padding: 2.5rem 0;}
	.new-heading-style h2 {font-size: 1.625rem;}
	.cta-img {margin-bottom: 2rem;}
	.tile.tile--industries {box-shadow: none;max-width: calc(33.33% - 1.875rem);flex: 0 0 calc(33.33% - 1.875rem);margin: 0.938rem;}
	.tile-row {flex-direction: column;}
	.tile-col {max-width: 100%;flex: 0 0 100%;margin: 0;width: 100%;display: flex;}
	.tile-row .tile-col:nth-child(1) {order: 5;}
	.tile-row .tile-col:nth-child(2) {order: 1;}
	.tile-row .tile-col:nth-child(3) {order: 2;}
	.tile-row .tile-col:nth-child(4) {order: 3;}
	.tile-row .tile-col:nth-child(5) {order: 4;}
	.tile.tile--industries {padding: 0;box-shadow: none;}
	.tile-img img {width: 100%;}
	.module-count, .module-type {margin-bottom: 0;}
	
	.accordion-wrapper .module-item {display: block;}
	.accordion-head {display: flex;align-items:center;padding: 20px 0;padding-right: 45px;position: relative;}
	.accordion-head h5{margin-bottom:0}
	.accordion-head .icn {width: 40px;margin-right: 1rem;height: 40px;display: flex;justify-content: center;}
	.module-item h4 {margin-right: 10px;}
	.accordion-body {padding-bottom: 20px;}
	.accordion-wrapper .accordion:not(:last-child) {border-bottom: 1px solid rgb(221 221 221);}
	.accordion-head:before {content: "+";position: absolute;right: 0;font-size: 27px;top: 50%;transform: translateY(-50%);}
	.accordion-head.is-active::before {content: "-";}
	.accordion--category .accordion-body img {margin-bottom: 1rem;}
	.section--features .new-heading-style {color: var(--color-black) !important;}
	.card.card--features {border: none;padding: 0;margin: 0 15px;}
	.shap.curve-up { display: none;}
	.section--workFlow .row {margin-right: 0;margin-left: 0;}
	.section--workFlow .row [class*="col-"]:not(:last-child) {margin-bottom: 2rem;}
	.section--whyChoose .new-heading-style {margin-top: 40px;}
	.tile.tile--choose .tile-head {margin-bottom: 0;margin-right: 1rem;}
	.tile.tile--choose{flex-direction: revert;justify-content: flex-start;align-items: center;padding: 1rem;}
	.tile.tile--choose{aspect-ratio: 0;}
	.tile.tile--choose .tile-body h4{height: unset;}
	.choose-wrapper [class*="col-"]:not(:last-child) .tile.tile--choose {margin-bottom: 1rem;}
	.tile.tile--choose .tile-head img {height: 40px;}
/* 	.faq-row .faq-answer p {font-size: 1rem;}
	.faq-row .faq-answer { padding: 0 1.125rem 1.4rem;}
	.faq-row .faq-title:before{width: 2rem;right: 1rem;}
	.faq-row .faq-answer p {font-size: var(--text-sm);}
	.faq-row .faq-title h3{font-size: var(--text-md);}
	.faq-row .faq-title {padding: 1.4rem 1.125rem;padding-right: 3rem;} */
	.vision-wrapper {box-shadow: unset;}
	.accordion--category .accordion-head h4 {margin: 0;}
	.tile.tile--industries {    box-shadow: none;    max-width: calc(50% - 1.875rem);    flex: 0 0 calc(50% - 1.875rem);    margin: 0.938rem;}
	.counter .counter__item h3 {font-weight: 600;font-size: 2.188rem;}
	
	.tiles-layout ul li span {display: none;}
	.tiles-layout ul li:nth-child(1), .tiles-layout ul li:nth-child(3), .tiles-layout ul li:nth-child(4) {margin-top: 0;}
	.block.block-workFlow .block-body h6 {margin: 0;font-size: 1.1rem;line-height: 1.5;}
	.card.card--subscription .card-body > p{font-size:1rem}
	.card-block p {font-size: 1rem;}
	.card.card--subscription .icn img {width: 4rem;}
	.card.card--subscription{padding: calc(1rem + 1.8rem) 2rem;}
	
	.card.card--testimonial{padding:0;}
	.card.card--testimonial .card-head {margin-bottom: 1.75rem;}
	.card.card--testimonial {padding: 1rem;padding-bottom: 2rem;}
	.quote-icn {margin-bottom: 1.5rem;}
	.client-info .client-profile{height: 4.25rem;width: 4.25rem;margin-bottom: 0;float: left;margin-right: 1rem;}
	.slider--testimonial .slick-list {padding: 0 !important;}
	.card--testimonial .card-head p {font-size: 1rem;}
	.place {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
	.place img {float: left;}
	.col-gap [class*="col-"] {margin-bottom: 1.875rem}
	.section--process .row [class*="col-"]:not(:last-child) {margin-bottom: 2rem;padding-bottom: 2rem;}
}

@media(max-width:767px){
	.banner-primary h1 {font-size: 1.8rem;}
	.buton_call {top: 3px;right: 35px;}
	.col-gap [class*="col-"]:last-child {margin-bottom: 0}
	.tile.tile--choose .tile-head {margin-bottom: 0;margin-right: 1rem;}
	.tile.tile--choose{flex-direction: revert;justify-content: flex-start;align-items: center;}
	.tile.tile--choose{aspect-ratio: 0;}
	.tile-col {max-width: 100%;flex: 0 0 100%;margin: 0;width: 100%;}
	
	.card.card--services {display: inline-block;border-bottom: 1px solid #ddd;border-radius: 0;padding-bottom: 30px;}
	.card--services .card-head {float: left;}
	.card.card--services .card-head .icn{margin-right:2rem}
	.card--services .card-body p {margin-bottom: 0;margin-top: 2rem;}
	.block.block--platform:not(:last-child) {margin-bottom: 1.7rem;padding-bottom: 1.25rem;border-bottom: 1px solid #ddd;}
	.card.card--benefit{margin:0}
	.features-wrapper .col-gap [class*="col-"]:not(:last-child) {margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #ddd;}
	.counter .counter__item{flex: 0 0 50%;max-width: 50%;}
	.card.card--services .card-body h4 {padding: 1.2rem 0;}
	.section--process .row [class*="col-"]:not(:last-child) {border-bottom: 1px solid #ddd;}
}
@media(max-width:575px){
	.new-heading-style p {margin-bottom: 1rem;}
	.card.card--services .card-body h4 {margin-bottom: 0;padding: 0.5rem 0;}
}