/* =========================================================
ARCANUS OUTFITTERS — BUSINESS WITH US
FULL WIDTH • RESPONSIVE • ANIMATED
========================================================= */
.arcanus-business-page{
--teal:#19aaa6;
--teal-dark:#087f7c;
--teal-deep:#045c5b;
--teal-soft:#e9fbfa;
--mint:#dff5f3;
--white:#ffffff;
--dark:#102f30;
--text:#486263;
--border:#d8eeee;
--shadow:0 20px 55px rgba(4,92,91,.12);
width:100vw !important;
max-width:100vw !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
overflow:hidden;
background:#fff;
color:var(--dark);
font-family:Arial, Helvetica, sans-serif;
line-height:1.6;
}
.arcanus-business-page *,
.arcanus-business-page *::before,
.arcanus-business-page *::after{
box-sizing:border-box;
}
.arcanus-business-page a{
text-decoration:none;
}
.arcanus-container{
width:min(1180px,92%);
margin:auto;
}
/* =========================================================
TOP BRAND STRIP
========================================================= */
.arcanus-top-strip{
background:var(--teal-deep);
color:#fff;
text-align:center;
padding:11px 20px;
font-size:12px;
letter-spacing:2.5px;
text-transform:uppercase;
}
/* =========================================================
HERO
========================================================= */
.arcanus-business-hero{
position:relative;
min-height:690px;
display:flex;
align-items:center;
overflow:hidden;
background:
radial-gradient(circle at 85% 25%, rgba(25,170,166,.25), transparent 30%),
radial-gradient(circle at 10% 90%, rgba(25,170,166,.14), transparent 30%),
linear-gradient(135deg,#f8ffff 0%,#eafafa 48%,#d9f3f1 100%);
}
.arcanus-hero-grid{
position:relative;
z-index:3;
display:grid;
grid-template-columns:1.05fr .95fr;
gap:70px;
align-items:center;
padding:95px 0;
}
.arcanus-eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
padding:9px 17px;
border:1px solid rgba(8,127,124,.2);
border-radius:50px;
background:rgba(255,255,255,.7);
color:var(--teal-dark);
font-size:12px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:24px;
}
.arcanus-eyebrow span{
width:7px;
height:7px;
border-radius:50%;
background:var(--teal);
box-shadow:0 0 0 6px rgba(25,170,166,.12);
}
.arcanus-business-hero h1{
margin:0 0 22px;
font-size:clamp(48px,6vw,82px);
line-height:.98;
letter-spacing:-4px;
font-weight:900;
color:var(--dark);
}
.arcanus-business-hero h1 em{
color:var(--teal);
font-style:normal;
}
.arcanus-business-hero h2{
margin:0 0 18px;
font-size:clamp(24px,3vw,38px);
line-height:1.15;
color:var(--teal-deep);
}
.arcanus-business-hero p{
max-width:670px;
margin:0;
font-size:18px;
color:var(--text);
line-height:1.8;
}
.arcanus-hero-actions{
display:flex;
gap:15px;
flex-wrap:wrap;
margin-top:34px;
}
.arcanus-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:54px;
padding:0 27px;
border-radius:50px;
font-size:13px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
transition:.35s ease;
}
.arcanus-btn-primary{
background:var(--teal);
color:#fff !important;
box-shadow:0 13px 30px rgba(25,170,166,.25);
}
.arcanus-btn-primary:hover{
transform:translateY(-4px);
background:var(--teal-dark);
box-shadow:0 18px 38px rgba(25,170,166,.32);
}
.arcanus-btn-outline{
color:var(--teal-dark) !important;
border:1px solid rgba(8,127,124,.3);
background:#fff;
}
.arcanus-btn-outline:hover{
transform:translateY(-4px);
border-color:var(--teal);
background:var(--teal-soft);
}
/* HERO VISUAL */
.arcanus-hero-visual{
position:relative;
min-height:470px;
}
.arcanus-visual-card{
position:absolute;
right:10px;
top:20px;
width:390px;
min-height:430px;
padding:35px;
border-radius:35px;
background:rgba(255,255,255,.78);
border:1px solid rgba(255,255,255,.9);
box-shadow:var(--shadow);
backdrop-filter:blur(15px);
transform:rotate(3deg);
animation:arcanusFloat 5s ease-in-out infinite;
}
.arcanus-visual-card::before{
content:"";
position:absolute;
inset:15px;
border:1px solid rgba(25,170,166,.15);
border-radius:25px;
}
.arcanus-card-label{
position:relative;
z-index:2;
color:var(--teal-dark);
font-size:11px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
}
.arcanus-card-title{
position:relative;
z-index:2;
margin:25px 0;
font-size:43px;
line-height:1;
font-weight:900;
color:var(--dark);
}
.arcanus-card-title span{
color:var(--teal);
}
.arcanus-card-lines{
position:relative;
z-index:2;
display:grid;
gap:13px;
}
.arcanus-card-line{
display:flex;
align-items:center;
gap:12px;
padding:13px 15px;
border-radius:14px;
background:#f3fbfb;
color:var(--text);
font-size:13px;
font-weight:700;
}
.arcanus-card-line i{
width:9px;
height:9px;
border-radius:50%;
background:var(--teal);
flex:none;
}
.arcanus-floating-one,
.arcanus-floating-two,
.arcanus-floating-three{
position:absolute;
border-radius:50%;
background:var(--teal);
opacity:.14;
}
.arcanus-floating-one{
width:180px;
height:180px;
right:-40px;
top:-35px;
}
.arcanus-floating-two{
width:110px;
height:110px;
left:10px;
bottom:20px;
}
.arcanus-floating-three{
width:45px;
height:45px;
right:50px;
bottom:0;
opacity:.35;
}
@keyframes arcanusFloat{
0%,100%{transform:rotate(3deg) translateY(0)}
50%{transform:rotate(1deg) translateY(-16px)}
}
/* =========================================================
INTRO
========================================================= */
.arcanus-section{
padding:110px 0;
}
.arcanus-section-soft{
background:#f5fbfb;
}
.arcanus-section-head{
max-width:760px;
margin:0 auto 60px;
text-align:center;
}
.arcanus-section-kicker{
color:var(--teal);
font-size:12px;
font-weight:900;
letter-spacing:2.5px;
text-transform:uppercase;
margin-bottom:12px;
}
.arcanus-section-head h2{
margin:0 0 17px;
font-size:clamp(34px,4vw,54px);
line-height:1.05;
letter-spacing:-2px;
color:var(--dark);
}
.arcanus-section-head p{
margin:0;
color:var(--text);
font-size:16px;
line-height:1.8;
}
/* =========================================================
BUSINESS MODEL CARDS
========================================================= */
.arcanus-business-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}
.arcanus-business-card{
position:relative;
min-height:390px;
padding:34px;
border:1px solid var(--border);
border-radius:26px;
background:#fff;
overflow:hidden;
box-shadow:0 8px 30px rgba(4,92,91,.06);
transition:.45s cubic-bezier(.2,.8,.2,1);
}
.arcanus-business-card::before{
content:"";
position:absolute;
width:160px;
height:160px;
border-radius:50%;
right:-80px;
top:-80px;
background:var(--mint);
transition:.45s ease;
}
.arcanus-business-card:hover{
transform:translateY(-12px);
border-color:rgba(25,170,166,.35);
box-shadow:0 25px 55px rgba(4,92,91,.14);
}
.arcanus-business-card:hover::before{
transform:scale(1.7);
}
.arcanus-card-number{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:55px;
height:55px;
border-radius:17px;
background:var(--teal-soft);
color:var(--teal-dark);
font-size:14px;
font-weight:900;
margin-bottom:45px;
}
.arcanus-business-card h3{
position:relative;
z-index:2;
margin:0 0 10px;
color:var(--teal-dark);
font-size:13px;
letter-spacing:1.5px;
text-transform:uppercase;
}
.arcanus-business-card h4{
position:relative;
z-index:2;
margin:0 0 15px;
font-size:26px;
line-height:1.15;
color:var(--dark);
}
.arcanus-business-card p{
position:relative;
z-index:2;
margin:0 0 25px;
color:var(--text);
font-size:14px;
line-height:1.75;
}
.arcanus-card-link{
position:relative;
z-index:2;
display:inline-flex;
align-items:center;
gap:9px;
color:var(--teal-dark);
font-size:11px;
font-weight:900;
letter-spacing:1px;
text-transform:uppercase;
}
.arcanus-card-link span{
transition:.3s ease;
}
.arcanus-business-card:hover .arcanus-card-link span{
transform:translateX(7px);
}
/* =========================================================
MODEL SELECTOR
========================================================= */
.arcanus-model-section{
background:
radial-gradient(circle at 0 100%,rgba(25,170,166,.12),transparent 30%),
#063f3e;
color:#fff;
}
.arcanus-model-section .arcanus-section-kicker{
color:#5ce2dc;
}
.arcanus-model-section .arcanus-section-head h2{
color:#fff;
}
.arcanus-model-section .arcanus-section-head p{
color:#b9d6d5;
}
.arcanus-model-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
}
.arcanus-model-item{
position:relative;
padding:28px;
min-height:160px;
border:1px solid rgba(255,255,255,.13);
border-radius:20px;
background:rgba(255,255,255,.055);
transition:.35s ease;
overflow:hidden;
}
.arcanus-model-item::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:0;
height:3px;
background:#42d5cf;
transition:.4s ease;
}
.arcanus-model-item:hover{
background:rgba(255,255,255,.10);
transform:translateY(-6px);
}
.arcanus-model-item:hover::after{
width:100%;
}
.arcanus-model-item h3{
margin:0 0 12px;
font-size:17px;
color:#fff;
}
.arcanus-model-item p{
margin:0;
color:#a9c8c7;
font-size:14px;
}
.arcanus-model-arrow{
color:#4cddd7;
font-size:25px;
margin-right:6px;
}
/* =========================================================
ENQUIRY
========================================================= */
.arcanus-enquiry{
position:relative;
background:#fff;
}
.arcanus-enquiry-grid{
display:grid;
grid-template-columns:.8fr 1.2fr;
gap:70px;
align-items:start;
}
.arcanus-enquiry-info h2{
margin:0 0 18px;
font-size:clamp(34px,4vw,52px);
line-height:1.05;
letter-spacing:-2px;
}
.arcanus-enquiry-info p{
color:var(--text);
line-height:1.8;
}
.arcanus-enquiry-points{
display:grid;
gap:12px;
margin-top:30px;
}
.arcanus-enquiry-point{
display:flex;
align-items:center;
gap:12px;
color:var(--text);
font-size:14px;
font-weight:700;
}
.arcanus-check{
width:25px;
height:25px;
display:flex;
align-items:center;
justify-content:center;
flex:none;
border-radius:50%;
background:var(--teal-soft);
color:var(--teal-dark);
font-size:13px;
font-weight:900;
}
.arcanus-form{
padding:40px;
border-radius:30px;
background:#f5fbfb;
border:1px solid var(--border);
box-shadow:var(--shadow);
}
.arcanus-form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
}
.arcanus-field{
display:flex;
flex-direction:column;
gap:7px;
}
.arcanus-field-full{
grid-column:1/-1;
}
.arcanus-field label{
color:var(--dark);
font-size:12px;
font-weight:800;
letter-spacing:.5px;
}
.arcanus-field input,
.arcanus-field select,
.arcanus-field textarea{
width:100%;
border:1px solid #d2e7e6;
outline:none;
border-radius:13px;
padding:14px 15px;
background:#fff;
color:var(--dark);
font-family:inherit;
font-size:14px;
transition:.3s ease;
}
.arcanus-field input:focus,
.arcanus-field select:focus,
.arcanus-field textarea:focus{
border-color:var(--teal);
box-shadow:0 0 0 4px rgba(25,170,166,.09);
}
.arcanus-field textarea{
min-height:130px;
resize:vertical;
}
.arcanus-submit{
margin-top:5px;
width:100%;
border:0;
cursor:pointer;
}
/* =========================================================
FAQ
========================================================= */
.arcanus-faq-section{
background:#f5fbfb;
}
.arcanus-faq{
max-width:900px;
margin:auto;
}
.arcanus-faq-item{
background:#fff;
border:1px solid var(--border);
border-radius:17px;
margin-bottom:12px;
overflow:hidden;
transition:.3s ease;
}
.arcanus-faq-question{
width:100%;
padding:22px 24px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
border:0;
background:transparent;
color:var(--dark);
text-align:left;
cursor:pointer;
font-family:inherit;
font-size:16px;
font-weight:800;
}
.arcanus-faq-icon{
width:32px;
height:32px;
display:flex;
align-items:center;
justify-content:center;
flex:none;
border-radius:50%;
background:var(--teal-soft);
color:var(--teal-dark);
font-size:20px;
transition:.3s ease;
}
.arcanus-faq-answer{
max-height:0;
overflow:hidden;
transition:max-height .45s ease;
}
.arcanus-faq-answer-inner{
padding:0 24px 24px;
color:var(--text);
font-size:14px;
line-height:1.8;
}
.arcanus-faq-item.active{
border-color:rgba(25,170,166,.35);
box-shadow:0 12px 30px rgba(4,92,91,.07);
}
.arcanus-faq-item.active .arcanus-faq-icon{
transform:rotate(45deg);
background:var(--teal);
color:#fff;
}
/* =========================================================
FINAL CTA
========================================================= */
.arcanus-final-cta{
position:relative;
padding:105px 0;
text-align:center;
overflow:hidden;
background:
radial-gradient(circle at 20% 30%,rgba(255,255,255,.16),transparent 20%),
radial-gradient(circle at 80% 70%,rgba(255,255,255,.10),transparent 25%),
linear-gradient(135deg,#087f7c,#045c5b);
color:#fff;
}
.arcanus-final-cta::before,
.arcanus-final-cta::after{
content:"";
position:absolute;
border:1px solid rgba(255,255,255,.12);
border-radius:50%;
}
.arcanus-final-cta::before{
width:360px;
height:360px;
left:-150px;
top:-170px;
}
.arcanus-final-cta::after{
width:500px;
height:500px;
right:-250px;
bottom:-300px;
}
.arcanus-final-cta-content{
position:relative;
z-index:2;
max-width:850px;
margin:auto;
}
.arcanus-final-cta .arcanus-section-kicker{
color:#76eee8;
}
.arcanus-final-cta h2{
margin:0 0 18px;
font-size:clamp(38px,5vw,62px);
line-height:1;
letter-spacing:-2px;
}
.arcanus-final-cta h3{
margin:0 0 18px;
font-size:24px;
}
.arcanus-final-cta p{
max-width:700px;
margin:0 auto 28px;
color:#c5e6e4;
line-height:1.8;
}
.arcanus-final-cta .arcanus-btn{
background:#fff;
color:var(--teal-dark) !important;
}
.arcanus-final-cta .arcanus-btn:hover{
background:#e9ffff;
}
/* =========================================================
FOOTER
========================================================= */
.arcanus-business-footer{
padding:35px 20px;
text-align:center;
background:#032f2e;
color:#b5d1d0;
}
.arcanus-business-footer strong{
color:#fff;
font-size:13px;
letter-spacing:2px;
}
/* =========================================================
SCROLL ANIMATION
========================================================= */
.arcanus-reveal{
opacity:0;
transform:translateY(35px);
transition:opacity .8s ease, transform .8s ease;
}
.arcanus-reveal.show{
opacity:1;
transform:translateY(0);
}
/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:1000px){
.arcanus-hero-grid{
grid-template-columns:1fr;
gap:30px;
}
.arcanus-hero-visual{
min-height:430px;
}
.arcanus-visual-card{
left:50%;
right:auto;
transform:translateX(-50%) rotate(2deg);
}
.arcanus-business-grid{
grid-template-columns:repeat(2,1fr);
}
.arcanus-model-grid{
grid-template-columns:repeat(2,1fr);
}
.arcanus-enquiry-grid{
grid-template-columns:1fr;
}
}
@media(max-width:650px){
.arcanus-section{
padding:75px 0;
}
.arcanus-business-hero{
min-height:auto;
}
.arcanus-hero-grid{
padding:70px 0;
}
.arcanus-business-hero h1{
font-size:52px;
letter-spacing:-3px;
}
.arcanus-business-hero p{
font-size:15px;
}
.arcanus-hero-actions{
flex-direction:column;
}
.arcanus-btn{
width:100%;
}
.arcanus-hero-visual{
min-height:400px;
}
.arcanus-visual-card{
width:calc(100% - 20px);
min-height:365px;
padding:28px;
}
.arcanus-card-title{
font-size:35px;
}
.arcanus-business-grid,
.arcanus-model-grid{
grid-template-columns:1fr;
}
.arcanus-business-card{
min-height:auto;
}
.arcanus-form{
padding:24px;
}
.arcanus-form-grid{
grid-template-columns:1fr;
}
.arcanus-field-full{
grid-column:auto;
}
.arcanus-faq-question{
padding:19px;
font-size:14px;
}
.arcanus-faq-answer-inner{
padding:0 19px 20px;
}
}
Business Opportunities • Wholesale • Reseller • Retail • Franchise • Distribution
BUSINESSWITH US.
Build Your Apparel Business With Us
Whether you are an established retailer or exploring your first apparel business,
ARCANUS OUTFITTERS offers multiple ways to work with us.
Choose the business model that fits your requirements and connect with our team
to discuss the next steps.
ARCANUS BUSINESS ECOSYSTEM
ONE BRAND.MULTIPLE
Ways To Work With Us
Choose Your Business Model
Explore different ways to work with ARCANUS OUTFITTERS
according to your business requirements.
01
B2B WHOLESALE
Source Apparel for Your Business
For retailers, boutiques and businesses looking to purchase apparel in bulk.
Discuss product categories, quantities, catalogue availability, MOQ and applicable
commercial terms with our team.
ENQUIRE FOR B2B →
02
RESELLER
Sell Apparel. Build Your Business.
Explore applicable reseller opportunities for selling ARCANUS products through
permitted online or offline channels. Suitable for individuals and businesses
looking to build an apparel-selling business.
BECOME A RESELLER →
03
BUSINESS OPPORTUNITY
Start Your Apparel Business From ₹30,000*
Explore an apparel business opportunity starting from ₹30,000 under the applicable
program. The exact product allocation, package inclusions, taxes, shipping,
eligibility and commercial terms depend on the selected package and formal agreement.
EXPLORE BUSINESS OPPORTUNITY →
04
RETAIL PARTNER
Bring ARCANUS to Your Store
Existing retailers and boutique owners can enquire about sourcing ARCANUS products
and exploring a retail partnership.
BECOME A RETAIL PARTNER →
05
FRANCHISE
Build a Branded Retail Presence
Explore franchise opportunities with ARCANUS OUTFITTERS.
Franchise requirements, investment, location, rights, responsibilities and
commercial terms may vary according to the applicable franchise structure.
ENQUIRE ABOUT FRANCHISE →
06
DISTRIBUTION & STOCKIST
Build a Regional Apparel Business
Entrepreneurs and businesses interested in regional distribution or stockist
opportunities can connect with our team.
Discuss your location, business experience, expected requirements and applicable
commercial terms with us.
ENQUIRE FOR DISTRIBUTION →
Find Your Fit
Which Model Is Right For You?
Choose the option that best matches your business goal.
→
I WANT TO BUY IN BULK
B2B Wholesale
→
I WANT TO SELL ONLINE/OFFLINE
Reseller
→
I WANT TO START AN APPAREL BUSINESS
Business Opportunity
→
I HAVE A RETAIL STORE
Retail Partner
→
I WANT A BRANDED STORE
Franchise
→
I WANT TO BUILD A REGIONAL BUSINESS
Distribution / Stockist
BUSINESS ENQUIRY
Tell Us About Your Requirement
Looking for products, wholesale supply, reseller opportunities or a business
partnership? Fill in the form and our team can understand your requirements.
✓
Wholesale & B2B enquiries
✓
Reseller opportunities
✓
Retail partnerships
✓
Franchise enquiries
✓
Distribution & stockist enquiries
FREQUENTLY ASKED QUESTIONS
Everything You Need to Know About ARCANUS
What is ARCANUS OUTFITTERS?
+
Established in 2003, ARCANUS OUTFITTERS is an Indian apparel brand and
business ecosystem offering apparel collections along with B2B wholesale
and multiple business opportunities.
What products does ARCANUS offer?
+
Our product ecosystem includes women’s wear, kids’ wear, night suits,
men’s and boys’ wear, co-ord sets, festive styles, seasonal collections
and new arrivals.
Can I purchase ARCANUS products online?
+
Yes. Customers can explore available collections through the online
shopping section.
Can I buy ARCANUS products for my business?
+
Yes. Eligible retailers, boutiques, online sellers, resellers,
distributors and other business buyers can submit a B2B enquiry.
Can I become a reseller?
+
Yes. Applicable reseller/business opportunity models are available
subject to eligibility, product availability and commercial terms.
Can I start an apparel business with ₹30,000?
+
A business opportunity starting from ₹30,000 may be available under
the applicable program. The exact package, products, inclusions, taxes,
shipping and commercial terms depend on the selected offering.
Does the ₹30,000 opportunity guarantee income?
+
No. Sales, revenue or profit are not guaranteed. Business results depend
on factors such as selling activity, market conditions, customer demand,
pricing, location and individual business execution.
Is the ₹30,000 business opportunity the same as a franchise?
+
Not necessarily. The business opportunity and a formal franchise
arrangement may have different investment requirements, rights,
responsibilities and commercial structures.
Do I need a physical shop to start?
+
It depends on the selected business model. Some models may be suitable
for online or home-based selling, while retail and franchise models
may require a suitable physical location.
Can I sell through Instagram or WhatsApp?
+
Online and social selling may be available under applicable reseller/business
terms. Partners should follow the permitted sales channels and brand
guidelines communicated during onboarding.
Do you offer franchise opportunities?
+
Yes. Franchise enquiries can be submitted, subject to location,
investment capacity, eligibility and applicable agreement terms.
Do you offer distribution opportunities?
+
Yes. Entrepreneurs and businesses interested in regional distribution
or stockist opportunities can submit an enquiry.
What is the minimum B2B order quantity?
+
MOQ and commercial requirements may vary by product category,
business model and order type. Contact our B2B team for current requirements.
Can I get a wholesale catalogue?
+
Eligible B2B buyers can request the applicable catalogue and commercial
information through the business enquiry process.
How do I become an ARCANUS business partner?
+
Submit a business enquiry with your requirements. Our team can discuss
the applicable business model, products and commercial terms.
READY TO BUILD WITH ARCANUS?
Your Next Opportunity
Tell us what you are looking for and let’s discuss the possibilities.
Business opportunities are subject to applicable eligibility, product availability
and commercial terms. No guaranteed sales, revenue or profit is promised.
SEND BUSINESS ENQUIRY
/* =========================================================
ARCANUS BUSINESS PAGE — JAVASCRIPT
========================================================= */
/* SCROLL REVEAL */
const arcanusRevealElements =
document.querySelectorAll('.arcanus-reveal');
const arcanusObserver =
new IntersectionObserver((entries)=>{
entries.forEach((entry)=>{
if(entry.isIntersecting){
entry.target.classList.add('show');
arcanusObserver.unobserve(entry.target);
}
});
},{
threshold:0.12
});
arcanusRevealElements.forEach((element)=>{
arcanusObserver.observe(element);
});
/* FAQ ACCORDION */
const arcanusFaqItems =
document.querySelectorAll('.arcanus-faq-item');
arcanusFaqItems.forEach((item)=>{
const question =
item.querySelector('.arcanus-faq-question');
const answer =
item.querySelector('.arcanus-faq-answer');
question.addEventListener('click',()=>{
const isActive =
item.classList.contains('active');
arcanusFaqItems.forEach((otherItem)=>{
otherItem.classList.remove('active');
const otherAnswer =
otherItem.querySelector('.arcanus-faq-answer');
otherAnswer.style.maxHeight = null;
});
if(!isActive){
item.classList.add('active');
answer.style.maxHeight =
answer.scrollHeight + 'px';
}
});
});
/* SMOOTH INTERNAL LINKS */
document.querySelectorAll(
'.arcanus-business-page a[href^="#"]'
).forEach((link)=>{
link.addEventListener('click',(e)=>{
const targetId =
link.getAttribute('href');
if(targetId === '#') return;
const target =
document.querySelector(targetId);
if(target){
e.preventDefault();
target.scrollIntoView({
behavior:'smooth',
block:'start'
});
}
});
});
/* DEMO FORM */
const arcanusForm =
document.querySelector('.arcanus-form');
if(arcanusForm){
arcanusForm.addEventListener('submit',(e)=>{
e.preventDefault();
const button =
arcanusForm.querySelector('.arcanus-submit');
const oldText =
button.innerText;
button.innerText =
'ENQUIRY READY ✓';
button.style.background =
'#045c5b';
setTimeout(()=>{
button.innerText =
oldText;
button.style.background =
'';
},2500);
});
}
