:root{
	--primary-color: #318615; --text-color: #262626; --white-color: #FFFFFF; --black-text: #0A0A0A; --cream-bg: #FBFAF7; --title-color: #0A0A0A;
}
/* Common CSS */
*, *:before, *:after{
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
body, html{
	margin: 0;  padding: 0;
}
.home{
    background-color: var(--cream-bg);
}
img{
    max-width: 100%;
}
.container{
	max-width: 1272px; width: 95%; padding: 0 16px; margin: auto;
}
.dflex{
	display: flex;
}
.fd-col{
	flex-direction: column;
}
.fwrap{
	flex-wrap: wrap;
}
.jcbetween{
	justify-content: space-between;
}
.aicenter{
	align-items: center;
}
.jccenter{
	justify-content: center;
}
.accenter{
	align-content: center;
}
.jicenter{
	justify-items: center;
}
.text-center{
	text-align: center;
}
.text-right{
    text-align: right;
}
.mrauto{
	margin-right: auto;
}
.mlauto{
	margin-left: auto;
}
.mrlauto{
	margin: auto;
}
.mtauto{
	margin-top: auto;
}
.max55 {
	max-width: 55%; width: 100%;
}
.mb60{
	margin-bottom: 60px;
}
.outer-container {
    width: 100%;
    max-width: 1360px;
    position: relative;
    margin: auto;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
a{
	text-decoration: none; display: inline-block; font-family: 'Geist'; font-weight: 400; font-size: 16px; line-height: 1; color: var(--primary-color);transition: all ease-in-out 0.3s;
}
p{
	margin: 0 0 34px;
}
.dm-block {
    display: none;
}
li{
	margin: 0 0 16px;
}
p:last-child, h6:last-child, h5:last-child, ul:last-child, ol:last-child, li:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child{
	margin: 0;
}
/* ul li, p */
body{
	font-family: 'Geist'; font-weight: 400; font-size: 16px; line-height: 1.5; color: var(--text-color);background-color: #FBFAF7;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'TASA Orbiter'; letter-spacing: -0.16px; color: var(--title-color); margin: 0 0 20px;
}
h1 {
	font-size: 52px; line-height: 1.12; font-weight: 700;
}
h2 {
	font-size: 32px; line-height: 1.12; font-weight: 600;
}
.ptb120 {
	padding: 120px 0;
}
.ptb60 {
    padding: 60px 0;
}
.pt0{
	padding-top: 0 !important;
}
.pb0{
	padding-bottom: 0 !important;
}
.mb0{
    margin-bottom: 0 !important;
}
.btn {
	text-align: center;
    text-decoration: none; padding: 15px 16px; font-family: 'Geist'; font-weight: 600; font-size: 14px; line-height: 1.29; overflow: hidden; letter-spacing: -0.16px; position: relative; border: 1px solid #D4D4D4; border-radius: 8px; color: var(--black-text); isolation: isolate; transition: all ease-in-out 0.3s;
}
.white-btn{
	background-color: var(--white-color);
}
.btn:before {
	pointer-events: none; content: ""; padding: 42% 0; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; pointer-events: none; transition: all ease-in-out 0.3s; width: 0; transform-origin: center; background-color:  #1F6B06; z-index: -1; border-radius: 100px;
}
.btn:hover {
    color: var(--white-color);
}
a.btn.white-btn:hover {
    color: #FFFFFF;
    border-color: #1F6B06;
}
.btn:hover:before {
    padding: 42% 90%;
}
.green-btn{
	background-color: var(--primary-color); color: var(--white-color); border-color: var(--primary-color);
}
/* Fully declared, not just font-size: the heading tag is editor-controlled, so the look must not
   change when the block outputs h1 instead of the design's h2. */
.h1-title{
	font-family: 'TASA Orbiter'; font-weight: 600; font-size: 48px; line-height: 1.12; letter-spacing: -0.16px; color: var(--title-color); margin: 0 0 20px;
}
.h2-title{
	font-family: 'TASA Orbiter'; font-weight: 600; font-size: 36px; line-height: 1.25; letter-spacing: -0.16px; color: #020617; margin: 0 0 8px;
}
.h3-title{
	font-family: 'Geist'; font-weight: 500; font-size: 20px; line-height: 1.2; color: #0A0A0A; margin: 0 0 12px;
}
.small-title{
	font-family: 'Geist'; font-weight: 400; font-size: 14px; line-height: 1.43; color: var(--black-text); margin: 0 0 8px;
}
.small-title:before{
	content: ""; padding: 3px; background-color: var(--primary-color); vertical-align: center; line-height: 100%; margin-right: 8px;
}
/* Header */
.site-logo * {
    display: block;
}
.site-header {background-color: var(--white-color); padding: 12px 0; border-bottom: 1px solid #E9EAEB; position: sticky; top: 0; z-index: 9; }
.hbtns{
	gap: 10px;
}
.hbtns .btn{
    padding: 12px 16px;
}
.banner-btn{
    padding: 14px 16px;
}
.menu-item a{
	font-size: 14px; line-height: 1.4; color: var(--text-color);
}
.menu-item a:hover{
    color: var(--primary-color);
}
.menu-item{
	margin: 0; list-style-type: none;
}
.menu{
	padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-left: auto;
}
.site-menu{
	width: calc(100% - 150px); gap: 20px;
}
.site-wrap{
	gap: 40px;
}
.menu-item-has-children{padding-right: 20px; background-image: url('data:image/svg+xml,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.888885 0.888889L6.22222 6.22222L11.5556 0.888889" stroke="%23262626" stroke-width="1.77778" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-repeat: no-repeat; background-position: center right; position: relative;}
.menu-item-has-children:hover .mega-menu {opacity: 1; visibility: visible; }
.menu-item-has-children:first-child .mega-menu {left: 0; transform: translateX(-10%); }
.mega-menu {position: absolute; top: calc(100% + 23px); min-width: 713px; background-color: #FFFFFF; width: 100%; border-radius: 24px; box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05); z-index: 10; padding: 20px; gap: 32px; flex-wrap: wrap; opacity: 0;visibility: hidden; left: 50%; transform: translateX(-52%);}
.mega-menu:before {content: ""; width: 100%; height: 23px; background-color: transparent; position: absolute; top: -23px; }
.right-box {background-color: #318615; border-radius: 24px; background-image: url('../images/menu-design.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; max-width: 220px; padding: 25px 30px; height: 100%; }
.right-box .h2-title {font-weight: 700; font-size: 20px; line-height: 1.2; color: #FFFFFF; margin: 0 0 24px; }
.solution-mega .right-box {max-width: 100%; width: 100%; justify-content: space-between; align-items: center; }
.solution-mega .right-box .mstore img:first-child {margin: 0; }
.solution-mega .right-box.dflex .h2-title {margin: 0; }
.solution-mega .sub-menu.dflex .col2 {max-width: 50%; width: 100%; }
.solution-mega {min-width: 952px; left: -50%; transform: translateX(-20%); }
.solution-mega .sub-menu {gap: 0 100px; max-width: 100%; }
.mstore img:first-child {margin: 0 0 14px; }
.mstore {line-height: 0.7; }
.sub-menu {max-width: calc(100% - 252px); width: 100%; }
.icon-menu {padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; gap: 12px; }
.micon {padding: 15px; background: rgba(255, 188, 13, 0.2); border-radius: 6px; position: relative; display: inline-block; vertical-align: middle; margin-right: 10px; }
.micon > img {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; line-height: 0.7; }
.sub-item a {display: inline-block; font-weight: 500; font-size: 14px; line-height: 1.45; letter-spacing: -0.16px; color: #030B1B; padding: 8px; width: 100%; }
.sub-item {max-width: calc(50% - 6px); width: 100%; margin: 0; }
.hsmall-title {font-weight: 500; font-size: 12px; line-height: 1.4; color: #64748B; margin: 0 0 12px; }


/* banner Section */
.banner-btn{
	font-size: 16px;
}
.highlight-text{
	font-weight: 500; font-size: 14px; line-height: 1.4; color: #737373;
}
.banner-section { 
    padding: 85px 0 0;
    overflow: hidden;
}
.green-text,.h2-title span{
	color: var(--primary-color);
}
.highlight-text{
	margin: 0 0 16px;
}
.section-title{
	margin: 0 0 16px;
}
.section-title span{
	color: var(--primary-color);
}
.banner-content {
    position: relative;
    z-index: 1;
    max-width: 51%; padding: 15px 0 50px;
}
.banner-image{position: relative; z-index: 1; margin-bottom: 0;text-align: center; }
.banner-image > img {max-width: 361px; }
.banner-wrap {
    gap: 40px 0;
    position: relative;
}
.banner-wrap:before {
    content: "";
    right: -10.5%;
    background-image: url(../images/bvector.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -12%;
    pointer-events: none;
    background-position: right center;
    background-size: contain;
}
.banner-wrap:after {
    content: "";
    right: 0;
    background-image: url(../images/bottom-vector.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    pointer-events: none;
    background-position: left bottom;
    left: -10%;
}
.bcontent {
    padding-bottom: 138px;
}
.small-img{
	background-color: #ffffff; padding: 16px; height: auto; margin-left: -6px; border-radius: 50%; position: relative;
}
.small-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
}
.trust-text{
	font-weight: 500; font-size: 14px; line-height: 1.43; max-width: 275px;
}
.btestimonials {
	gap: 16px;
}
.trust-text .large{
	font-size: 18px;
}

/* Logo slider */
.logo-slider {
    padding: 37px 0; background-color: var(--white-color);
}
.logo-box img{
    max-width: 170px    ;
	margin: auto; filter: grayscale(1);
}
.logo-list .slick-track {
    display: flex; align-items: center; flex-wrap: wrap;
}


/* Services */
.services-head {
	width: 100%; margin: 0 0 60px;
}
.services-section {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}
.services-section .ptb120{
    padding-bottom: 80px;
}
.services-section .outer-container:after, .services-section .outer-container:before {
    content: "";
    padding: 5px;
    position: absolute;
    left: -5px;
    bottom: -5px;
    background: #E5E5E5;

}
.why-biz .outer-container:after, .why-biz .outer-container:before {
    content: "";
    padding: 5px;
    position: absolute;
    left: -5px;
    top: -5px;
    background: #E5E5E5;

}
.services-section .outer-container:after {
    left: unset;
    right: -5px;
    bottom: -5px;
}
.why-biz .outer-container:after {
    left: unset;
    right: -5px;
    top: -5px;
}
.services-section .outer-section {
    position: relative;
}
.col3{
	max-width: calc(33.33% - 14px); width: 100%;
}
.services-list {
	gap: 20px; margin: 0 0 40px;
}
.services-box {
    background-color: var(--white-color); position: relative; border-radius: 24px;
}
.services-box:before {
    width: calc(100% + 12px); pointer-events: none; border: 6px solid #F5F5F5; height: calc(100% + 12px); position: absolute; top: 50%; left: 50%; content: ""; border-radius: 24px; opacity: 0; transform: translate(-50%, -50%); z-index: 0;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}
.serv-breif:last-child {
    border: 0; margin-bottom: 0; padding-bottom: 0;
}

.services-box-wrap {
    border: 1px solid transparent; padding: 24px; position: relative; z-index: 1; border-radius: 24px; height: 100%;
}
.services-box:hover .services-box-wrap {
    border: 1px solid #D4D4D4;
}
.services-box-content{
	font-weight: 400; font-size: 14px; line-height: 1.43; color: #525252;

}
.services-box:hover:before {
    opacity: 1;
}
.feature-img {
    padding: 32% 50%; border-radius: 16px; overflow: hidden; position: relative;
}
.feature-img > img {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center;
}
.serv-breif {
    padding: 20px 0; border-bottom: 1px solid #E5E5E5; margin: 0 0 20px;
}
.serv-link{
	font-weight: 400; color: #0A0A0A; padding-right: 32px;  background-repeat: no-repeat; background-position: center right; background-size: auto;
}
.serv-link {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4.92969L19.0711 12.0008L12 19.0718" stroke="%230A0A0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.92893 12.0008H19.0711" stroke="%230A0A0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.serv-link:hover{
	color: #318615; background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4.92969L19.0711 12.0008L12 19.0718" stroke="%23318615" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.92893 12.0008H19.0711" stroke="%23318615" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); 
}
.business-box:not(:has(.full-link)) .serv-link{
    background-image: none;
}

/* Why us */
.biz-icon {
    padding: 40px; display: inline-block; position: relative; margin: 0 0 24px;
}
.why-biz {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}
.biz-icon > img {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 12px;
}
.biz-box .h3-title {
    margin: 0 0 4px;
}
.biz-box {
    display: flex !important;
    flex-direction: column;
    padding: 0px 20px 0px 0px; align-items: flex-start; border-right: 1px solid #D4D4D4;
    height: 100%;
}
.biz-box:last-child{
    border-right: 0;
}
.biz-list .slick-slide > div {
    height: 100%;
}
.biz-list .biz-box {
    height: auto;
}
.biz-list {
    display: flex;
    gap: 0 20px;

}
.biz-box p {
    margin-top: auto !important;
}
.ptb80 {
    padding: 80px 0;
}

/* Business type */
.business-box {
    background-color: var(--white-color); padding: 24px; border: 1px solid #E2E8F0; border-radius: 24px; gap: 12px; align-items: flex-start;    position: relative; transition: all ease-in-out 0.3s;
}
a.full-link {
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.arrow-btn:hover {
    text-decoration: underline;
}
.business-box:hover{
	background-color: #F5F5F5;
}
.business .btn {
    min-width: 140px;
}
.business-listing {
    gap: 20px;
}
.business-icon {
    padding: 30px; position: relative;
}
.business-icon > img {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.business-content{
    width: 100%;
}
.business-content .h3-title {
    font-weight: 600; font-size: 16px; line-height: 1.38; margin: 0 0 6px; color: #020617;
}
.business-content p {
    color: #1E293B;
}

/* Dashboard */
.dashboard-wrap {
	position: relative;
    background-image: linear-gradient(226.48deg, #15803D -7.18%, #262626 100.5%);
    border-radius: 32px;
    padding: 60px 0 0 0;
    overflow: hidden;
    gap: 0 40px;
}
.dashboard-wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/pattern.png);
    background-position: center;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: cover;
}
.dashboard-img {
    max-width: 52.1%; line-height: 0.7;
}
.dashboard-content {
    padding-left: 60px; max-width: 46%; padding-bottom: 60px;
}
.dashboard-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top;
}
.why-biz .arrow-wrap{
    display: none;
}
.hamburger{
    display: none;
}
.dashboard-content p, .dashboard-content li{
	color: var(--white-color);
}
.dashboard-content .btn {
    min-width: 140px;
}
.list {
    padding: 0; margin: 0 0 32px;
}
.dashboard-content .small-title {
    margin: 0 0 9px;
}
.dashboard-content  .h2-title {
    margin: 0 0 16px;
}
.dashboard-content p {margin: 0 0 32px;}
.list li {
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_23_15508" fill="white"><path d="M0 0H10V10H0V0Z"/></mask><path d="M0 10H-1V11H0V10ZM10 10V9H0V10V11H10V10ZM0 10H1V0H0H-1V10H0Z" fill="%23F4F5FC" fill-opacity="0.57" mask="url(%23path-1-inside-1_23_15508)"/></svg>'); background-size: auto; background-repeat: no-repeat; padding-left: 20px; list-style-type: none; background-position: left top 6px;
}
/* Indsutries */
.abox-wrap {
    padding: 32px; background: var(--white-color); border: 1px solid #E2E8F0; border-radius: 24px;
}
.industries {
	position: relative;
    background-color: #14532D; background-image: url(../images/indus-design.svg); background-size: cover; background-position: top center;
}
.industries .small-title::before {
    background-color: var(--white-color);
}
.industries .btn {
    min-width: 190px;
}
.industries:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    background-color: #fbfaf7;
    width: 34%;
    height: 40px;
    clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
}
.indus-list-wrap {
    align-items: flex-start;
    background-color: var(--white-color); border-radius: 16px; padding: 16px; gap: 12px;
}
.industries-listing {
    gap: 20px;
}
.indus-icon {
    max-width: 60px;
    border-radius: 10px;
    overflow: hidden;
    padding-top: 60px;
    position: relative;
    width: 100%;
}
.indus-icon > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.indus-content {
    max-width: calc(100% - 60px); width: 100%;
}
.indus-content .h3-title {
    font-weight: 600; font-size: 16px; line-height: 1.43; letter-spacing: -0.18px; color: #262626; margin: 0 0 4px;
}
.indus-content p {
	font-size: 16px; line-height: 1.5; color: #525252; margin: 0 0 8px;
}
.indus-content p:last-child{
    margin: 0;
}
.industries .title p, .white-color{
	color: var(--white-color);
}
.about-list {
    gap: 20px;
}
/*.about-us .outer-container {
    background-image: url("../images/graphic.svg");
    background-size: auto;
    background-position: top right;
    background-repeat: no-repeat;
}*/
.abox-wrap p {
	margin: 0 0 16px; font-size: 14px; line-height: 1.43; color: #475569;
}
.abox-wrap p:first-child {
    margin: 0 0 32px;
}
.yellow-box {
    padding: 32px;background: #FFBC0D; border: 0;
}
.count {
    font-weight: 700; font-size: 48px; line-height: 1.21; letter-spacing: -0.4px; color: #030B1B; font-family: 'Geist';
}
.yellow-box p {
    font-weight: 400; font-size: 16px; line-height: 1.43;
    color: #1E293B;
    margin: 0;
}
.client-info p {
    margin: 0;
}
.client-img {
    padding: 24px; background-color: var(--white-color); position: relative;
}
.client-img > img {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%;
}
.cdetails {
    gap: 12px;
}
.name {
    font-weight: 500; font-size: 16px; line-height: 1.5; color: #030B1B; margin: 0 0 2px;
}

/* Counters */
.counter-box > p {
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #4E5D73;
}
.counter-box{
    width: 100%;
    padding: 32px;
    background: #F5F5F5;
    border-radius: 24px;

}
.counter-number {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2;
    color: #030B1B;
    margin: 0 0 16px;
}
.counter-list {
    gap: 20px;
}
.counter-wrap > .h3-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -0.16px;
    color: #020617;
    max-width: 230px;
    margin: 0;
}
.counter-wrap{
    gap: 22px;
}

/* Testimonials */
.testimonials .resources-head{
	margin-bottom: 64px;
}
.testimonials-box {
    padding: 32px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 24px;
}
.testimonials-box-wrap {
    padding: 0 10px;
}
.testimonials-list {
    margin: 0 -10px;
}
.testimonials-box p {
    margin: 0 0 24px;
}
.testimonials-box:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.223 0L9.14389 23.1165H16.6655V39.8611H0V25.191L8.84892 0H16.223ZM40.5576 0L33.4784 23.1165H41V39.8611H24.3345V25.191L33.1835 0H40.5576Z" fill="%23318615"/></svg>');
    padding: 20px;
    display: inline-block;
    margin: 0 0 20px;
}
.client-info p {
    margin: 0;
}
.arrow-wrap:before {
    content: "";
    width: 300vh;
    height: 1px;
    background-color: #E5E5E5;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 40%;
}
.arrow-wrap {
    display: flex;
    position: relative;
    justify-content: flex-end;
    align-items: center;
    margin-top: 40px;
}
.custom-navigation {
    display: flex;
    justify-content: flex-end;
    background-color: #fbfaf7;
    gap: 12px;
    position: relative;
    padding: 0 12px;
    z-index: 1;
    width: max-content;
    margin-left: auto;
}
.custom-navigation a {
    font-size: 0;
    padding: 20px;
    background: #E5E5E5;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.custom-navigation .slick-arrow:before {
    content: "";
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 13L1 7L7 1" stroke="%23262626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: 8px;
    background-position: center;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    inset: 0;
    margin: auto;
}
.rs-next:before, .blog-next:before, .biz-next:before, .testimonial-next:before, .ib-next:before, .bento-next:before, .counter-next:before, .resource-next:before {
    background-image: url('data:image/svg+xml,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13L7 7L1 1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}
.custom-navigation .slick-arrow:hover {
    background-color: var(--primary-color);
}
.custom-navigation .slick-arrow:hover:before {
    filter: grayscale(0) invert(1);
}

/* CTA Section */
.cta-section {
    padding: 112px 0;
    background-image: url(../images/cta-bg.png);
    background-size: cover;
    background-position: center;
    text-align: center;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: #E5E5E5;
}
.cta-wrap .cta-wrap-inner {
    max-width: 56%;
    margin: auto auto 60px auto;
}
.cta-wrap .h2-title {
    margin: 0 0 24px;
}
.btn-list {
    gap: 16px;
}
.btn-list .btn {
    min-width: 200px;
}
.btn-list .btn.white-btn {
    min-width: 180px;
}
.counter {
    font-weight: 700;
    font-size: 72px;
    line-height: 1.12;
    letter-spacing: -0.8px;
    color: #0A0A0A;
    margin: 0 0 12px;
}
.counter b{
	font-weight: 700;
}
.order-icon {
    padding: 32px;
    position: relative;
    background: #FFF4D1;
    border-radius: 999px;
    margin: 0 0 12px;
    display: inline-block;
}
.manage-order .outer-container:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color:  #e5e5e5;
    top: -39px;
    right: -1px;
    z-index: 0;
}
.manage-order .btn {
    min-width: 140px;
}
.order-icon > img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
}
.order-content-wrap {
    max-width: 52%;
    width: 100%;
    padding-left: 24px;
}
.order-numbers:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #E5E5E5;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

/* Resources */
.resources .resources-head {
    margin: 0 0 38px;
}
.resources{
    overflow: hidden;
}
.resources-head{gap: 0 30px;
}
.resources .h3-title a {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.56;
    color: #0A0A0A;
}
.resources a:hover{
    color: var(--primary-color);
}
.resource-listing {
	gap: 60px 20px;
}
.load-more .btn {
    text-transform: capitalize;
}
.blog-listing-filter .resource-listing .resource-box {
    max-width: calc(33.33% - 14px);
    width: 100%;
}

.resource-box .feature-img{
    padding: 28.178% 50%;
}
.resource-listing .feature-img{
	margin: 0 0 24px;
}
.meta a {
    color: #737373;
}
.meta {
    gap: 28px;
    position: relative;
}
.meta .date:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -19px;
    background-color: #D4D4D4;
    border-radius: 50%;
    padding: 4px;
}
.meta .date {
    position: relative;
}
.author a {
    color: #262626;
    font-weight: 600;
}
/* Faq */
.faq-question { font-weight: 500;cursor: pointer; letter-spacing: 0px; margin: 0; display: flex; padding: 13px 16px; justify-content: space-between; font-family: 'Geist';}
.faq-question.active:after {transform: rotate(180deg); }
.faq-question:after {content: ""; background-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7 7L13 1" stroke="%23030B1B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-left: auto;transition: all ease-in-out 0.3s; padding: 10px; background-position: center; }
.faq-accodian {font-weight: 500; font-size: 16px; line-height: 1.5; color: #030B1B; background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 16px; margin: 0 0 16px; }
.faq-question.active {padding-bottom: 10px; }
.faq-accodian:last-child {margin: 0; }
.faq-answer {display: none; padding: 0 16px 16px 16px; }
.faq-answer  {color: #262626; line-height: 1.25; }
.faq-list {max-width: 56.6%; width: 100%; }
.faq-content {max-width: 310px; align-content: flex-start; }
.faq-content .h2-title,.faq-list .h2-title{margin-bottom:142px; }

.faq-box {padding: 24px;background: #E5E5E5; border-radius: 24px;align-self: stretch;flex-grow: 0; }
.mtauto {margin-top: auto; }
.hifi-icon {padding: 30px; background-color: var(--white-color); display: inline-block; border-radius: 50%; position: relative; margin: 0 0 24px; }
.hifi-icon > img {position: absolute; top: 50%; left: 50%; width: 50%; height: 50%; object-fit: cover; object-position: center; transform: translate(-50%, -50%); }
.faq-wrap {gap: 20px; }
.faq-box{font-size: 14px; }
.faq-box p {margin: 0 0 24px; }
.arrow-btn {font-weight: 600; font-size: 14px; line-height: 20px; color: #020617; padding-right: 24px; background-size: 20px; }

/* Footer */
.site-footer{padding: 80px 0 40px; background: #171717; }
.flink{font-weight: 500; font-size: 12px; line-height: 1.33; text-transform: uppercase; color: var(--white-color); margin: 0 0 32px; }
.fmenu{padding: 0; }
.fmenu .menu-item{list-style-type: none; margin: 0 0 16px; line-height: 1; }
.fmenu a{font-weight: 400; font-size: 14px; line-height: 1.43; color: #A3A3A3; }
.fmenu a:hover {color: #FFFFFF; }
.footer-links{gap: 0 20px; width: 100%; }
.footer-top {
    gap: 0 clamp(30px, 8vw, 102px); border-bottom: 1px solid #262626; padding-bottom: 32px;
}
.fleft-box {
	  width: 35.5%; background: #FFF4D1; height: 100%; padding: 24px; border-radius: 24px; background-image: url(../images/Doodle-arrow.svg), url(../images/Doodle-vector.svg); background-repeat: no-repeat; background-position: top right, bottom right;
}
.fleft-box .h3-title {
    font-weight: 700; color: #262626; max-width: 80%;
}
.fleft-box p {
   margin: 0 0 24px;max-width: 200px;
}
.footer-social {
    padding: 32px 0; border-bottom: 1px solid #262626;
}
.fmenu .menu-item:last-child {
    margin: 0;
}
.email {
    color: var(--white-color); background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3333 5.83301L10.8408 10.6055C10.5866 10.7532 10.2978 10.831 10.0037 10.831C9.70972 10.831 9.42092 10.7532 9.16666 10.6055L1.66666 5.83301" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.6667 3.33301H3.33333C2.41286 3.33301 1.66666 4.0792 1.66666 4.99967V14.9997C1.66666 15.9201 2.41286 16.6663 3.33333 16.6663H16.6667C17.5871 16.6663 18.3333 15.9201 18.3333 14.9997V4.99967C18.3333 4.0792 17.5871 3.33301 16.6667 3.33301Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-repeat: no-repeat; background-position: center left; padding: 2px 0px 2px 28px; text-decoration: underline;
}
.email:hover {
    color: var(--primary-color);
}
.store {
    line-height: 0.7;
}



.footer-store {
    gap: 12px;
}
.media {
    list-style-type: none; padding: 0; margin: 0; gap: 9px;
}
.media-list {
	line-height: 0.7; margin: 0; padding: 0;
}
 
.media-list a:hover{
	opacity: 1;
}
.media-list a img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 80%;
    filter: grayscale(100%) invert(1);
    height: 80%;
    object-fit: contain;
    transform: translateY(-50%);
    right: 0;
    transition: all ease-in-out 0.3s;
    margin: auto;
}
.media-list a {
    padding: 16px;
    position: relative;
}
.media-list a:hover img {
    filter: grayscale(0) invert(0);
}
.copyright a {
    color: #A3A3A3;
}
.copyright {
    gap: 0 32px;
}
.quick-links {
    gap: 0 32px;
}
.copyright-wrap {
    padding: 32px 0 0; gap: 0 20px;
}
.quick-links a {
    color: #A3A3A3;
}
.quick-links a:after {content: ""; margin: 0 10px; }
.quick-links a:hover {
    color: var(--white-color);
}
.copyright p {
    color: #A3A3A3;
}

/* Manage order */
.manage-order .h2-title b{font-weight: 600;}
.order-image {
    max-width: 41%;
    padding-top: 41%;
    position: relative;
    width: 100%;
}
.order-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
    height: 100%;
}
.order-wrap {
    gap: 40px;
}
.testimonials {
    overflow: hidden;
}
.order-numbers {
    max-width: 50%;
    width: 100%;
    position: relative;
    padding-right: 24px;
}
.icon-points {
    gap: 0 21px;
    padding-top: 40px;
    margin-top: 40px;
    position: relative;
}
.icon-points:before{
	content: "";
	width: 88.4%;
	height: 1px;
    background-color: #E5E5E5;
    left: 0;
    right: 0;
    top: 0px;
    position: absolute;
    margin: auto;
}


/*CTA*/
.dcta-box {padding: 60px;background: #171717;border-radius: 32px;}
.dcta-wrap { text-align: center; max-width: 781px; margin: auto;}
.dcta-wrap p:not(.small-title) {font-weight: 400; font-size: 16px; line-height: 1.5; color: #E2E8F0; max-width: 681px; margin: 0 0 54px; }
.dcta-btns {gap: 0 16px; }
.dcta-btns .btn {min-width: 180px; }


/*Blog Details*/
.blog-content .faq-list{max-width: 100%; }
.blog-details .outer-container {padding-top: 38px; }
.blog-content {padding-top: 40px; max-width: calc(100% - 355px); }
p.bdate {margin: 0 0 12px; font-size: 16px; }
.blog-title {font-family: 'Geist'; font-weight: 600; font-size: 48px; line-height: 1.21; letter-spacing: -0.4px; color: #0A0A0A; margin: 0 0 12px; }
.blog-meta {margin: 0 0 36px; }
.blog-meta a:after {content: "|"; margin-right: 12px; margin-left: 12px; }
.blog-content a {color: var(--blue-600, #2563EB); font-size: 16px; }
.blog-wrap {gap: 0 60px; flex-wrap: wrap; }
.blog-sidebar {max-width: 295px; width: 100%; }
.feature-image {overflow: hidden; border-radius: 24px; margin: 0 0 60px; line-height: 0.7; }
.blog-content h2 {font-family: 'Geist'; font-weight: 700; font-size: 32px; line-height: 1.19; letter-spacing: -0.2px; color: #0A0A0A; margin: 0 0 40px; }
.blog-content p {font-weight: 400; font-size: 18px; line-height: 1.5; color: #262626; }
p.bread {font-size: 16px; }
.blog-content h3:not(.faq-question) {font-family: 'Geist'; font-weight: 600; font-size: 24px; line-height: 1.25; letter-spacing: -0.15px; color: #0A0A0A; margin: 0 0 34px; }
.blog-content ul {padding: 0 0 0 20px; margin: 0 0 40px; }
.blog-content ul li {margin: 0; }
.reads-list {margin: 0; padding: 0; list-style-type: none; }
.reads-list li {margin: 0 0 24px; }
.reads-list li a {font-family: 'Geist'; font-weight: 400; font-size: 16px; line-height: 1.5; color: #000000; }
.reads-list li a:hover{color: var(--primary-color); }
.popular-reads .h3-title {margin: 0 0 24px; padding: 0 0 24px; border-bottom: 1px solid #D4D4D4; }
.blog-sidebar-wrap {background: linear-gradient(180deg, #FBF6E8 0%, #FFE8A3 100%); border-radius: 16px; line-height: 0.7; overflow: hidden;margin: 0 0 60px; }

.sidebar-block {padding: 32px 30px 9px 30px; }
.sidebar-block .btn{padding: 11px 16px; }
.sidebar-block .h3-title{font-weight: 600;}
.block-image {padding-top: 94%; position: relative; }
.block-image > img {position: absolute; top: 0; right: 0; width: 94%; height: 100%; object-fit: cover; object-position: top center; }
.social-share {margin-top: 40px; padding: 16px 24px; gap: 10px; width: 386px; background: #F5F5F5; border-radius: 16px; }
.social-share p {margin: 0; font-weight: 500; font-size: 16px; line-height: 1.5; }
.social-share .dflex {padding: 0; margin: 0; list-style-type: none; gap: 16px; }
.social-share .dflex li{
    line-height: 0.7;
}
.social-share .dflex li a {display: inline-block; background-color: #FFFFFF; padding: 20px; border-radius: 50%; position: relative; }
.social-share .dflex li a img {position: absolute; top: 50%; left: 0; right: 0; margin: auto; transform: translateY(-50%); }
.about-author {margin-top: 80px; padding: 32px; background: #F5F5F5; border-radius: 32px; }
.author-head {font-family: 'Geist'; font-weight: 500; font-size: 16px; line-height: 1.5; color: #020617; position: relative; }
.author-head:after {content: ""; background-color: #E2E8F0; max-width: 420px; width: 100%; height: 1px; display: inline-block; vertical-align: middle; margin-left: 18px; }
.author-image {padding: 50px; position: relative; height: 100%; }
.author-image > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; background-color: #FFBC0D; border-radius: 100%; }
.author-details {margin: 35px 0 0; gap: 35px; }
.author-content .h3-title {margin: 0 0 8px !important; }
.author-content p {margin: 0 0 24px; }
a.read-more {text-decoration: underline; }
.social-share .dflex li a:hover {background-color: #000; }
.social-share .dflex li a:hover img {filter: grayscale(0) invert(1); }


/* Blog list */
.ib-img {max-width: 130px; line-height: 0.7; height: 146px; overflow: hidden; position: relative; }
.ib-img img {object-fit: cover; object-position: top center; }
.blog-banner .outer-container {padding-top: 100px; }
.inner-banner-content {max-width: 47%; width: 100%; }
.inner-banner-cta {max-width: 43%; position: relative; align-items: flex-end; }
.ib-content .h3-title {margin: 0; position: relative; font-weight: 600; font-size: 24px; }
.ib-content .btn {min-width: 102px; padding: 11px 16px; height: 100%; }
.inner-banner-cta:before {content: ""; background-color: #DCFCE7; width: 100%; position: absolute; bottom: 0; height: 85%; border-radius: 16px; }
.ib-content {padding: 30px 34px 30px 0; gap: 18px; align-items: center;width: 100%;justify-content: space-between; }
.inner-banner-wrap {
    gap: 20px 70px;
}
.inner-banner-image {
    max-width: 46%;
}
.inner-banner .outer-container {
    padding: 108px 0 70px 0;
}

/**/
.latest-blog-wrap {padding: 50px; background: linear-gradient(95.8deg, #F5F5F5 0.59%, #FFFFFF 73.95%); border: 1px solid #E5E5E5; border-radius: 24px; gap: 40px; flex-wrap: wrap; }
.latest-content .h2-title {margin: 0 0 32px; }
.latest-content .btn {padding: 12px 16px; min-width: 190px; }
.latest-content {max-width: 53%;width: 100%;}
.latest-img {max-width: 43%; border-radius: 20px; width: 100%; overflow: hidden; line-height: 0.7; }

/* Feature blog */
.blog-slider .slick-track {display: flex; gap: 20px; }
.recent-blog .outer-container{padding: 0 0 60px; }
.bfilter {margin: 0 0 60px; flex-wrap: wrap; gap: 20px;}
.filter-list ul {list-style-type: none; display: flex; padding: 0; margin: 0; flex-wrap: wrap;}
.filter-list {max-width: 68%;}
.filter-list ul li a {padding: 8px 16px; border: 1px solid #CBD5E1; border-radius: 100px; color: #525252; display: inline-block; line-height: 1.35; }
.filter-list ul {gap: 8px; }
.filter-list ul li {line-height: 0.7; margin: 0; }
.filter-list ul li a:hover, .filter-list ul li.active a {background-color: #000000; color: var(--white-color); border-color: #000000; }
.fsearch input {background: #FFFFFF; padding: 8px 12px; width: 100%; border: 1px solid #E2E8F0; border-radius: 12px; line-height: 1.65; padding-left: 38px; background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.4995 17.4995L13.8828 13.8828" stroke="%23262626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333Z" stroke="%23262626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-repeat: no-repeat; background-position: left 10px center; }
.fsearch {max-width: 29%; width: 100%; }
.load-more {line-height: 0.7; text-align: center; margin-top: 120px; position: relative; display: table; margin-left: auto; margin-right: auto; padding: 12px; background-color: #FBFAF7;}
.load-more:before {content: ""; position: absolute; top: 50%; left: 50%; margin: 0 auto; width: 200vh; height: 1px; background-color: #E5E5E5; transform: translate(-50%, -50%); z-index: -1;}

.blog-listing-filter{
    overflow: hidden;
}
/* Blog listing empty state (rendered by custom.js when no card matches) */
.bl-empty {width: 100%; margin: 0; padding: 40px 24px; text-align: center; font-size: 16px; color: #525252; background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 16px; }
/* Slick Dots */
.slick-dots li button { background: #E5E5E5; border: 0; font-size: 0; width: 10px; height: 10px; border-radius: 50%; padding: 0; } 
.slick-dots { display: flex; align-items: center; justify-content: center; padding: 0; margin: 15px 0 0; list-style: none; gap: 10px; } 
.slick-dots li { margin: 0; padding: 0; } 
.slick-dots li.slick-active button { background: var(--primary-color); }
.mt30 {margin-top: 30px;}



/* Feature Section */
.feature-section .bcontent p:not(:first-child) {
    max-width: 521px;
}
.feature-section .banner-image {
    margin-bottom: auto;
}
.feature-section.banner-section {
    padding: 100px 0;
}
.feature-section .banner-content{
    padding: 15px 0;
}

.feature-section .bcontent {
    padding-bottom: 80px;
}
.feature-box {
    background: #FAF5FF;border: 1px solid #E9D5FF;border-radius: 32px;
    box-shadow: 0px 0px 0px 10px #ffffff inset;padding: 8px;margin: 0px -16px 28px;
}
.feature-box:last-child{
    margin-bottom: 0;
}
.feature-content {
    max-width: 49%;
    width: 100%;
    padding: 60px 0px 60px 60px;
}
.f-image {
    max-width: 51%;
    width: 100%;
    padding-right: 30px;
}
.feature-wrap {
    border: 8px solid #E9D5FF;
    border-radius: 32px;
    line-height: 0.7;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0;
}
.feature-section {
    padding: 80px 0 0;
}
.feature-small-title {
    font-family: 'Geist';
    font-weight: 600;
    font-size: 12px;
    line-height: 1.42;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #7E22CE;
    border-radius: 6px;
    display: inline-block;
    padding: 4px 9px;
}
.feature-content .section-title {
    letter-spacing: -0.16px;
    color: #0A0A0A;
    font-weight: 700;
    font-size: 28px;
    margin: 0 0 6px;
}
.feature-content p {
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 24px;
}
.feature-content ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 24px;
}
.feature-content ul li b {
    display: block;

    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: #262626;
    margin: 0 0 2px;
}
.feature-content ul li {

    line-height: 1.5;
    color: #737373;
    padding: 12px 0 12px 36px;
    border-bottom: 1px solid #E9D5FF;
    margin: 0;
    background-image: url('data:image/svg+xml,<svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 1L6 12L1 7" stroke="%23318615" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: top 18px left;
}
.feature-content ul li:last-child {
    border: 0;
}
.feature-box:nth-child(2n) .feature-wrap .feature-content {
    order: 2;
    padding: 60px 50px 60px 20px;
}
.feature-box:nth-child(2n) .feature-wrap .f-image {
    max-width: 50%;
    padding-left: 30px;
}
.text-link{
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    text-decoration-line: underline;
    color: #2563EB;
}
.f-image img {
    width: 100%;
}
.text-link {
    padding-right: 24px;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.16797 10H15.8346" stroke="%232563EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 4.17188L15.8333 10.0052L10 15.8385" stroke="%232563EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center right;
}
/* Contact form section (contact.html) */
.contact-form {
    max-width: 54.4%;
    width: 100%;
    background-color: #ffffff;
    padding: 32px;
    border: 1px solid #E5E5E5;
    border-radius: 32px;
}
.form-content {
    max-width: 30%;
    width: 100%;
}
.form-wrap {
    justify-content: space-between;
}

/* Contact form card + Gravity Forms fields (designer CSS) */
.contact-form .h3-title {
    font-size: 24px;
    margin: 0 0 32px;
}
.form-style .gfield_label {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.125;
    color: #262626;
}
/* Field selectors start with .contact-form: Gravity Forms' Orbital theme styles fields with
   .gform-theme--framework .gfield input[type=text] (0,3,1), one class stronger than .form-style .gfield input. */
.contact-form .gform_validation_errors{
    display: none !important;
}
.contact-form .gfield_description {
    order: 3; margin-top: 6px;
}
.contact-form .gfield {
    display: flex;
    flex-direction: column;
}
.contact-form .form-style .gfield textarea, .contact-form .form-style .gfield input{
    font-family: 'Geist';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: #000000;
    padding: 15px 16px;
    background: #FFFFFF;
    height: auto;
    outline: none;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    width: 100%;
}
.contact-form .form-style .gfield textarea{
    resize: none;
    height: 115px !important;
    min-block-size: inherit !important;
}
.contact-form .form-style .gfield textarea::placeholder, .contact-form .form-style .gfield input::placeholder{
    color: #737373;
}
.form-style .gform_required_legend {
    display: none;
}
.form-style .gform-theme--foundation .gform_fields {
    gap: 24px;
}
.form-style .gform_button {
    width: 100%;
    font-family: 'Geist';
    font-weight: 600;
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: -0.18px;
    color: #FFFFFF;
}
.form-style .gform-footer .gform_button {
    padding: 14px 16px !important;
    width: 100% !important;
    background: #318615 !important;
    border-radius: 12px !important;
    font-family: 'Geist' !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 1.38 !important;
    letter-spacing: -0.18px !important;
    color: #FFFFFF !important;
}
.form-style .gform-footer .gform_button:hover {
    background-color: #276711 !important;
}
.form-style .gform-footer{
    margin: 32px 0 0 0;
}
.form-style:not(:last-child){
    margin: 0 0 32px;
}
.contact-form  p:last-child {
    font-weight: 500;
}

/* Contact details section — "Find us" box (designer CSS) */
.contact-wrap {
    padding: 80px;
    background: #14532D;
    border-radius: 32px;
}
.info-details > .h3-title {
    font-family: 'TASA Orbiter';
    font-weight: 600;
    font-size: 36px;
    line-height: 1.22;
    letter-spacing: -0.16px;
    color: #FFFFFF;
    margin: 0;
    padding-bottom: 34px;
}
.contact-wrap .fleft-box.map-box {
    height: auto;
    padding: 0;
    border-radius: 24px;
    overflow: hidden;
}
.contact-wrap > .dflex {
    gap: 20px;
}
.contact-wrap .fleft-box p {
    max-width: 90%;
}
.address > p.head-office {
    font-weight: 500;
    text-transform: uppercase;
    color: #FFBC0D;
    margin: 0 0 24px;
    line-height: 1;
    font-size: 16px;
}
.aibottom {
    align-items: flex-end;
}
.contact-title {
    font-family: 'Geist';
    font-weight: 600;
    font-size: 20px;
    line-height: 1.25;
    color: #FFFFFF;
    margin: 0 0 12px;
    letter-spacing: 0;
}
.address > p {
    font-family: 'Geist';
    font-weight: 400;
    font-size: 18px;
    line-height: 1.56;
    color: #D4D4D4;
}
.details-block a {
    font-family: 'Geist';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.56;
    color: #D4D4D4;
}
.contact-box{
    gap: 32px;
    padding-right: 0px;
}
.contact-box .address {
    max-width: 50%;
    width: 100%;
}
.contact-box .address:not(:first-child){
    padding-left: 32px;
    border-left: 1px solid rgba(255,255,255,0.3);
}
.info-details {
    max-width: 953px;
}
.contact-wrap .fleft-box .h3-title {
    font-size: 24px;
    max-width: 100%;
}
.details-block:not(:last-child) {
    margin: 0 0 20px;
}
/* Theme addition: Vector.svg as the faint pattern across the top of the green box (the rules above set only the colour) */
.contact-wrap {
    background-image: url(../images/Vector.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

/* ==========================================================================
   About page (about-us.html) — About Hero, Story, Milestones, Principles,
   Team and Vision Banner blocks.
   ========================================================================== */

/* About Hero (.about-us) */
.about-head {
    max-width: 70%;
    margin: auto auto 58px;
}
.about-head .h1-title {
    max-width: 856px;
    font-weight: 700;
}
.image-dashboard {
    position: relative;
    max-width: 1111px;
    margin: auto;
    line-height: 0.7;
}
.image-dashboard:after {
    content: "";
    width: 100%;
    height: 50px;
    background: #FBFAF7;
    filter: blur(22.55px);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* Story */
.story-content {
    max-width: 49.5%;
    width: 100%;
}
.story-img {
    max-width: 46%; width: 100%; margin-left: auto;
}
.story-img img {max-height: 500px;object-fit: contain;object-position: center;}
.story-wrap {
    gap: 30px;
}
.story-content .h2-title {
    margin: 0 0 48px;
}
.story-list {
    padding: 0;
    list-style: none;
}
.story-list li {
    padding-left: 17px;
    border-left: 2px solid #318615;
    margin: 0 0 30px;
}
.story-list li:last-child {
    margin-bottom: 0;
}

/* Milestone */
.milstone {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.timeline-box {
    padding-right: 20px;
    max-width: 25%;
    width: 100%;
    padding-top: 40px;
    position: relative;
}
.timeline-date {
    font-family: 'Geist';
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #1E293B;
    margin: 0 0 6px;
}
.timeline-box p {
    font-family: 'Geist';
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #1E293B;
}
.timeline {
    margin: 68px 0 0;
}
.timeline-box:not(:last-child) {
    border-top: 1px solid #FFBC0D;
}
.timeline-box:before {
    width: 16px;
    height: 16px;
    background: #318615;
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 0px;
    top: -8px;
    z-index: 1;
}

/* Corner squares on the side lines (Milestones and Principles carry .dots) */
.dots .outer-container:after, .dots .outer-container:before {
    content: "";
    padding: 5px;
    position: absolute;
    left: -5px;
    top: -5px;
    background: #E5E5E5;
}
.dots .outer-container:after {
    left: unset;
    right: -5px;
}

/* Principles */
.principles-title {
    font-family: 'Geist';
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 5px;
    color: #1E293B;
}
.principles-box p {
    line-height: 1.5;
    color: #1E293B;
}
.principles-box {
    padding: 24px 24px 24px 100px;
    border-bottom: 1px solid #E5E5E5;
    position: relative;
}
.principles-list {
    border: 1px solid #E5E5E5;
    background: #FFFFFF;
    border-radius: 24px;
    counter-reset: heading-counter;
    margin-top: 60px;
}
.principles-box:last-child {
    border: 0;
}
.principles-box:before {
    content: "0" counter(heading-counter);
    counter-increment: heading-counter;
    font-family: 'TASA Orbiter';
    font-weight: 600;
    font-size: 36px;
    line-height: 1.35;
    letter-spacing: -0.16px;
    color: #318615;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
}

/* Team */
.people .ptb60 {
    padding-bottom: 120px;
}
.people .h2-title{
    text-align: center;
}
.team-list {
    margin: 60px 0 0;
    gap: 20px;
}
.team-detail {
    text-align: center;
    max-width: 250px;
    margin: auto;
}
.team-name {
    font-family: 'Geist';
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #0A0A0A;
    gap: 0 14px;
    margin: 0 0 8px;
}
.team-name svg {
    vertical-align: middle;
}
.team-image {
    margin: 0 auto 20px;
    max-width: 221px;
    line-height: 0.7;
}
.designation {
    margin: 0 0 17px;
    font-family: 'Geist';
    font-weight: 500;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: -0.18px;
    color: #0A0A0A;
}
.team-box {
    max-width: 25%;
    width: 100%;
}
.team-name a svg {
    max-width: 26px;
}
.team-name a {
    line-height: 0.7;
}

/* Vision Banner (green) */
.green-section {
    background-color: #14532D;
    padding: 32px 0px;
    background-image: url(../images/Vector.svg);
    background-position: top center;
    background-size: auto;
    background-repeat: repeat-x;
}
.green-content * {
    color: #FFFFFF;
}
.green-mobile {
    max-width: 486px;
    padding-right: 40px;
}
.green-content {
    max-width: 42%;
    width: 100%;
}
.green-image-wrap {
    gap: 0 30px;
}
.green-content .h2-title {
    margin: 0 0 40px;
}

/* Benefits */
.benefits-head .h2-title {
    margin: 0;
}
.benefits-list {
    gap: 20px;
}
.benefits-box {
    padding: 16px;
    background: linear-gradient(90deg, #FFF4D1 0%, #FBFAF7 63.36%);
    border-left: 1px solid #318615;
    border-radius: 0px;
    max-width: 20%;
    width: 100%;
}
.week {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #318615 0%, #22C55E 100%);
    /* Theme addition: Safari needs the prefixed clip, or the label renders as a solid gradient bar */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 0 0 56px;
}
.benefits-box p:last-child {
    font-size: 14px;
}

/* ==========================================================================
   Image Box List block (.ib-section) — desktop base
   ========================================================================== */
.ib-section{
    overflow: hidden;
}
.image-box-list {
    gap: 20px;
    flex-wrap: wrap;
}
.ib-section .h2-title{
    margin: 0;
}
.ib-wrap {
    padding: 24px;
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
    border-radius: 24px;
    width: calc(33.33% - 14px);
}
.ib-wrap-content p {
    font-size: 14px;
}
.ib-container {
    width: 100%;
    background: #FFFFFF;
    border-radius: 16px;
    margin-bottom: 20px;
    position: relative;
}
.ib-container > img {
    width: 100%;
    margin: auto;
    object-fit: cover;
    object-position: center;
    height: auto;
}
/* Neutralise the global .ib-img rule (blog-banner) inside these sections */
.image-box-list .ib-img {
    max-width: none;
}
/* Arrows: hidden on desktop, shown as a slider under 992px (see responsive.css) */
.ib-section .arrow-wrap,
.bentogrid-box .arrow-wrap,
.counter .arrow-wrap {
    display: none;
}
/* Resources slider (all widths): gaps between cards, equal heights, no arrows/dots. */
.resource-slider .slick-list { margin: 0 -10px; }
.resource-slider .slick-track { display: flex; }
.resource-slider .slick-slide { height: auto; padding: 0 10px; }
.resource-slider .slick-slide > div { height: 100%; }


/* Lead Out come */
.ib-wrap .h3-title{
    font-size: 24px;
}
.green {
    color: var(--primary-color);
}
.bentogrid-box .ib-container {
    margin-top: auto;
    margin-bottom: 0;
}
.bentogrid-box .ib-wrap-content {
    margin: 0 0 20px;
}
.bentogrid-box .ib-wrap {
    display: flex !important;
    flex-direction: column;
}
.bentogrid-box .ib-wrap {
    width: calc(50% - 10px);
}


/*  */
.full-width-content h2 {
    margin: 40px 0;
    font-family: 'Geist';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.19;
    letter-spacing: -0.2px;
    color: #0A0A0A;
}
.full-width-content h3:not(.small-title) {
    margin: 0 0 20px; font-weight: 600; font-size: 24px; line-height: 1.25; letter-spacing: -0.15px; color: #0A0A0A;
}
.full-width-content li, .full-width-content p {
    margin: 0 0 40px; font-style: normal; font-weight: 400; font-size: 18px; line-height: 1.56;
}
.full-width-content ul li{
    margin: 0;
}
.full-width-content ul {
    padding-left: 25px; margin: 0 0 40px;
}
.effective-date strong {
    font-weight: 600; font-size: 24px; line-height: 1.25; letter-spacing: -0.15px; color: #0A0A0A;
}
.bz-page .section-title{
    padding: 0 0 60px; margin: 0;
}
.full-width-content p:last-child {
    margin: 0;
}
.full-width-content {
    padding: 100px 0;
}
.main-title{
    padding: 0 0 60px;
    margin: 0;
}


/**/
.contact-cta-wrap {
    padding: 24px;gap: 24px;max-width: 1060px;background: #F5F5F5;border-radius: 16px;
}
.contact-address {
    max-width: 33.33%;
    border-left: 1px solid #000000;
    width: 100%;
    padding: 0 40px;
    height: 100%;
}
.contact-address:first-child {
    padding-left: 0;
    border-left: 0;
}
.med-title {
    margin: 0 0 12px;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -0.15px;
    color: #0A0A0A;
}
.contact-address a, .contact-address p {
    font-size: 18px;
    line-height: 1.56;
    color: #000000;
}
.contact-cta-wrap .small-title:before {
    display: none;
}
.contact-cta-wrap .small-title{
    margin: 0 0 24px;
    text-transform: uppercase;
    font-weight: 500;
}

/**/
.icon-list {
    flex-wrap: wrap;
    gap: 20px;
}
.icon-box-wrap {
    max-width: calc(33.33% - 14px);
    width: 100%;
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 24px;
}
.icon-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    color: #0A0A0A;
    margin: 0 0 8px;
}
.icon-box-wrap p {
    font-size: 16px;
    line-height: 1.5;
    color: #0A0A0A;
}
.icon-box-img {
    position: relative;
    padding: 30px;
    display: inline-block;
    background: #F5F5F5;
    margin: 0 0 10px;
    border-radius: 12px;
}
.icon-box-img > img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    max-width: calc(100% - 28px);
    max-height: calc(100% - 28px);
}



/* Content cta */
.content-cta-wrap {
    padding: 40px 80px;
    gap: 52px;
    /*background: linear-gradient(180deg, #FFFFFF 34.27%, #E5E5E5 100%);*/
    background: #FFF4D1;
    /*border: 1px solid #E5E5E5;*/
    border-radius: 24px;
    flex-wrap: wrap;
}
.content-cta-image > img {
    max-height: 230px;
    width: auto;
    object-fit: cover;
    object-position: center;
}
.content-cta-image {
    max-width: 25%;
    width: 100%;
    text-align: center;
}
.content-cta-content {
    max-width: calc(75% - 52px);
}
.content-cta-content p {
    margin: 0 0 24px;
}


.threecol-counter .counter-wrap{
    gap: 52px;
    flex-direction: column;
    align-items: flex-start;
}
.threecol-counter .counter-head {
    max-width: 50%;
}
.threecol-counter .counter-list {
    width: 100%;
}


/* Yellow cta */
.yellow-cta-wrap {
    border-radius: 32px; position: relative; 
    background-image: url('../images/Frame.svg');
    background-color: #FFF4D1; background-size: cover; background-position: top center;
}
.right-image {
    margin: auto auto 0; display: flex; align-items: center; max-width: 35.5%; padding-top: 23px;
}
.right-image img {
    max-width: 395px;
}
.app-links a:not(.btn) {
    max-width: 144px;
}
.app-links {
    gap: 12px;
}
.app-links a {
    line-height: 0.7;
}
.app-links a img {
    height: 100%; display: block; object-fit: cover;
}
.left-content {
    padding: 30px 0; max-width: 38.8%; width: 100%; margin-right: auto;
}
.left-content .h2-title {
    margin: 0 0 16px;
}



/* Order management */
.order-management {
    background-image: url(../images/Vector.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color: #14532D;
}
.order-management *{
    color: #FFFFFF
}
.order-management-content {
    max-width: 43%;
}
.order-management-img {
    max-width: 50%;
    width: 100%;
}
.order-management:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    background-color: #fbfaf7;
    width: 34%;
    height: 40px;
    clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
}
.order-management {
    position: relative;
}
.order-management-content .h2-title {
    margin: 0 0 24px;
}


/* Green inner banner */
.green-inner-banner {
    background-image: url(../images/Vector.svg);
    background-repeat: no-repeat;
    background-position: center top;
    border-bottom-right-radius: 32px; border-bottom-left-radius: 32px;
    background-size: 100% auto;
    background-color: #14532D;
}
.green-inner-banner .main-title {
    font-size: 48px;
    color: #FFFFFF;
    padding: 0 0 16px;
}
.green-inner-banner p {
    color: #FFFFFF;
}

/* Pricing */
.pricing-tab ul {
    position: relative;display: flex; align-items: center; padding: 6px; gap: 6px; width: 28%; background: #FFFFFF; border: 1px solid #0A0A0A; box-shadow: 4px 4px 24px rgba(27, 29, 39, 0.12); border-radius: 12px; margin: auto; list-style-type: none;
}
.pricing-tab ul:before {
    content: "Save More"; z-index: 1; position: absolute; right: 38px; top: -37px; font-weight: 600; font-size: 14px; line-height: 1.25; text-transform: uppercase; color: #FFBC0D; padding-bottom: 14px; padding-right: 38px; background-image: url('data:image/svg+xml,<svg width="34" height="19" viewBox="0 0 34 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.72241 10.4727C4.5427 8.78405 6.16071 7.56987 7.88756 6.89607C6.32434 4.07689 3.58891 1.91307 0.45014 1.14082C-0.254067 0.967586 -0.0826514 -0.156041 0.625863 0.0183015C4.18804 0.894704 7.25904 3.31159 8.98273 6.53849C12.6096 5.55825 16.6166 6.3492 20.0703 7.5868C24.2945 9.10055 28.1159 11.6714 31.1345 14.9896C31.1934 15.0543 31.2513 15.1198 31.3094 15.1851C31.1548 14.6111 31.0003 14.0372 30.8456 13.4632C30.7653 13.1651 30.871 12.8505 31.176 12.7309C31.4401 12.6273 31.8271 12.7653 31.9066 13.0605C32.1218 13.8594 32.337 14.6583 32.5521 15.4571C32.6597 15.8565 32.7673 16.256 32.8749 16.6554C32.9816 17.0518 33.148 17.4824 32.8541 17.8413C32.6117 18.1372 32.256 18.1413 31.923 18.0107C31.5381 17.8596 31.164 17.6675 30.7873 17.4972C30.0078 17.1447 29.2284 16.7923 28.449 16.4398C27.7843 16.1393 28.2504 15.1031 28.9161 15.4042C29.5121 15.6737 30.1081 15.9432 30.7042 16.2127C28.2987 13.4261 25.3021 11.1666 21.9713 9.60092C18.6665 8.04746 14.8416 6.9697 11.1588 7.30865C10.5957 7.36048 10.0332 7.45037 9.48271 7.58467C10.2429 9.38357 10.6649 11.5334 9.88226 13.3846C9.15169 15.1127 7.05965 16.3686 5.22233 15.6106C3.23004 14.7886 2.86551 12.2368 3.72241 10.4727ZM6.29682 14.7028C7.05354 14.7271 7.81022 14.3262 8.30944 13.7732C9.5504 12.3984 9.23773 10.2661 8.68236 8.66747C8.59446 8.41462 8.49669 8.16563 8.39104 7.92015C7.76042 8.15757 7.15762 8.46638 6.60329 8.86293C5.19847 9.86784 3.85585 11.6651 4.60909 13.4565C4.90108 14.151 5.52511 14.6781 6.29695 14.7029L6.29682 14.7028Z" fill="%23FFBC0D"/></svg>'); background-repeat: no-repeat; background-position: right 0px top 10px;
}
.pricing-tab ul li{
    list-style-type: none; margin: 0; width: 100%; text-align: center;
}
.pricing-tab ul li a {
    font-weight: 600; font-size: 14px; line-height: 1.5; text-align: center; text-transform: uppercase; color: #525252; display: inline-block; padding: 10px 16px; border-radius: 8px;
}
.pricing-tab ul li.active a {
    background: #0A0A0A; color: #FFFFFF; box-shadow: 0px 4px 8px -2px rgba(11, 13, 18, 0.1), 0px 2px 4px -2px rgba(11, 13, 18, 0.06);
}
.pricing-tab {
    top: -26px; position: relative; z-index: 2;
}
.pricing-listing-wrap {
    display: flex; flex-wrap: wrap; gap: 16px;
}
.pricing-col {
    position: relative; padding: 16px; width: calc(25% - 12px); background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 24px;
}
.pricing-icon >img {
    position: absolute; top: 50%; left: 0; transform: translateY(-50%); right: 0; margin: auto;
}
.pricing-icon {
    padding: 22px; display: inline-block; position: relative; background: rgba(0, 150, 86, 0.1); border-radius: 12px; margin: 0 0 12px;
}
.pricing-plan-name {
    font-weight: 600; font-size: 20px; line-height: 1.2; color: #0A0A0A; margin: 0 0 2px;
}
.plan p {
    font-size: 14px; line-height: 1.43; color: #262626;
}
.plan{
    padding: 0 0 16px; border-bottom: 1px solid #D4D4D4;
}
.price {
    font-family: 'Geist'; font-weight: 700; font-size: 32px; line-height: 1.2; letter-spacing: -0.2px; color: #0A0A0A; margin: 0 0 4px;
}
.price span {
    font-size: 14px; font-weight: 400; color: #898989; vertical-align: middle;
}
.price-plan-wrap {
    padding: 16px 0; line-height: 0.7; border-bottom: 1px solid #D4D4D4; margin-bottom: 16px;
}
.billed {
    margin: 0 0 16px; font-weight: 500; font-size: 12px; line-height: 1.33; color: #404040;
}
.price-plan-wrap .btn {
    width: 100%; font-weight: 600; font-size: 16px; line-height: 1.38; letter-spacing: -0.18px;
}
.pricing-listing {
    margin: 80px 0 0;
}
.price-lister {
    padding: 0; list-style-type: none; margin: 0;
}
.price-lister li {
    padding-left: 22px; background-image: url('data:image/svg+xml,<svg width="13" height="9" viewBox="0 0 13 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.4167 0.75L4.08333 8.08333L0.75 4.75" stroke="%23262626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-repeat: no-repeat; background-position: top 6px left; font-family: 'Geist'; font-weight: 500; font-size: 14px; line-height: 1.43;
}
.price-lister .no {
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4L4 12" stroke="%23DC2626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 4L12 12" stroke="%23DC2626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-position: top 3px left -2px;
}
.pricing-listing-wrap:not(.active) {
    display: none;
}
.pricing-col:last-child .price {
    font-size: 24px;line-height: 1.6;
}
.popular-tag {
    font-family: 'Geist'; font-weight: 500; font-size: 14px; line-height: 1.43; letter-spacing: -0.16px; color: #FFFFFF; position: relative; display:inline-block; background: linear-gradient(0deg, #166534 0%, #16A34A 100%); vertical-align: middle; border-radius: 8px; position: absolute; top: -14px; right: 26px; padding: 4px 8px;
}
.popular-tag:before {
    content: ""; background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 0L10.2627 5.73726L16 8L10.2627 10.2627L8 16L5.73726 10.2627L0 8L5.73726 5.73726L8 0Z" fill="%23FFBC0D"/></svg>'); padding: 8px; background-repeat: no-repeat; background-position: center; margin-right: 2px; align-items: center; display: inline-block; vertical-align: middle;
}
.pricing-wrap {
    margin: 0 0 32px;
}


/* Green cta */
.green-cta-wrap {
    background-image: url('../images/Vector.svg'); background-repeat: no-repeat; background-position: center top; background: #14532D; background-size: 100% auto; padding: 21px 80px; gap: 68px; background: #14532D; border-radius: 32px;
}
.gcta-img {
    max-width: 14.7%;
    width: 100%;
}
.gcta-content {
    max-width: 59%;
}
.gcta-content .h2-title {
    color: #FFFFFF;
}
.gcta-content p {
    color: #FFFFFF;
    font-family: 'Geist';
    font-weight: 400;
    font-size: 18px;
    line-height: 1.56;
    color: #FFFFFF;
}

.gcta-btn .btn {
    font-size: 16px;
}

.gcta-btn .btn.white-btn:hover {
    color: #000;
    border-color: rgb(223 157 11);
    background: #ffb718;
}
.gcta-btn .btn:hover:before {
    background: #ffb718;
    border: 1px solid rgba(0, 0, 0, 0.2);
}


.pricing-col.is-popular {
    border: 1px solid #262626;
}


/* Pricing */
.plan-box {
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    max-width: calc(50% - 12px);
    width: 100%;
    gap: 16px;
}
.plan-list {
    flex-wrap: wrap;
    gap: 24px;
    margin: 0 0 30px;
    text-align: left;
}
.plan-icon {
    padding: 30px;
    border-radius: 12px;
    position: relative;
}
.plan-icon > img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right:0;
    margin: auto;
    max-width: calc(100% - 28px)
}
.plan-content {
    max-width: calc(100% - 76px);
}
.med-title {
    font-family: 'Geist';
    font-weight: 500;
    font-size: 20px;
    margin: 0 0 8px;
    line-height: 24px;
    color: #0A0A0A;
}

.addon-plans {
    text-align: right;
}



/**/
.video-wrap {
    gap: 20px;
    /*flex-wrap: wrap;*/
}
.video-box {
    padding-top: 220px;
    position: relative;
    width: 100%;
    /*max-width: calc(33.33% - 14px);*/
    border-radius: 24px;
    overflow: hidden;
    cursor: pointer;
}
.video-box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
}
.video-box a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.video-box:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.32);
    z-index: 1;
    pointer-events: none;
    position: absolute;
}
.video-box:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 24px;
    background-color: #00000078;
    border-radius: 50%;
    left: 50%;
    margin: auto;
    background-image: url('data:image/svg+xml,<svg width="23" height="26" viewBox="0 0 23 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 3.66728C0.999863 3.1981 1.12159 2.73719 1.35288 2.33109C1.58418 1.92499 1.91685 1.58807 2.31732 1.35436C2.71779 1.12065 3.17187 0.998423 3.63371 1.00002C4.09555 1.00161 4.5488 1.12697 4.9477 1.36343L20.6925 10.6935C21.0899 10.9277 21.4198 11.2638 21.6492 11.6681C21.8786 12.0724 21.9996 12.5308 22 12.9975C22.0004 13.4642 21.8802 13.9228 21.6515 14.3276C21.4227 14.7323 21.0934 15.0689 20.6965 15.3038L4.9477 24.6366C4.5488 24.873 4.09555 24.9984 3.63371 25C3.17187 25.0016 2.71779 24.8793 2.31732 24.6456C1.91685 24.4119 1.58418 24.075 1.35288 23.6689C1.12159 23.2628 0.999863 22.8019 1 22.3327V3.66728Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
}
.video-box:hover:after {
    transform: translate(-50%, -50%) scale(1.2);
}
.testimonials-head .trusted {
    font-family: 'TASA Orbiter';
    font-weight: 700;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.16px;
    color: #737373;
    display: block;
}
.testimonials-head {
    font-family: 'TASA Orbiter';
    font-weight: 700;
    font-size: 80px;
    line-height: 1;
    letter-spacing: -0.16px;
    color: #737373;
}
.testimonials-head .dark {
    color: #262626;
    display: block;
    margin-left: 110px;
}

.icon-box-section .outer-container:before {
    content: "";
    position: absolute;
    top: -38px;
    background-color: #e5e5e5;
    right: -1px;
    height: 100%;
    width: 1px;
}


/* Quick Fixes - YRC */
.logo-slider {padding: 10px 0px;}
footer .store {max-width: 144px;}
@media(min-width: 768px) {
	footer .footer-links {padding-left: 150px;}
}
.blog-content ul li {margin-bottom: 5px;}
.team-box {max-width: unset;}
.page-id-3 .full-width-content,
.page-id-2167 .bz-page,
.page-id-2153 .bz-page {
	width: 100%;
    max-width: 1360px;
    position: relative;
    margin: auto;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.page-id-2167 .bz-page,
.page-id-2153 .bz-page {padding: 100px 0px;}
.logo-slider .slick-slide .logo-box {vertical-align: middle;}
.services-section .services-list .slick-dots {margin-top: 10px;}