/* Olimo 1 — supplied branded page design, normalized to the central palette. */
/* =====================================

OLIMO - About Us

===================================== */

.olimo-about{

direction:rtl;
font-family:inherit;
color:var(--olimo-text);
width:100%;
overflow:hidden;

}

.olimo-about *,

.olimo-about *::before,

.olimo-about *::after{

box-sizing:border-box;

}

.olimo-about a{

text-decoration:none;

}

.olimo-about-container{

width:min(1180px, calc(100% - 32px));

margin:0 auto;

}

/* HERO */

.olimo-about-hero{

position:relative;

margin:28px auto 24px;

min-height:390px;

display:flex;

align-items:center;

overflow:hidden;

border-radius:28px;

background:

radial-gradient(circle at 8% 20%, rgba(255,255,255,.22), transparent 25%),

radial-gradient(circle at 90% 85%, rgba(255,255,255,.16), transparent 22%),

var(--olimo-gradient);

box-shadow:0 20px 55px rgba(69,44,128,.13);

}

.olimo-about-hero::before{

content:"";

position:absolute;

width:270px;

height:270px;

border:1px solid rgba(255,255,255,.14);

border-radius:50%;

right:-90px;

top:-100px;

}

.olimo-about-hero::after{

content:"";

position:absolute;

width:190px;

height:190px;

border:45px solid rgba(255,255,255,.05);

border-radius:50%;

left:-55px;

bottom:-75px;

}

.olimo-about-hero-content{

position:relative;

z-index:2;

width:100%;

max-width:790px;

padding:65px 70px;

color:var(--olimo-bg);

}

.olimo-about-badge{

display:inline-flex;

align-items:center;

gap:8px;

padding:8px 15px;

margin-bottom:20px;

border:1px solid rgba(255,255,255,.3);

border-radius:50px;

background:rgba(255,255,255,.12);

backdrop-filter:blur(8px);

-webkit-backdrop-filter:blur(8px);

font-size:13px;

font-weight:700;

}

.olimo-about-badge svg{

width:18px;

height:18px;

}

.olimo-about-hero h1{

margin:0 0 17px;

color:var(--olimo-bg);

font-size:clamp(31px,4.5vw,54px);

line-height:1.4;

font-weight:900;

letter-spacing:-1px;

}

.olimo-about-hero h1 span{

color:var(--olimo-bg);

position:relative;

}

.olimo-about-hero p{

margin:0;

max-width:680px;

color:rgba(255,255,255,.9);

font-size:16px;

line-height:2.15;

font-weight:400;

}

.olimo-about-hero-buttons{

display:flex;

flex-wrap:wrap;

gap:11px;

margin-top:27px;

}

.olimo-about-btn{

min-height:48px;

display:inline-flex;

align-items:center;

justify-content:center;

gap:9px;

padding:0 20px;

border-radius:13px;

font-size:14px;

font-weight:800;

transition:.25s ease;

}

.olimo-about-btn svg{

width:19px;

height:19px;

}

.olimo-about-btn-white{

color:#6e1bd6 !important;

background:var(--olimo-bg);

}

.olimo-about-btn-white:hover{

transform:translateY(-2px);

box-shadow:0 10px 25px rgba(0,0,0,.14);

}

.olimo-about-btn-ghost{

color:var(--olimo-bg) !important;

border:1px solid rgba(255,255,255,.35);

background:rgba(255,255,255,.08);

}

.olimo-about-btn-ghost:hover{

background:rgba(255,255,255,.16);

}

/* INTRO */

.olimo-about-intro{

display:grid;

grid-template-columns:1.05fr .95fr;

gap:24px;

margin:24px 0;

}

.olimo-about-card{

background:var(--olimo-bg);

border:1px solid var(--olimo-border);

border-radius:22px;

padding:35px;

box-shadow:0 10px 35px rgba(25,28,45,.04);

}

.olimo-about-title-small{

display:inline-flex;

align-items:center;

gap:8px;

margin-bottom:9px;

color:var(--olimo-purple);

font-size:13px;

font-weight:800;

}

.olimo-about-title-small::before{

content:"";

width:18px;

height:4px;

border-radius:5px;

background:linear-gradient(90deg,var(--olimo-purple),var(--olimo-blue));

}

.olimo-about-card h2{

margin:0 0 17px;

color:#26262c;

font-size:25px;

line-height:1.65;

font-weight:900;

}

.olimo-about-card p{

margin:0 0 13px;

color:#676975;

font-size:15px;

line-height:2.15;

}

/* STATS */

.olimo-about-stats{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:12px;

height:100%;

}

.olimo-stat{

position:relative;

display:flex;

flex-direction:column;

justify-content:center;

min-height:145px;

padding:24px;

overflow:hidden;

border-radius:18px;

background:#f8f8fc;

border:1px solid #ededf3;

}

.olimo-stat:nth-child(1),

.olimo-stat:nth-child(4){

background:linear-gradient(145deg,rgba(141,43,244,.08),rgba(36,155,227,.04));

}

.olimo-stat-icon{

width:42px;

height:42px;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:13px;

border-radius:12px;

color:var(--olimo-bg);

background:linear-gradient(135deg,var(--olimo-purple),var(--olimo-blue));

box-shadow:0 7px 20px rgba(126,44,232,.18);

}

.olimo-stat-icon svg{

width:21px;

height:21px;

}

.olimo-stat strong{

color:#282830;

font-size:19px;

line-height:1.6;

font-weight:900;

}

.olimo-stat span{

color:#8a8b95;

font-size:12px;

line-height:1.8;

}

/* VALUES */

.olimo-about-values{

margin:28px 0;

padding:45px 35px;

border-radius:24px;

background:var(--olimo-bg);

border:1px solid var(--olimo-border);

}

.olimo-section-heading{

text-align:center;

max-width:660px;

margin:0 auto 31px;

}

.olimo-section-heading span{

color:var(--olimo-purple);

font-size:13px;

font-weight:800;

}

.olimo-section-heading h2{

margin:8px 0 8px;

color:var(--olimo-heading);

font-size:27px;

font-weight:900;

}

.olimo-section-heading p{

margin:0;

color:#868793;

font-size:14px;

line-height:2;

}

.olimo-values-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:15px;

}

.olimo-value-item{

padding:26px 23px;

border-radius:17px;

background:#f8f9fc;

border:1px solid #eff0f4;

transition:.25s ease;

}

.olimo-value-item:hover{

transform:translateY(-4px);

border-color:rgba(141,43,244,.18);

box-shadow:0 12px 30px rgba(42,36,77,.07);

}

.olimo-value-icon{

width:48px;

height:48px;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:16px;

border-radius:14px;

color:var(--olimo-purple);

background:rgba(141,43,244,.09);

}

.olimo-value-item:nth-child(2) .olimo-value-icon{

color:var(--olimo-blue);

background:rgba(36,155,227,.1);

}

.olimo-value-item:nth-child(3) .olimo-value-icon{

color:#ff6280;

background:rgba(255,98,128,.1);

}

.olimo-value-icon svg{

width:24px;

height:24px;

}

.olimo-value-item h3{

margin:0 0 7px;

color:#303038;

font-size:17px;

font-weight:900;

}

.olimo-value-item p{

margin:0;

color:#7d7f8b;

font-size:13px;

line-height:2;

}

/* STORY */

.olimo-story{

display:grid;

grid-template-columns:150px 1fr;

align-items:center;

gap:28px;

margin:27px 0;

padding:38px 42px;

border-radius:23px;

background:linear-gradient(120deg,#f8f3ff,#f2f9ff);

border:1px solid #ece7f6;

}

.olimo-story-year{

height:125px;

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

border-radius:22px;

color:var(--olimo-bg);

background:linear-gradient(145deg,var(--olimo-purple),var(--olimo-blue));

box-shadow:0 15px 30px rgba(105,45,190,.16);

}

.olimo-story-year strong{

font-size:30px;

line-height:1.1;

font-weight:900;

}

.olimo-story-year span{

margin-top:7px;

font-size:11px;

opacity:.85;

}

.olimo-story-content h2{

margin:0 0 9px;

color:#282830;

font-size:23px;

font-weight:900;

}

.olimo-story-content p{

margin:0;

color:#6f707b;

font-size:14px;

line-height:2.15;

}

/* INSTAGRAM CTA */

.olimo-instagram{

position:relative;

overflow:hidden;

display:flex;

align-items:center;

justify-content:space-between;

gap:25px;

margin:28px 0 50px;

padding:35px 40px;

border-radius:23px;

color:var(--olimo-bg);

background:linear-gradient(120deg,#9727ec 0%,#ca289f 48%,#f46561 100%);

}

.olimo-instagram::before{

content:"";

position:absolute;

width:160px;

height:160px;

left:-35px;

top:-65px;

border:26px solid rgba(255,255,255,.08);

border-radius:50%;

}

.olimo-instagram-content{

position:relative;

z-index:2;

display:flex;

align-items:center;

gap:18px;

}

.olimo-instagram-icon{

flex:0 0 60px;

width:60px;

height:60px;

display:flex;

align-items:center;

justify-content:center;

border-radius:18px;

background:rgba(255,255,255,.16);

border:1px solid rgba(255,255,255,.2);

}

.olimo-instagram-icon svg{

width:30px;

height:30px;

}

.olimo-instagram h3{

margin:0 0 5px;

color:var(--olimo-bg);

font-size:20px;

font-weight:900;

}

.olimo-instagram p{

margin:0;

color:rgba(255,255,255,.86);

font-size:13px;

}

.olimo-instagram-link{

position:relative;

z-index:2;

flex:0 0 auto;

min-height:49px;

display:flex;

align-items:center;

justify-content:center;

padding:0 22px;

border-radius:14px;

color:#9d2bc8 !important;

background:var(--olimo-bg);

font-size:14px;

font-weight:900;

transition:.25s ease;

}

.olimo-instagram-link:hover{

transform:translateY(-2px);

box-shadow:0 10px 25px rgba(0,0,0,.13);

}

/* RESPONSIVE */

@media(max-width:850px){

.olimo-about-intro{

grid-template-columns:1fr;

}

.olimo-values-grid{
    grid-template-columns:1fr;
}

.olimo-about-hero-content{
    padding:50px 35px;
}

}

@media(max-width:600px){

.olimo-about-container{

width:min(100% - 22px,1180px);

}

.olimo-about-hero{
    min-height:auto;
    margin-top:15px;
    border-radius:20px;
}

.olimo-about-hero-content{
    padding:40px 24px;
}

.olimo-about-hero h1{
    font-size:32px;
}

.olimo-about-hero p{
    font-size:14px;
    line-height:2;
}

.olimo-about-hero-buttons{
    flex-direction:column;
}

.olimo-about-btn{
    width:100%;
}

.olimo-about-card{
    padding:25px 20px;
    border-radius:18px;
}

.olimo-about-card h2{
    font-size:21px;
}

.olimo-about-stats{
    grid-template-columns:1fr 1fr;
    gap:9px;
}

.olimo-stat{
    min-height:125px;
    padding:17px;
}

.olimo-stat strong{
    font-size:15px;
}

.olimo-about-values{
    padding:32px 17px;
    border-radius:19px;
}

.olimo-section-heading h2{
    font-size:22px;
}

.olimo-story{
    grid-template-columns:1fr;
    gap:18px;
    padding:25px 20px;
}

.olimo-story-year{
    width:115px;
    height:105px;
}

.olimo-instagram{
    flex-direction:column;
    align-items:flex-start;
    padding:27px 22px;
    border-radius:19px;
}

.olimo-instagram-content{
    align-items:flex-start;
}

.olimo-instagram-link{
    width:100%;
}

}