: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;
}
.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;
}
.pb0{
	padding-top: 0;
}
.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);
}
.btn:hover:before {
    padding: 42% 90%;
}
.green-btn{
	background-color: var(--primary-color); color: var(--white-color); border-color: var(--primary-color);
}
.h2-title{
	font-family: 'TASA Orbiter'; font-weight: 600; font-size: 32px; 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;
}
.services-box-wrap {
    border: 1px solid transparent; padding: 24px; position: relative; z-index: 1; border-radius: 24px;
}
.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-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>'); background-repeat: no-repeat; background-position: center right; background-size: auto;
}
.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>'); 
}

/* 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: 27px; 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: 10px;
}
.industries-listing {
    gap: 20px;
}
.indus-icon {
    max-width: 130px;
    border-radius: 10px;
    overflow: hidden;
    padding-top: 100px;
    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% - 140px); 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;
}
.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 */


/* 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;
}
.blog-next:before, .biz-next:before, .testimonial-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 .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: 20px;
}
.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 {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: 0.7;
}
.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-section {padding-bottom: 100px; }
.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: 43.7%; 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; }


/**/
.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; }
.filter-list ul {list-style-type: none; display: flex; padding: 0; margin: 0; }
.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: 361px; 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 .banner-image img {
    margin-right: -10%;
    max-width: 110%;
}
.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: 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 .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{
    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;
}
.contact-wrap > .h3-title {
    font-family: 'TASA Orbiter';
    font-weight: 600;
    font-size: 36px;
    line-height: 1.22;
    letter-spacing: -0.16px;
    color: #FFFFFF;
    margin: 0;
}
.contact-wrap .fleft-box {
    background-image: none;
    padding: 32px;
}
.contact-wrap .fleft-box p {
    max-width: 90%;
}
.head-office {
    font-weight: 500;
    text-transform: uppercase;
    color: #FFBC0D;
    margin: 0 0 24px;
}
.aibottom {
    align-items: flex-end;
}
.contact-title {
    font-family: 'Geist';
    font-weight: 600;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -0.15px;
    color: #FFFFFF;
    margin: 0 0 12px;
}
.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: 30px;
    padding-right: 30px;
}
.contact-box .address {
    max-width: 50%;
    width: 100%;
}
.contact-box .address:last-child{
    padding-left: 40px;
    border-left: 1px solid rgba(255,255,255,0.3);
}

.info-details {
    max-width: 66.5%;
    padding-top: 40px;
}

.contact-wrap .fleft-box .h3-title {
    font-size: 24px;
    max-width: 100%;
}

.details-block:not(:last-child) {
    margin: 0 0 30px;
}

/* 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;
}