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

OLIMO - Contact Us

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

.olimo-contact{

--oc-purple:var(--olimo-primary);

--oc-purple-dark:var(--olimo-primary-dark);

--oc-blue:var(--olimo-blue);

--oc-red:#ff5252;

--oc-text:var(--olimo-heading);

--oc-muted:var(--olimo-text);

--oc-border:var(--olimo-border);

--oc-bg:var(--olimo-bg-soft);

--oc-white:var(--olimo-bg);

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

}

.olimo-contact *,

.olimo-contact *::before,

.olimo-contact *::after{

box-sizing:border-box;

}

.olimo-contact a{

text-decoration:none;

}

.olimo-contact-container{

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

margin:0 auto;

}

/* HERO */

.olimo-contact-hero{

position:relative;

overflow:hidden;

margin:28px 0 24px;

min-height:350px;

display:flex;

align-items:center;

border-radius:28px;

background:

radial-gradient(circle at 10% 20%,rgba(255,255,255,.18),transparent 25%),

radial-gradient(circle at 90% 80%,rgba(255,255,255,.14),transparent 23%),

var(--olimo-gradient);

box-shadow:0 20px 55px rgba(70,45,125,.13);

}

.olimo-contact-hero::before{

content:"";

position:absolute;

width:260px;

height:260px;

border-radius:50%;

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

left:-80px;

top:-100px;

}

.olimo-contact-hero::after{

content:"";

position:absolute;

width:190px;

height:190px;

border-radius:50%;

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

right:-55px;

bottom:-75px;

}

.olimo-contact-hero-content{

position:relative;

z-index:2;

max-width:800px;

padding:58px 65px;

color:var(--olimo-bg);

}

.olimo-contact-badge{

display:inline-flex;

align-items:center;

gap:8px;

margin-bottom:19px;

padding:8px 15px;

border-radius:40px;

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

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

font-size:13px;

font-weight:800;

}

.olimo-contact-badge svg{

width:18px;

height:18px;

}

.olimo-contact-hero h1{

margin:0 0 14px;

color:var(--olimo-bg);

font-size:clamp(31px,4vw,50px);

line-height:1.45;

font-weight:900;

}

.olimo-contact-hero p{

margin:0;

max-width:670px;

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

font-size:15px;

line-height:2.2;

}

/* IMPORTANT ALERT */

.olimo-contact-alert{

position:relative;

display:flex;

align-items:center;

gap:19px;

margin:24px 0;

padding:25px 29px;

overflow:hidden;

border-radius:20px;

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

background:linear-gradient(120deg,var(--olimo-bg)5f5,var(--olimo-bg)afa);

}

.olimo-contact-alert::after{

content:"";

position:absolute;

width:100px;

height:100px;

left:-25px;

top:-35px;

border-radius:50%;

background:rgba(255,82,82,.045);

}

.olimo-alert-icon{

flex:0 0 54px;

width:54px;

height:54px;

display:flex;

align-items:center;

justify-content:center;

border-radius:16px;

color:var(--olimo-bg);

background:linear-gradient(145deg,#ff6666,#ff4545);

box-shadow:0 9px 22px rgba(255,75,75,.18);

}

.olimo-alert-icon svg{

width:27px;

height:27px;

}

.olimo-contact-alert h2{

margin:0 0 5px;

color:#e53838;

font-size:18px;

font-weight:900;

}

.olimo-contact-alert p{

margin:0;

color:#6d6060;

font-size:14px;

line-height:2;

}

.olimo-contact-alert strong{

color:#d92e2e;

}

/* METHODS */

.olimo-contact-methods{

margin:27px 0;

padding:42px 34px;

border-radius:24px;

background:var(--olimo-bg);

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

}

.olimo-contact-heading{

max-width:680px;

margin:0 auto 30px;

text-align:center;

}

.olimo-contact-heading span{

color:var(--oc-purple);

font-size:13px;

font-weight:800;

}

.olimo-contact-heading h2{

margin:7px 0 8px;

color:var(--olimo-heading);

font-size:26px;

font-weight:900;

}

.olimo-contact-heading p{

margin:0;

color:#81838d;

font-size:14px;

line-height:2;

}

.olimo-method-grid{

display:grid;

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

gap:15px;

}

.olimo-method{

padding:27px 23px;

border-radius:18px;

background:#f8f9fc;

border:1px solid #eeeff3;

transition:.25s ease;

}

.olimo-method:hover{

transform:translateY(-4px);

box-shadow:0 13px 30px rgba(34,30,65,.07);

}

.olimo-method-icon{

width:51px;

height:51px;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:16px;

border-radius:15px;

}

.olimo-method-icon svg{

width:25px;

height:25px;

}

.olimo-method.whatsapp .olimo-method-icon{

color:#20b767;

background:rgba(32,183,103,.1);

}

.olimo-method.telegram .olimo-method-icon{

color:#268fce;

background:rgba(38,143,206,.1);

}

.olimo-method.sms .olimo-method-icon{

color:var(--oc-purple);

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

}

.olimo-method h3{

margin:0 0 7px;

color:#303038;

font-size:17px;

font-weight:900;

}

.olimo-method p{

margin:0;

color:#7c7e88;

font-size:13px;

line-height:2;

}

/* CONTACT NUMBERS */

.olimo-numbers{

display:grid;

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

gap:18px;

margin:27px 0;

}

.olimo-number-card{

position:relative;

overflow:hidden;

padding:29px;

border-radius:21px;

background:var(--olimo-bg);

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

box-shadow:0 8px 30px rgba(30,32,50,.04);

}

.olimo-number-card::before{

content:"";

position:absolute;

right:0;

top:0;

bottom:0;

width:5px;

background:linear-gradient(var(--oc-purple),var(--oc-blue));

}

.olimo-number-top{

display:flex;

align-items:center;

gap:14px;

margin-bottom:20px;

}

.olimo-number-icon{

flex:0 0 48px;

width:48px;

height:48px;

display:flex;

align-items:center;

justify-content:center;

border-radius:14px;

color:var(--olimo-bg);

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

}

.olimo-number-icon svg{

width:23px;

height:23px;

}

.olimo-number-label{

display:block;

margin-bottom:2px;

color:#858791;

font-size:12px;

}

.olimo-number{

direction:ltr;

display:inline-block;

color:#292931;

font-size:23px;

font-weight:900;

letter-spacing:.5px;

}

.olimo-number-actions{

display:grid;

grid-template-columns:1fr 1fr;

gap:9px;

}

.olimo-action-btn{

min-height:45px;

display:flex;

align-items:center;

justify-content:center;

gap:7px;

padding:0 14px;

border-radius:12px;

font-size:13px;

font-weight:800;

transition:.23s ease;

}

.olimo-action-btn svg{

width:18px;

height:18px;

}

.olimo-whatsapp-btn{

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

background:var(--olimo-success);

}

.olimo-whatsapp-btn:hover{

background:#1ba65a;

transform:translateY(-2px);

}

.olimo-sms-btn{

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

background:linear-gradient(120deg,var(--oc-purple),var(--oc-blue));

}

.olimo-sms-btn:hover{

transform:translateY(-2px);

box-shadow:0 8px 20px rgba(108,63,189,.17);

}

/* TELEGRAM INFO */

.olimo-telegram-box{

display:flex;

align-items:center;

justify-content:space-between;

gap:24px;

margin:27px 0;

padding:30px 34px;

border-radius:22px;

border:1px solid rgba(38,143,206,.15);

background:linear-gradient(120deg,#f2faff,#f8fbff);

}

.olimo-telegram-content{

display:flex;

align-items:center;

gap:17px;

}

.olimo-telegram-big-icon{

flex:0 0 58px;

width:58px;

height:58px;

display:flex;

align-items:center;

justify-content:center;

border-radius:17px;

color:var(--olimo-bg);

background:#299bda;

box-shadow:0 10px 25px rgba(41,155,218,.17);

}

.olimo-telegram-big-icon svg{

width:29px;

height:29px;

}

.olimo-telegram-box h3{

margin:0 0 5px;

color:#2a2b31;

font-size:18px;

font-weight:900;

}

.olimo-telegram-box p{

margin:0;

color:#737681;

font-size:13px;

line-height:2;

}

.olimo-telegram-numbers{

direction:ltr;

flex:0 0 auto;

color:#248bc6;

font-size:15px;

font-weight:900;

line-height:1.9;

text-align:left;

}

/* FINAL MESSAGE */

.olimo-contact-footer{

position:relative;

overflow:hidden;

margin:27px 0 50px;

padding:38px 35px;

text-align:center;

border-radius:23px;

background:linear-gradient(125deg,#8f29ee,#7421de 52%,#279be0);

color:var(--olimo-bg);

}

.olimo-contact-footer::before,

.olimo-contact-footer::after{

content:"";

position:absolute;

border-radius:50%;

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

}

.olimo-contact-footer::before{

width:150px;

height:150px;

top:-75px;

right:-35px;

}

.olimo-contact-footer::after{

width:110px;

height:110px;

bottom:-65px;

left:30px;

}

.olimo-contact-footer h2{

position:relative;

z-index:2;

margin:0 0 8px;

color:var(--olimo-bg);

font-size:23px;

font-weight:900;

}

.olimo-contact-footer p{

position:relative;

z-index:2;

max-width:690px;

margin:0 auto;

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

font-size:14px;

line-height:2.1;

}

/* RESPONSIVE */

@media(max-width:850px){

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

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

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

}

@media(max-width:650px){

.olimo-contact-container{
    width:min(100% - 22px,1180px);
}

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

.olimo-contact-hero-content{
    padding:40px 23px;
}

.olimo-contact-hero h1{
    font-size:31px;
}

.olimo-contact-hero p{
    font-size:14px;
}

.olimo-contact-alert{
    align-items:flex-start;
    padding:22px 18px;
}

.olimo-alert-icon{
    flex-basis:47px;
    width:47px;
    height:47px;
}

.olimo-contact-methods{
    padding:31px 17px;
    border-radius:19px;
}

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

.olimo-number-card{
    padding:23px 19px;
}

.olimo-number{
    font-size:20px;
}

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

.olimo-telegram-box{
    flex-direction:column;
    align-items:flex-start;
    padding:24px 20px;
}

.olimo-telegram-numbers{
    width:100%;
    padding:12px 15px;
    border-radius:12px;
    background:var(--olimo-bg);
    text-align:center;
}

.olimo-contact-footer{
    padding:31px 20px;
    border-radius:19px;
}

}