/* ==========================================================
   DIGISOL UI FRAMEWORK v1.0
   Design System
   Bootstrap 5.3.3
========================================================== */

:root {


/* Brand Colors */

--ds-primary:#081426;
--ds-primary-light:#2563EB;

--ds-accent:#FF6B1A;
--ds-accent-hover:#E85D04;

--ds-white:#ffffff;

--ds-bg:#F7F9FC;

--ds-text:#5C6470;

--ds-heading:#0F172A;

--ds-border:#E7ECF2;

--ds-success:#22C55E;

--ds-danger:#EF4444;


/* Radius */

--radius-sm:8px;
--radius-md:12px;
--radius-lg:18px;
--radius-xl:28px;


/* Shadow */

--shadow-sm:0 6px 18px rgba(0, 0, 0, .05);

--shadow-md:0 12px 30px rgba(0, 0, 0, .08);

--shadow-lg:0 18px 45px rgba(0, 0, 0, .12);


/* Spacing */

--space-1:4px;
--space-2:8px;
--space-3:16px;
--space-4:24px;
--space-5:32px;
--space-6:48px;
--space-7:64px;
--space-8:96px;

}

/* ==========================
   Typography
========================== */

body {

    font-family: 'Inter', sans-serif;

    color: var(--ds-text);

    background: #fff;

    line-height: 1.7;

    overflow-x: hidden;

}


h1,
h2,
h3,
h4,
h5,
h6 {

    color: var(--ds-heading);

    font-weight: 700;

    line-height: 1.2;

}


h1 {

    font-size: 3.6rem;

}

h2 {

    font-size: 2.6rem;

}

h3 {

    font-size: 1.8rem;

}


/* ==========================
   Buttons
========================== */
.btn-primary-custom {

    background: var(--ds-accent);

    color: #fff;

    border: none;

    border-radius: 12px;

    padding: 15px 34px;

    font-weight: 600;

    transition: .3s;

}

.btn-primary-custom:hover {

    background: var(--ds-accent-hover);

    color: #fff;

}

.btn-outline-custom {

    border: 2px solid #fff;

    color: #fff;

    padding: 15px 34px;

    border-radius: 12px;

    transition: .3s;

}

.btn-outline-custom:hover {

    background: #fff;

    color: var(--ds-primary);

}

/* ==========================
   Common Section
========================== */
.section {

    padding: 80px 0;

}

.digisol-glance{

padding:30px 0;

}

.section-padding{

    padding:80px 0;

}