.elementor-2371 .elementor-element.elementor-element-09c8f50{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-bb95d46 *//*==================================================
INDEESOL SHIPPING POLICY
PART 2A
==================================================*/

:root{

--primary:#5A1234;
--primary-dark:#3d0822;
--gold:#D6A84D;
--gold-light:#f7e2a5;
--bg:#faf8f6;
--white:#ffffff;
--text:#333333;
--gray:#777;
--border:#eee;
--shadow:0 15px 45px rgba(0,0,0,.08);

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

.indeesol-policy-page{

background:linear-gradient(180deg,#faf8f6,#ffffff);
font-family:Poppins,sans-serif;
color:var(--text);
overflow:hidden;

}

.policy-container{

width:92%;
max-width:1200px;
margin:auto;
padding:80px 0;

}

/*==========================
HERO
==========================*/

.policy-hero{

position:relative;
height:420px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
overflow:hidden;

background:

linear-gradient(rgba(90,18,52,.82),
rgba(61,8,34,.88)),

url("https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1800&q=80");

background-size:cover;
background-position:center;

}

.hero-overlay{

position:absolute;
left:0;
top:0;
width:100%;
height:100%;

background:

radial-gradient(circle at top right,
rgba(214,168,77,.18),
transparent 40%),

radial-gradient(circle at bottom left,
rgba(255,255,255,.10),
transparent 45%);

}

.hero-content{

position:relative;
z-index:5;
max-width:900px;
padding:20px;

}

.policy-badge{

display:inline-block;

padding:10px 24px;

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

backdrop-filter:blur(8px);

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

border-radius:50px;

color:#fff;

font-size:13px;

letter-spacing:2px;

margin-bottom:20px;

}

.hero-content h1{

font-size:58px;

font-weight:700;

color:#fff;

margin-bottom:15px;

}

.hero-content p{

font-size:20px;

color:#f4f4f4;

font-weight:300;

}

/*==========================
COMPANY CARD
==========================*/

.company-card{

background:#fff;

padding:45px;

border-radius:25px;

box-shadow:var(--shadow);

margin-top:-90px;

position:relative;

z-index:10;

text-align:center;

border-top:6px solid var(--gold);

}

.company-card h2{

font-size:32px;

color:var(--primary);

margin-bottom:18px;

font-weight:700;

}

.company-card p{

font-size:17px;

line-height:30px;

color:#666;

}

.effective-date{

display:inline-block;

margin-top:28px;

padding:14px 28px;

background:#fff7e7;

border-radius:40px;

border:1px solid #efd796;

font-weight:600;

color:var(--primary);

}

/*==========================
INTRO CARD
==========================*/

.intro-card{

margin-top:45px;

padding:40px;

background:#fff;

border-radius:22px;

box-shadow:var(--shadow);

border-left:6px solid var(--gold);

}

.intro-card p{

font-size:18px;

line-height:34px;

color:#555;

}

/*==========================
COMMON CARD
==========================*/

.policy-card{

display:flex;

align-items:flex-start;

gap:35px;

padding:40px;

background:#fff;

margin-top:35px;

border-radius:22px;

box-shadow:var(--shadow);

transition:.35s;

position:relative;

overflow:hidden;

}

.policy-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 55px rgba(0,0,0,.12);

}

.policy-card::before{

content:"";

position:absolute;

top:0;

left:0;

width:5px;

height:100%;

background:linear-gradient(var(--gold),var(--primary));

}

/*==========================
NUMBER BOX
==========================*/

.card-number{

min-width:90px;

height:90px;

border-radius:20px;

background:linear-gradient(135deg,
var(--primary),
var(--primary-dark));

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

font-weight:700;

color:#fff;

box-shadow:0 15px 30px rgba(90,18,52,.25);

}

/*==========================
CONTENT
==========================*/

.card-content{

flex:1;

}

.card-content h3{

font-size:30px;

margin-bottom:22px;

color:var(--primary);

font-weight:700;

}

.card-content p{

font-size:17px;

line-height:32px;

color:#666;

margin-bottom:18px;

}

.card-content ul{

padding-left:22px;

}

.card-content li{

margin-bottom:16px;

line-height:30px;

font-size:17px;

color:#555;

}

/*==========================
HIGHLIGHT BOX
==========================*/

.highlight-box{

margin-top:25px;

padding:25px;

background:#fff8e8;

border-left:5px solid var(--gold);

border-radius:16px;

}

.highlight-box strong{

display:block;

font-size:20px;

color:var(--primary);

margin-bottom:10px;

}

.highlight-box p{

margin:0;

}

/*==========================
NOTE
==========================*/

.note{

margin-top:18px;

padding:18px 22px;

background:#fafafa;

border-radius:14px;

font-size:15px;

color:#777;

border:1px dashed #ddd;

}

/*=========================================
PART 2B
Delivery Table
Tracking
Warning
Danger
Contact
Footer
Responsive
==========================================*/


/*==========================
DELIVERY TABLE
==========================*/

.delivery-table{
margin-top:25px;
border-radius:18px;
overflow:hidden;
border:1px solid #eee;
background:#fff;
}

.delivery-row{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 25px;
border-bottom:1px solid #eee;
transition:.3s;
}

.delivery-row:last-child{
border-bottom:none;
}

.delivery-row:hover{
background:#faf7f2;
}

.delivery-row div:first-child{
font-weight:600;
color:var(--primary);
font-size:16px;
}

.delivery-row div:last-child{
font-weight:700;
color:#555;
}


/*==========================
TRACKING GRID
==========================*/

.tracking-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-top:25px;

}

.tracking-grid div{

padding:22px;
text-align:center;

background:linear-gradient(180deg,#ffffff,#faf8f5);

border:1px solid #ececec;

border-radius:18px;

font-weight:600;

color:var(--primary);

transition:.35s;

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

}

.tracking-grid div:hover{

transform:translateY(-6px);

background:var(--primary);

color:#fff;

}


/*==========================
WARNING BOX
==========================*/

.warning-box{

margin-top:25px;

padding:28px;

border-left:5px solid #f2b400;

background:#fff8dd;

border-radius:16px;

}

.warning-box strong{

display:block;

margin-bottom:15px;

font-size:18px;

color:#8d5700;

}

.warning-box ul{
margin:0;
padding-left:20px;
}

.warning-box li{
margin-bottom:12px;
}


/*==========================
DANGER BOX
==========================*/

.danger-box{

margin-top:20px;

padding:30px;

background:#fff3f3;

border-left:5px solid #d62828;

border-radius:18px;

}

.danger-box h4{

font-size:24px;

margin-bottom:15px;

color:#b00020;

}

.danger-box p{

margin-bottom:15px;

line-height:30px;

}


/*==========================
CONTACT CARD
==========================*/

.contact-card{

margin-top:60px;

padding:55px;

border-radius:25px;

background:linear-gradient(135deg,var(--primary),var(--primary-dark));

color:#fff;

box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.contact-card h2{

font-size:38px;

margin-bottom:15px;

text-align:center;

}

.contact-card>p{

text-align:center;

margin-bottom:40px;

opacity:.9;

font-size:18px;

}


/*==========================
CONTACT GRID
==========================*/

.contact-grid{

display:grid;

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

gap:25px;

}

.contact-grid div{

padding:25px;

border-radius:18px;

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

backdrop-filter:blur(10px);

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

transition:.35s;

}

.contact-grid div:hover{

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

transform:translateY(-5px);

}

.contact-grid h4{

color:var(--gold-light);

margin-bottom:10px;

font-size:18px;

}

.contact-grid p{

line-height:28px;

font-size:15px;

color:#fff;

}


/*==========================
FOOTER
==========================*/

.policy-footer{

margin-top:45px;

padding:30px;

text-align:center;

background:#fff;

border-radius:18px;

font-size:16px;

color:#666;

box-shadow:var(--shadow);

border-top:4px solid var(--gold);

}


/*==========================
SCROLL ANIMATION
==========================*/

.policy-card,
.company-card,
.intro-card,
.contact-card{

animation:fadeUp .8s ease both;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(50px);

}

to{

opacity:1;

transform:translateY(0);

}

}


/*==========================
RESPONSIVE
==========================*/

@media(max-width:991px){

.hero-content h1{

font-size:42px;

}

.policy-card{

flex-direction:column;

padding:30px;

}

.card-number{

width:80px;
height:80px;
min-width:80px;

}

.contact-grid{

grid-template-columns:1fr;

}

.tracking-grid{

grid-template-columns:1fr;

}

.delivery-row{

flex-direction:column;
align-items:flex-start;
gap:8px;

}

.company-card{

padding:35px 25px;

}

.contact-card{

padding:35px 25px;

}

}


@media(max-width:767px){

.policy-container{

width:94%;
padding:50px 0;

}

.policy-hero{

height:300px;

}

.hero-content h1{

font-size:32px;

}

.hero-content p{

font-size:16px;

}

.policy-badge{

font-size:11px;

padding:8px 18px;

}

.company-card h2{

font-size:24px;

}

.card-content h3{

font-size:24px;

}

.card-content p,
.card-content li{

font-size:15px;
line-height:28px;

}

.contact-card h2{

font-size:28px;

}

.contact-card>p{

font-size:16px;

}

.contact-grid{

gap:18px;

}

.policy-footer{

font-size:14px;

padding:22px;

}

}



/*=========================================
COMPACT SIZE OVERRIDE
Paste at the END of your CSS
=========================================*/

/* Container */
.policy-container{
    max-width:1050px;
    padding:55px 0;
}

/* Hero */
.policy-hero{
    height:300px;
}

.hero-content h1{
    font-size:42px;
    margin-bottom:10px;
}

.hero-content p{
    font-size:16px;
}

.policy-badge{
    font-size:11px;
    padding:8px 18px;
}

/* Company Card */

.company-card{
    padding:30px;
    border-radius:18px;
    margin-top:-60px;
}

.company-card h2{
    font-size:24px;
}

.company-card p{
    font-size:15px;
    line-height:26px;
}

.effective-date{
    padding:10px 20px;
    font-size:14px;
}

/* Intro */

.intro-card{
    padding:28px;
    margin-top:30px;
}

.intro-card p{
    font-size:16px;
    line-height:28px;
}

/* All Cards */

.policy-card{
    padding:28px;
    gap:22px;
    margin-top:22px;
    border-radius:18px;
}

/* Number */

.card-number{

width:65px;
height:65px;
min-width:65px;

font-size:24px;

border-radius:15px;

}

/* Titles */

.card-content h3{

font-size:22px;

margin-bottom:14px;

}

/* Paragraph */

.card-content p{

font-size:15px;

line-height:28px;

margin-bottom:12px;

}

/* List */

.card-content li{

font-size:15px;

line-height:26px;

margin-bottom:10px;

}

/* Highlight */

.highlight-box{

padding:18px;

}

.highlight-box strong{

font-size:17px;

}

/* Note */

.note{

padding:15px 18px;

font-size:14px;

}

/* Delivery Table */

.delivery-table{

margin-top:18px;

}

.delivery-row{

padding:14px 18px;

}

.delivery-row div{

font-size:14px;

}

/* Tracking */

.tracking-grid{

gap:14px;

margin-top:18px;

}

.tracking-grid div{

padding:16px;

font-size:14px;

border-radius:14px;

}

/* Warning */

.warning-box{

padding:20px;

}

.warning-box strong{

font-size:16px;

}

/* Danger */

.danger-box{

padding:22px;

}

.danger-box h4{

font-size:20px;

}

.danger-box p{

font-size:15px;

line-height:28px;

}

/* Contact */

.contact-card{

padding:40px;

margin-top:45px;

}

.contact-card h2{

font-size:30px;

}

.contact-card>p{

font-size:16px;

margin-bottom:28px;

}

.contact-grid{

gap:18px;

}

.contact-grid div{

padding:18px;

}

.contact-grid h4{

font-size:16px;

}

.contact-grid p{

font-size:14px;

line-height:24px;

}

/* Footer */

.policy-footer{

padding:22px;

font-size:14px;

margin-top:30px;

}/* End custom CSS */