
: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; background-color: var(--cream-bg); padding: 0;
}
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: 98%;
    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);
}
p{
	margin: 0 0 36px;
}
.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 !important;
}
ul li, p{
	font-family: 'Geist'; font-weight: 400; font-size: 16px; line-height: 1.5; color: var(--text-color);
}
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;
}
.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-header {
	background-color: var(--white-color); padding: 12px 0; border-bottom: 1px solid #E9EAEB;
}
.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;
}
.sub-menu{
	display: none;
}
.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;
}


/* banner Section */
.banner-btn{
	font-size: 16px;
}
.highlight-text{
	font-weight: 500; font-size: 14px; line-height: 1.4; color: #737373;
}
.banner-section {
    line-height: .7;
    padding: 85px 0 0;
    overflow: hidden;
}
.green-text{
	color: var(--primary-color);
}
.highlight-text{
	margin: 0 0 16px;
}
.section-title{
	margin: 0 0 16px;
}
.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-wrap {
    gap: 40px 0;
    position: relative;
}
.banner-wrap:before {
    content: "";
    right: 0;
    background-image: url(../images/bvector.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -16%;
    pointer-events: none;
    background-position: right center;
    right: -14%;
}
.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 {
    border-bottom: 1px solid #e5e5e5;
}
.services-section .outer-container:after, .services-section .outer-container:before {
    content: "";
    padding: 5px;
    position: absolute;
    left: -5px;
    bottom: -5px;
    background: #E5E5E5;

}
.services-section .outer-container:after {
    left: unset;
    right: -5px;
    bottom: -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 p{
	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;
}

/* 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 {
    padding: 0px 24px 0px 0px; align-items: flex-start; border-right: 1px solid #D4D4D4;
    height: 100%;
}
.biz-list .slick-slide > div {
    height: 100%;
}
.biz-list .slick-slide {
    height: auto;
}
.biz-list .slick-track {
    display: flex;
    gap: 0 20px;

}
.biz-box p {
    margin-top: auto;
}
.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: 0;
    background-color: #FFFFFF;
    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: cover;
}
.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 {
    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;
}
.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;
}
.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;
}
.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 p {
    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;
}
.manage-order {
    background-image: url(../images/counter-vector.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top -10% right;
}
/* Resources */
.resources .resources-head {
    margin: 0 0 38px;
}
.resources-head{gap: 0 30px;
}
.resources .h3-title a {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.56;
    color: #0A0A0A;
}
.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: 16px;
    justify-content: space-between;
}
.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-list {
    max-width: 56.6%; width: 100%;
}
.faq-content {
    max-width: 310px; align-content: flex-start;
}
.faq-content .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 p {
    margin: 0 0 24px; font-size: 14px;
}
.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 {
	line-height: 0.7; 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{
	line-height: 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;
}
.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;
}