/* Start custom CSS for html, class: .elementor-element-8df3149 *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 1 — HERO
Design:
Premium editorial
Large readable typography
Minimal decoration
Strong Olive + Gold identity
========================================================= */
/* =========================================================
HERO SECTION
========================================================= */
.ot-ded-hero {
position: relative;
width: 100%;
min-height: 610px;
display: flex;
align-items: center;
padding: 90px 20px;
background:
linear-gradient(
135deg,
#F7F4EE 0%,
#FCFBF7 55%,
#F2E8D5 100%
);
box-sizing: border-box;
overflow: hidden;
}
/* =========================================================
SUBTLE DECORATIVE SHAPE
Very restrained. No distracting graphics.
========================================================= */
.ot-ded-hero::after {
content: "";
position: absolute;
width: 420px;
height: 420px;
right: -170px;
bottom: -190px;
border: 1px solid rgba(200,164,92,0.22);
border-radius: 50%;
pointer-events: none;
}
/* =========================================================
INNER CONTAINER
========================================================= */
.ot-ded-hero-inner {
position: relative;
z-index: 2;
width: 100%;
max-width: 1200px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
CONTENT
Deliberately not full width.
Keeps the heading readable.
========================================================= */
.ot-ded-hero-content {
width: 100%;
max-width: 920px;
}
/* =========================================================
EYEBROW
========================================================= */
.ot-ded-hero-eyebrow {
display: inline-block;
margin-bottom: 20px;
color: #556B2F;
font-size: 13px;
font-weight: 700;
letter-spacing: 2px;
line-height: 1.5;
text-transform: uppercase;
}
/* =========================================================
MAIN HERO HEADING
========================================================= */
.ot-ded-hero h1 {
margin: 0;
padding: 0;
color: #2C2C2C;
font-size: 58px;
line-height: 1.12;
font-weight: 700;
letter-spacing: -1px;
}
.ot-ded-hero h1 span {
display: block;
color: #556B2F;
}
/* =========================================================
INTRODUCTION
========================================================= */
.ot-ded-hero-intro {
max-width: 780px;
margin: 28px 0 0;
color: #5F625E;
font-size: 19px;
line-height: 1.8;
}
/* =========================================================
META INFORMATION
========================================================= */
.ot-ded-hero-meta {
display: flex;
align-items: center;
gap: 14px;
margin-top: 24px;
color: #8C7447;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.4px;
line-height: 1.5;
}
.ot-ded-hero-meta-divider {
width: 4px;
height: 4px;
background: #C8A45C;
border-radius: 50%;
}
/* =========================================================
ACTIONS
========================================================= */
.ot-ded-hero-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px;
margin-top: 34px;
}
/* =========================================================
PRIMARY BUTTON
========================================================= */
.ot-ded-hero-primary {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 0 25px;
background: #556B2F;
color: #FFFFFF !important;
border: 1px solid #556B2F;
border-radius: 4px;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
text-decoration: none !important;
transition:
background-color 0.3s ease,
border-color 0.3s ease,
transform 0.3s ease,
box-shadow 0.3s ease;
}
.ot-ded-hero-primary:hover {
background: #465A26;
border-color: #465A26;
color: #FFFFFF !important;
transform: translateY(-2px);
box-shadow: 0 7px 18px rgba(85,107,47,0.16);
}
/* =========================================================
SECONDARY BUTTON
========================================================= */
.ot-ded-hero-secondary {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 0 24px;
background: transparent;
color: #556B2F !important;
border: 1px solid #BDB39F;
border-radius: 4px;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
text-decoration: none !important;
transition:
background-color 0.3s ease,
border-color 0.3s ease,
color 0.3s ease,
transform 0.3s ease;
}
.ot-ded-hero-secondary:hover {
background: #FFFFFF;
border-color: #556B2F;
color: #556B2F !important;
transform: translateY(-2px);
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-hero {
min-height: 560px;
padding: 80px 20px;
}
.ot-ded-hero-content {
max-width: 850px;
}
.ot-ded-hero h1 {
font-size: 48px;
line-height: 1.15;
}
.ot-ded-hero-intro {
font-size: 18px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-hero {
min-height: auto;
padding: 65px 18px 70px;
}
.ot-ded-hero::after {
width: 260px;
height: 260px;
right: -140px;
bottom: -140px;
}
.ot-ded-hero-eyebrow {
margin-bottom: 15px;
font-size: 11px;
letter-spacing: 1.5px;
}
.ot-ded-hero h1 {
font-size: 35px;
line-height: 1.18;
letter-spacing: -0.5px;
}
.ot-ded-hero-intro {
margin-top: 22px;
font-size: 16px;
line-height: 1.8;
}
.ot-ded-hero-meta {
gap: 11px;
margin-top: 20px;
font-size: 10px;
letter-spacing: 1.1px;
}
.ot-ded-hero-actions {
align-items: stretch;
flex-direction: column;
gap: 10px;
margin-top: 28px;
}
.ot-ded-hero-primary,
.ot-ded-hero-secondary {
width: 100%;
min-height: 50px;
padding: 0 18px;
box-sizing: border-box;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-hero-primary,
.ot-ded-hero-secondary {
transition: none !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8353cc3 *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 2
WHAT IS A DED TRADE LICENSE?
LAYOUT:
Editorial two-column introduction
IMPORTANT:
No section numbering.
No decorative icon collection.
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-introduction {
width: 100%;
padding: 100px 20px;
background: #F7F4EE;
box-sizing: border-box;
}
/* =========================================================
INNER CONTAINER
========================================================= */
.ot-ded-introduction-inner {
display: grid;
grid-template-columns:
minmax(0, 1.08fr)
minmax(0, 0.92fr);
gap: 75px;
width: 100%;
max-width: 1140px;
margin: 0 auto;
align-items: center;
box-sizing: border-box;
}
/* =========================================================
LEFT CONTENT
========================================================= */
.ot-ded-introduction-content {
min-width: 0;
}
/* =========================================================
EYEBROW
========================================================= */
.ot-ded-introduction-eyebrow {
display: block;
margin-bottom: 16px;
color: #556B2F;
font-size: 13px;
font-weight: 700;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
/* =========================================================
HEADING
========================================================= */
.ot-ded-introduction-content h2 {
margin: 0;
padding: 0;
color: #2C2C2C;
font-size: 42px;
line-height: 1.22;
font-weight: 700;
letter-spacing: -0.4px;
}
.ot-ded-introduction-content h2 span {
display: block;
color: #556B2F;
}
/* =========================================================
DIVIDER
========================================================= */
.ot-ded-introduction-divider {
width: 58px;
height: 3px;
margin: 23px 0 27px;
background: #C8A45C;
border-radius: 50px;
}
/* =========================================================
LEAD PARAGRAPH
========================================================= */
.ot-ded-introduction-lead {
margin: 0 0 22px;
color: #3F4541;
font-size: 18px;
line-height: 1.85;
font-weight: 500;
}
/* =========================================================
STANDARD PARAGRAPHS
========================================================= */
.ot-ded-introduction-content > p:not(
.ot-ded-introduction-lead
) {
max-width: 680px;
margin: 0 0 18px;
color: #666666;
font-size: 16px;
line-height: 1.85;
}
/* =========================================================
RIGHT PANEL
========================================================= */
.ot-ded-introduction-panel {
position: relative;
width: 100%;
padding: 38px 38px 34px;
background: #FFFFFF;
border: 1px solid #E1D9CB;
border-radius: 14px;
box-sizing: border-box;
box-shadow:
0 10px 35px rgba(44,44,44,0.045);
}
/* =========================================================
PANEL HEADER
========================================================= */
.ot-ded-introduction-panel-header {
padding-bottom: 25px;
border-bottom: 1px solid #E3DDD2;
}
.ot-ded-introduction-panel-header > span {
display: block;
margin-bottom: 10px;
color: #A27B36;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-introduction-panel-header h3 {
margin: 0;
color: #2C2C2C;
font-size: 24px;
line-height: 1.4;
font-weight: 700;
}
/* =========================================================
PANEL POINTS
========================================================= */
.ot-ded-introduction-points {
width: 100%;
}
/* =========================================================
INDIVIDUAL POINT
========================================================= */
.ot-ded-introduction-point {
display: grid;
grid-template-columns: 4px minmax(0, 1fr);
column-gap: 18px;
padding: 22px 0;
border-bottom: 1px solid #E9E4DA;
box-sizing: border-box;
}
.ot-ded-introduction-point:last-child {
border-bottom: 0;
padding-bottom: 0;
}
/* =========================================================
POINT LINE
========================================================= */
.ot-ded-introduction-point-line {
width: 4px;
min-height: 100%;
background: #C8A45C;
border-radius: 4px;
transition:
background-color 0.3s ease,
transform 0.3s ease;
}
/* =========================================================
POINT HOVER
========================================================= */
.ot-ded-introduction-point:hover
.ot-ded-introduction-point-line {
background: #556B2F;
transform: scaleY(1.04);
}
/* =========================================================
POINT HEADING
========================================================= */
.ot-ded-introduction-point h4 {
margin: 0 0 6px;
color: #2C2C2C;
font-size: 19px;
line-height: 1.4;
font-weight: 700;
transition: color 0.3s ease;
}
.ot-ded-introduction-point:hover h4 {
color: #556B2F;
}
/* =========================================================
POINT TEXT
========================================================= */
.ot-ded-introduction-point p {
margin: 0;
color: #666666;
font-size: 15px;
line-height: 1.75;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-introduction {
padding: 85px 20px;
}
.ot-ded-introduction-inner {
grid-template-columns: 1fr;
gap: 50px;
max-width: 850px;
}
.ot-ded-introduction-content h2 {
font-size: 38px;
}
.ot-ded-introduction-panel {
max-width: 760px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-introduction {
padding: 70px 18px;
}
.ot-ded-introduction-inner {
gap: 38px;
}
/* Eyebrow */
.ot-ded-introduction-eyebrow {
margin-bottom: 14px;
font-size: 11px;
letter-spacing: 1.5px;
}
/* Heading */
.ot-ded-introduction-content h2 {
font-size: 32px;
line-height: 1.28;
}
/* Divider */
.ot-ded-introduction-divider {
margin: 20px 0 23px;
}
/* Text */
.ot-ded-introduction-lead {
margin-bottom: 19px;
font-size: 16px;
line-height: 1.8;
}
.ot-ded-introduction-content > p:not(
.ot-ded-introduction-lead
) {
font-size: 15px;
line-height: 1.8;
}
/* Panel */
.ot-ded-introduction-panel {
padding: 28px 23px 25px;
border-radius: 11px;
}
.ot-ded-introduction-panel-header {
padding-bottom: 20px;
}
.ot-ded-introduction-panel-header > span {
font-size: 10px;
}
.ot-ded-introduction-panel-header h3 {
font-size: 21px;
line-height: 1.4;
}
/* Points */
.ot-ded-introduction-point {
grid-template-columns: 3px minmax(0, 1fr);
column-gap: 14px;
padding: 19px 0;
}
.ot-ded-introduction-point-line {
width: 3px;
}
.ot-ded-introduction-point h4 {
font-size: 18px;
}
.ot-ded-introduction-point p {
font-size: 14px;
line-height: 1.75;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-introduction-point-line,
.ot-ded-introduction-point h4 {
transition: none !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57f8dc1 *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 3
TYPES OF DED TRADE LICENCE
IMPORTANT:
- Single custom bullet only
- No browser list markers
- No Elementor list markers
- Clear typography
- Responsive
- Subtle hover only
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-license-types {
width: 100%;
padding: 105px 20px;
background: #FFFFFF;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-license-types-inner {
width: 100%;
max-width: 1200px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-license-types-header {
width: 100%;
max-width: 900px;
margin: 0 auto 45px;
text-align: center;
}
/* =========================================================
EYEBROW
========================================================= */
.ot-ded-license-types-eyebrow {
display: inline-block;
margin-bottom: 16px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
/* =========================================================
MAIN HEADING
========================================================= */
.ot-ded-license-types-header h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-license-types-header h2 span {
display: block;
margin-top: 3px;
color: #556B2F !important;
}
/* =========================================================
GOLD DIVIDER
========================================================= */
.ot-ded-license-types-divider {
width: 60px;
height: 3px;
margin: 23px auto 27px;
background: #C8A45C;
border-radius: 50px;
}
/* =========================================================
HEADER DESCRIPTION
========================================================= */
.ot-ded-license-types-header > p {
max-width: 830px;
margin: 0 auto !important;
padding: 0 !important;
color: #666666 !important;
font-size: 17px !important;
line-height: 1.85 !important;
}
/* =========================================================
INTRODUCTION
========================================================= */
.ot-ded-license-types-intro {
width: 100%;
max-width: 900px;
margin: 0 auto 48px;
text-align: center;
}
.ot-ded-license-types-intro p {
margin: 0 !important;
padding: 0 !important;
color: #555555 !important;
font-size: 16px !important;
line-height: 1.8 !important;
}
/* =========================================================
CARD GRID
========================================================= */
.ot-ded-license-type-grid {
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap: 24px;
width: 100%;
align-items: stretch;
}
/* =========================================================
LICENCE CARD
========================================================= */
.ot-ded-license-card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
padding: 32px 30px 30px;
background: #FCFBF7;
border: 1px solid #DDD5C7;
border-radius: 12px;
box-sizing: border-box;
overflow: hidden;
transition:
transform 0.3s ease,
border-color 0.3s ease,
box-shadow 0.3s ease;
}
/* =========================================================
SUBTLE TOP ACCENT
========================================================= */
.ot-ded-license-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: #C8A45C;
opacity: 0;
transition: opacity 0.3s ease;
}
.ot-ded-license-card:hover {
transform: translateY(-4px);
border-color: #CDBD9E;
box-shadow:
0 12px 30px rgba(44, 44, 44, 0.065);
}
.ot-ded-license-card:hover::before {
opacity: 1;
}
/* =========================================================
CARD TOP
========================================================= */
.ot-ded-license-card-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
margin-bottom: 22px;
}
/* =========================================================
CARD NUMBER
========================================================= */
.ot-ded-license-card-number {
display: block;
color: #B18A43 !important;
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
}
/* =========================================================
CATEGORY LABEL
========================================================= */
.ot-ded-license-card-label {
display: inline-block;
color: #8D7549 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.3px;
line-height: 1.5;
text-transform: uppercase;
}
/* =========================================================
CARD HEADING
========================================================= */
.ot-ded-license-card h3 {
margin: 0 0 12px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 26px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
letter-spacing: -0.2px;
transition: color 0.3s ease;
}
.ot-ded-license-card:hover h3 {
color: #556B2F !important;
}
/* =========================================================
CARD LEAD
========================================================= */
.ot-ded-license-card-lead {
min-height: 82px;
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.8 !important;
}
/* =========================================================
CARD DIVIDER
========================================================= */
.ot-ded-license-card-divider {
width: 100%;
height: 1px;
margin: 22px 0;
background: #DDD5C7;
}
/* =========================================================
CARD SUBHEADING
========================================================= */
.ot-ded-license-card h4 {
margin: 0 0 15px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 16px !important;
line-height: 1.5 !important;
font-weight: 700 !important;
}
/* =========================================================
IMPORTANT:
REMOVE EVERY POSSIBLE DEFAULT LIST STYLE
This prevents the double-bullet problem.
========================================================= */
.ot-ded-license-card ul.ot-ded-license-list {
display: block;
width: 100%;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
list-style-type: none !important;
}
/* =========================================================
REMOVE MARKER FROM LI
========================================================= */
.ot-ded-license-card ul.ot-ded-license-list li {
position: relative;
display: block;
width: 100%;
margin: 0 0 12px !important;
padding: 0 0 0 18px !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.7 !important;
list-style: none !important;
list-style-type: none !important;
box-sizing: border-box;
}
/* =========================================================
REMOVE NATIVE / THEME MARKERS
========================================================= */
.ot-ded-license-card ul.ot-ded-license-list li::marker {
content: "" !important;
display: none !important;
}
/* =========================================================
REMOVE POSSIBLE THEME BULLET
Some themes use ::before on all list items.
We override it here and create our own bullet below.
========================================================= */
.ot-ded-license-card ul.ot-ded-license-list li::before {
content: "" !important;
position: absolute !important;
display: block !important;
top: 0.68em !important;
left: 0 !important;
width: 6px !important;
height: 6px !important;
margin: 0 !important;
padding: 0 !important;
background: #C8A45C !important;
border: 0 !important;
border-radius: 50% !important;
transform: none !important;
box-sizing: border-box !important;
}
/* =========================================================
LAST LIST ITEM
========================================================= */
.ot-ded-license-card ul.ot-ded-license-list li:last-child {
margin-bottom: 0 !important;
}
/* =========================================================
CARD NOTE
Pushes note toward bottom so the three cards remain
visually aligned.
========================================================= */
.ot-ded-license-card-note {
margin-top: auto;
padding-top: 24px;
}
/* =========================================================
NOTE LABEL
========================================================= */
.ot-ded-license-card-note span {
display: block;
margin-bottom: 7px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
/* =========================================================
NOTE TEXT
========================================================= */
.ot-ded-license-card-note p {
margin: 0 !important;
padding: 0 !important;
color: #777777 !important;
font-size: 13px !important;
line-height: 1.7 !important;
}
/* =========================================================
DECISION STRIP
========================================================= */
.ot-ded-license-types-decision {
display: grid;
grid-template-columns: 175px minmax(0, 1fr);
gap: 30px;
width: 100%;
margin-top: 50px;
padding: 28px 30px;
background: #F7F4EE;
border-left: 4px solid #C8A45C;
border-radius: 9px;
box-sizing: border-box;
}
/* =========================================================
DECISION LABEL
========================================================= */
.ot-ded-license-types-decision-label {
padding-top: 3px;
color: #A27B36 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
DECISION HEADING
========================================================= */
.ot-ded-license-types-decision-content h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 22px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
DECISION TEXT
========================================================= */
.ot-ded-license-types-decision-content p {
max-width: 850px;
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.8 !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-license-types {
padding: 85px 20px;
}
.ot-ded-license-types-header h2 {
font-size: 38px !important;
}
.ot-ded-license-type-grid {
grid-template-columns: 1fr;
max-width: 680px;
margin: 0 auto;
}
.ot-ded-license-card-lead {
min-height: auto;
}
.ot-ded-license-types-decision {
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-license-types {
padding: 70px 18px;
}
/* Header */
.ot-ded-license-types-header {
margin-bottom: 38px;
}
.ot-ded-license-types-eyebrow {
margin-bottom: 14px;
font-size: 11px !important;
letter-spacing: 1.5px;
}
.ot-ded-license-types-header h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-license-types-header > p {
font-size: 16px !important;
line-height: 1.8 !important;
}
/* Intro */
.ot-ded-license-types-intro {
margin-bottom: 32px;
}
.ot-ded-license-types-intro p {
font-size: 15px !important;
line-height: 1.8 !important;
}
/* Cards */
.ot-ded-license-type-grid {
gap: 16px;
}
.ot-ded-license-card {
padding: 27px 23px 28px;
border-radius: 10px;
}
.ot-ded-license-card-top {
margin-bottom: 20px;
}
.ot-ded-license-card-number {
font-size: 20px !important;
}
.ot-ded-license-card-label {
font-size: 9px !important;
}
.ot-ded-license-card h3 {
font-size: 23px !important;
}
.ot-ded-license-card-lead {
font-size: 15px !important;
line-height: 1.8 !important;
}
.ot-ded-license-card h4 {
font-size: 16px !important;
}
/* Single custom bullet */
.ot-ded-license-card ul.ot-ded-license-list li {
padding-left: 17px !important;
margin-bottom: 11px !important;
font-size: 14px !important;
line-height: 1.7 !important;
}
.ot-ded-license-card ul.ot-ded-license-list li::before {
top: 0.68em !important;
width: 5px !important;
height: 5px !important;
}
.ot-ded-license-card-note p {
font-size: 13px !important;
line-height: 1.7 !important;
}
/* Decision */
.ot-ded-license-types-decision {
grid-template-columns: 1fr;
gap: 9px;
margin-top: 35px;
padding: 22px;
}
.ot-ded-license-types-decision-content h3 {
font-size: 20px !important;
}
.ot-ded-license-types-decision-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-license-card,
.ot-ded-license-card h3,
.ot-ded-license-card::before {
transition: none !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57b411f *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 4
BUSINESS ACTIVITIES
DESIGN:
Editorial decision section
No repeated card-grid design
Clear hierarchy
Moderate numbering
Subtle interactions only
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-activities {
width: 100%;
padding: 105px 20px;
background: #F7F4EE;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-activities-inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-activities-header {
display: grid;
grid-template-columns:
minmax(0, 1fr)
minmax(0, 0.78fr);
gap: 65px;
align-items: end;
margin-bottom: 55px;
}
/* =========================================================
HEADING SIDE
========================================================= */
.ot-ded-activities-heading {
min-width: 0;
}
.ot-ded-activities-eyebrow {
display: block;
margin-bottom: 15px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
.ot-ded-activities-heading h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-activities-heading h2 span {
display: block;
color: #556B2F !important;
}
/* =========================================================
HEADER TEXT
========================================================= */
.ot-ded-activities-header-text {
padding-bottom: 4px;
}
.ot-ded-activities-header-text p {
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 16px !important;
line-height: 1.85 !important;
}
/* =========================================================
MAIN DECISION AREA
========================================================= */
.ot-ded-activities-main {
display: grid;
grid-template-columns:
minmax(0, 0.88fr)
minmax(0, 1.12fr);
gap: 55px;
width: 100%;
padding: 45px;
background: #FFFFFF;
border: 1px solid #E0D8CA;
border-radius: 12px;
box-sizing: border-box;
}
/* =========================================================
LEFT EXPLANATION
========================================================= */
.ot-ded-activities-explanation {
min-width: 0;
padding-right: 20px;
border-right: 1px solid #E1D9CC;
}
/* =========================================================
SMALL LABEL
========================================================= */
.ot-ded-activities-small-label {
display: block;
margin-bottom: 14px;
color: #A27B36 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
LEFT HEADING
========================================================= */
.ot-ded-activities-explanation h3 {
margin: 0 0 20px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 28px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
}
/* =========================================================
LEFT PARAGRAPHS
========================================================= */
.ot-ded-activities-explanation > p {
margin: 0 0 17px !important;
padding: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.85 !important;
}
/* =========================================================
HIGHLIGHT
========================================================= */
.ot-ded-activities-highlight {
margin-top: 27px;
padding: 19px 20px;
background: #F7F4EE;
border-left: 3px solid #C8A45C;
border-radius: 5px;
box-sizing: border-box;
}
.ot-ded-activities-highlight span {
display: block;
margin-bottom: 7px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
.ot-ded-activities-highlight p {
margin: 0 !important;
color: #4F514E !important;
font-size: 14px !important;
line-height: 1.75 !important;
}
/* =========================================================
FLOW
========================================================= */
.ot-ded-activities-flow {
position: relative;
min-width: 0;
}
/* =========================================================
FLOW ITEM
========================================================= */
.ot-ded-activities-flow-item {
position: relative;
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
column-gap: 20px;
padding: 0 0 30px;
}
/* =========================================================
CONNECTING LINE
Only between actual process items.
========================================================= */
.ot-ded-activities-flow-item:not(:last-child)::after {
content: "";
position: absolute;
top: 52px;
left: 25px;
width: 1px;
height: calc(100% - 22px);
background: #D9D0C0;
}
/* =========================================================
NUMBER
========================================================= */
.ot-ded-activities-flow-number {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
background: #FFFFFF;
border: 1px solid #C8A45C;
border-radius: 50%;
color: #A27B36 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1;
box-sizing: border-box;
transition:
background-color 0.3s ease,
border-color 0.3s ease,
color 0.3s ease,
transform 0.3s ease;
}
/* =========================================================
NUMBER HOVER
========================================================= */
.ot-ded-activities-flow-item:hover
.ot-ded-activities-flow-number {
background: #556B2F;
border-color: #556B2F;
color: #FFFFFF !important;
transform: translateY(-2px);
}
/* =========================================================
FLOW LABEL
========================================================= */
.ot-ded-activities-flow-content > span {
display: block;
margin: 2px 0 6px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.3px;
line-height: 1.5;
}
/* =========================================================
FLOW HEADING
========================================================= */
.ot-ded-activities-flow-content h4 {
margin: 0 0 7px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 20px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
transition: color 0.3s ease;
}
.ot-ded-activities-flow-item:hover
.ot-ded-activities-flow-content h4 {
color: #556B2F !important;
}
/* =========================================================
FLOW TEXT
========================================================= */
.ot-ded-activities-flow-content p {
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.75 !important;
}
/* =========================================================
EXAMPLES SECTION
========================================================= */
.ot-ded-activities-examples {
margin-top: 50px;
padding-top: 42px;
border-top: 1px solid #DCD4C7;
}
/* =========================================================
EXAMPLES HEADER
========================================================= */
.ot-ded-activities-examples-header {
display: grid;
grid-template-columns: 180px minmax(0, 1fr);
gap: 30px;
align-items: start;
margin-bottom: 28px;
}
.ot-ded-activities-examples-header > span {
color: #A27B36 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-activities-examples-header h3 {
max-width: 760px;
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 24px !important;
line-height: 1.45 !important;
font-weight: 700 !important;
}
/* =========================================================
EXAMPLE LIST
========================================================= */
.ot-ded-activities-example-list {
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
gap: 0;
border-top: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
}
/* =========================================================
EXAMPLE
========================================================= */
.ot-ded-activities-example {
min-width: 0;
padding: 25px 22px;
border-right: 1px solid #DDD5C7;
box-sizing: border-box;
transition:
background-color 0.3s ease;
}
.ot-ded-activities-example:first-child {
padding-left: 0;
}
.ot-ded-activities-example:last-child {
border-right: 0;
}
.ot-ded-activities-example:hover {
background: rgba(255,255,255,0.5);
}
/* =========================================================
EXAMPLE TITLE
========================================================= */
.ot-ded-activities-example strong {
display: block;
margin-bottom: 9px;
color: #2C2C2C !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.45;
}
/* =========================================================
EXAMPLE TEXT
========================================================= */
.ot-ded-activities-example p {
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.75 !important;
}
/* =========================================================
VERIFICATION NOTE
========================================================= */
.ot-ded-activities-note {
display: grid;
grid-template-columns: 100px minmax(0, 1fr);
gap: 25px;
margin-top: 35px;
padding: 20px 0;
border-top: 1px solid #DDD5C7;
}
/* =========================================================
NOTE LABEL
========================================================= */
.ot-ded-activities-note-label {
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
/* =========================================================
NOTE TEXT
========================================================= */
.ot-ded-activities-note-content p {
max-width: 850px;
margin: 0 !important;
padding: 0 !important;
color: #777777 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-activities {
padding: 85px 20px;
}
.ot-ded-activities-header {
grid-template-columns: 1fr;
gap: 22px;
margin-bottom: 42px;
}
.ot-ded-activities-main {
grid-template-columns: 1fr;
gap: 40px;
padding: 38px;
}
.ot-ded-activities-explanation {
padding-right: 0;
padding-bottom: 35px;
border-right: 0;
border-bottom: 1px solid #E1D9CC;
}
.ot-ded-activities-example-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ot-ded-activities-example {
border-bottom: 1px solid #DDD5C7;
}
.ot-ded-activities-example:nth-child(2) {
border-right: 0;
}
.ot-ded-activities-example:nth-child(3),
.ot-ded-activities-example:nth-child(4) {
border-bottom: 0;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-activities {
padding: 70px 18px;
}
/* Header */
.ot-ded-activities-header {
gap: 18px;
margin-bottom: 35px;
}
.ot-ded-activities-eyebrow {
margin-bottom: 13px;
font-size: 11px !important;
letter-spacing: 1.5px;
}
.ot-ded-activities-heading h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-activities-header-text p {
font-size: 15px !important;
line-height: 1.8 !important;
}
/* Main */
.ot-ded-activities-main {
gap: 32px;
padding: 25px 22px;
border-radius: 10px;
}
.ot-ded-activities-explanation {
padding-bottom: 30px;
}
.ot-ded-activities-small-label {
font-size: 10px !important;
}
.ot-ded-activities-explanation h3 {
font-size: 23px !important;
line-height: 1.4 !important;
}
.ot-ded-activities-explanation > p {
font-size: 14px !important;
line-height: 1.8 !important;
}
.ot-ded-activities-highlight {
margin-top: 22px;
padding: 17px;
}
.ot-ded-activities-highlight p {
font-size: 13px !important;
}
/* Flow */
.ot-ded-activities-flow-item {
grid-template-columns: 46px minmax(0, 1fr);
column-gap: 15px;
padding-bottom: 27px;
}
.ot-ded-activities-flow-item:not(:last-child)::after {
top: 46px;
left: 22px;
height: calc(100% - 18px);
}
.ot-ded-activities-flow-number {
width: 46px;
height: 46px;
font-size: 12px !important;
}
.ot-ded-activities-flow-content > span {
font-size: 9px !important;
}
.ot-ded-activities-flow-content h4 {
font-size: 19px !important;
}
.ot-ded-activities-flow-content p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* Examples */
.ot-ded-activities-examples {
margin-top: 40px;
padding-top: 35px;
}
.ot-ded-activities-examples-header {
grid-template-columns: 1fr;
gap: 9px;
margin-bottom: 22px;
}
.ot-ded-activities-examples-header h3 {
font-size: 21px !important;
}
.ot-ded-activities-example-list {
grid-template-columns: 1fr;
}
.ot-ded-activities-example {
padding: 20px 0;
border-right: 0;
border-bottom: 1px solid #DDD5C7;
}
.ot-ded-activities-example:first-child {
padding-left: 0;
}
.ot-ded-activities-example:last-child {
border-bottom: 0;
}
.ot-ded-activities-example strong {
font-size: 16px !important;
}
.ot-ded-activities-example p {
font-size: 14px !important;
}
/* Note */
.ot-ded-activities-note {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 28px;
}
.ot-ded-activities-note-content p {
font-size: 13px !important;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-activities-flow-number,
.ot-ded-activities-flow-content h4,
.ot-ded-activities-example {
transition: none !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5a9efe *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 5
LICENCE COSTS
DESIGN:
Editorial cost breakdown
No repeated licence cards
No excessive icons
Clear typography
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-cost {
width: 100%;
padding: 105px 20px;
background: #FCFBF7;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-cost-inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-cost-header {
width: 100%;
max-width: 880px;
margin: 0 auto 52px;
text-align: center;
}
/* =========================================================
EYEBROW
========================================================= */
.ot-ded-cost-eyebrow {
display: inline-block;
margin-bottom: 16px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
/* =========================================================
HEADING
========================================================= */
.ot-ded-cost-header h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-cost-header h2 span {
display: block;
color: #556B2F !important;
}
/* =========================================================
DIVIDER
========================================================= */
.ot-ded-cost-divider {
width: 60px;
height: 3px;
margin: 23px auto 27px;
background: #C8A45C;
border-radius: 50px;
}
/* =========================================================
HEADER TEXT
========================================================= */
.ot-ded-cost-header > p {
max-width: 820px;
margin: 0 auto !important;
color: #666666 !important;
font-size: 17px !important;
line-height: 1.85 !important;
}
/* =========================================================
COST OVERVIEW
========================================================= */
.ot-ded-cost-overview {
display: grid;
grid-template-columns:
190px minmax(0, 1fr);
gap: 35px;
width: 100%;
max-width: 1050px;
margin: 0 auto 48px;
padding: 28px 0;
border-top: 1px solid #DCD4C7;
border-bottom: 1px solid #DCD4C7;
box-sizing: border-box;
}
/* =========================================================
OVERVIEW LABEL
========================================================= */
.ot-ded-cost-overview-label {
padding-top: 4px;
color: #A27B36 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
OVERVIEW CONTENT
========================================================= */
.ot-ded-cost-overview-content h3 {
margin: 0 0 9px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 24px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
.ot-ded-cost-overview-content p {
max-width: 800px;
margin: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.8 !important;
}
/* =========================================================
COST BREAKDOWN
========================================================= */
.ot-ded-cost-breakdown {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
column-gap: 45px;
width: 100%;
max-width: 1050px;
margin: 0 auto;
}
/* =========================================================
COST ITEM
========================================================= */
.ot-ded-cost-item {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
gap: 20px;
min-width: 0;
padding: 28px 0;
border-bottom: 1px solid #DDD5C7;
box-sizing: border-box;
}
/* =========================================================
NUMBER
========================================================= */
.ot-ded-cost-item-number {
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 2px;
color: #B18A43 !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1.3;
}
/* =========================================================
CONTENT LABEL
========================================================= */
.ot-ded-cost-item-content > span {
display: block;
margin-bottom: 7px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.3px;
line-height: 1.5;
}
/* =========================================================
COST ITEM HEADING
========================================================= */
.ot-ded-cost-item-content h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 21px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
transition: color 0.3s ease;
}
/* =========================================================
COST ITEM HOVER
========================================================= */
.ot-ded-cost-item:hover
.ot-ded-cost-item-content h3 {
color: #556B2F !important;
}
/* =========================================================
COST ITEM TEXT
========================================================= */
.ot-ded-cost-item-content p {
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
BUDGET PLANNING
========================================================= */
.ot-ded-cost-planning {
display: grid;
grid-template-columns:
0.75fr 1.25fr;
gap: 45px;
width: 100%;
max-width: 1050px;
margin: 50px auto 0;
padding: 32px 35px;
background: #F7F4EE;
border-radius: 10px;
box-sizing: border-box;
}
/* =========================================================
PLANNING LABEL
========================================================= */
.ot-ded-cost-planning-heading > span {
display: block;
margin-bottom: 8px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
/* =========================================================
PLANNING HEADING
========================================================= */
.ot-ded-cost-planning-heading h3 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 24px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
PLANNING TEXT
========================================================= */
.ot-ded-cost-planning-text {
display: flex;
align-items: center;
}
.ot-ded-cost-planning-text p {
margin: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.8 !important;
}
/* =========================================================
COST FACTORS
========================================================= */
.ot-ded-cost-factors {
width: 100%;
max-width: 1050px;
margin: 55px auto 0;
}
/* =========================================================
FACTOR HEADER
========================================================= */
.ot-ded-cost-factors-heading {
margin-bottom: 28px;
}
.ot-ded-cost-factors-heading > span {
display: block;
margin-bottom: 8px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
.ot-ded-cost-factors-heading h3 {
max-width: 720px;
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 26px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
FACTOR LIST
========================================================= */
.ot-ded-cost-factor-list {
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
border-top: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
}
/* =========================================================
FACTOR
========================================================= */
.ot-ded-cost-factor {
min-width: 0;
padding: 24px 20px;
border-right: 1px solid #DDD5C7;
box-sizing: border-box;
transition: background-color 0.3s ease;
}
.ot-ded-cost-factor:first-child {
padding-left: 0;
}
.ot-ded-cost-factor:last-child {
border-right: 0;
}
.ot-ded-cost-factor:hover {
background: #F7F4EE;
}
/* =========================================================
FACTOR TITLE
========================================================= */
.ot-ded-cost-factor strong {
display: block;
margin-bottom: 8px;
color: #2C2C2C !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.45;
}
/* =========================================================
FACTOR TEXT
========================================================= */
.ot-ded-cost-factor p {
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
FINAL NOTE
========================================================= */
.ot-ded-cost-note {
display: grid;
grid-template-columns: 100px minmax(0, 1fr);
gap: 25px;
width: 100%;
max-width: 1050px;
margin: 35px auto 0;
padding: 20px 0;
border-top: 1px solid #DDD5C7;
}
/* =========================================================
NOTE LABEL
========================================================= */
.ot-ded-cost-note-label {
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
/* =========================================================
NOTE TEXT
========================================================= */
.ot-ded-cost-note-content p {
max-width: 850px;
margin: 0 !important;
color: #777777 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-cost {
padding: 85px 20px;
}
.ot-ded-cost-header h2 {
font-size: 38px !important;
}
.ot-ded-cost-breakdown {
grid-template-columns: 1fr;
max-width: 720px;
}
.ot-ded-cost-planning {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.ot-ded-cost-factor-list {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.ot-ded-cost-factor:nth-child(2) {
border-right: 0;
}
.ot-ded-cost-factor:nth-child(3),
.ot-ded-cost-factor:nth-child(4) {
border-top: 1px solid #DDD5C7;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-cost {
padding: 70px 18px;
}
/* Header */
.ot-ded-cost-header {
margin-bottom: 40px;
}
.ot-ded-cost-eyebrow {
margin-bottom: 13px;
font-size: 11px !important;
letter-spacing: 1.5px;
}
.ot-ded-cost-header h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-cost-header > p {
font-size: 16px !important;
line-height: 1.8 !important;
}
/* Overview */
.ot-ded-cost-overview {
grid-template-columns: 1fr;
gap: 9px;
margin-bottom: 32px;
padding: 23px 0;
}
.ot-ded-cost-overview-label {
font-size: 10px !important;
}
.ot-ded-cost-overview-content h3 {
font-size: 21px !important;
}
.ot-ded-cost-overview-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Breakdown */
.ot-ded-cost-breakdown {
display: block;
}
.ot-ded-cost-item {
grid-template-columns:
40px minmax(0, 1fr);
gap: 15px;
padding: 24px 0;
}
.ot-ded-cost-item-number {
font-size: 18px !important;
}
.ot-ded-cost-item-content > span {
font-size: 9px !important;
}
.ot-ded-cost-item-content h3 {
font-size: 20px !important;
}
.ot-ded-cost-item-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Planning */
.ot-ded-cost-planning {
grid-template-columns: 1fr;
gap: 15px;
margin-top: 38px;
padding: 23px;
}
.ot-ded-cost-planning-heading h3 {
font-size: 21px !important;
}
.ot-ded-cost-planning-text p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Factors */
.ot-ded-cost-factors {
margin-top: 42px;
}
.ot-ded-cost-factors-heading h3 {
font-size: 22px !important;
}
.ot-ded-cost-factor-list {
display: block;
}
.ot-ded-cost-factor {
padding: 20px 0;
border-right: 0;
border-bottom: 1px solid #DDD5C7;
}
.ot-ded-cost-factor:first-child {
padding-left: 0;
}
.ot-ded-cost-factor:last-child {
border-bottom: 0;
}
.ot-ded-cost-factor strong {
font-size: 16px !important;
}
.ot-ded-cost-factor p {
font-size: 14px !important;
}
/* Note */
.ot-ded-cost-note {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 28px;
}
.ot-ded-cost-note-content p {
font-size: 13px !important;
line-height: 1.8 !important;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-cost-item-content h3,
.ot-ded-cost-factor {
transition: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f0b4d2 *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 6
DOCUMENTS & REQUIREMENTS
DESIGN:
Editorial checklist
Two-column layout
Minimal decoration
No excessive icons
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-requirements {
width: 100%;
padding: 105px 20px;
background: #FFFFFF;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-requirements-inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-requirements-header {
width: 100%;
max-width: 900px;
margin: 0 auto 55px;
text-align: center;
}
/* =========================================================
EYEBROW
========================================================= */
.ot-ded-requirements-eyebrow {
display: inline-block;
margin-bottom: 16px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
/* =========================================================
HEADING
========================================================= */
.ot-ded-requirements-header h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-requirements-header h2 span {
display: block;
color: #556B2F !important;
}
/* =========================================================
DIVIDER
========================================================= */
.ot-ded-requirements-divider {
width: 60px;
height: 3px;
margin: 23px auto 27px;
background: #C8A45C;
border-radius: 50px;
}
/* =========================================================
HEADER TEXT
========================================================= */
.ot-ded-requirements-header > p {
max-width: 840px;
margin: 0 auto !important;
color: #666666 !important;
font-size: 17px !important;
line-height: 1.85 !important;
}
/* =========================================================
MAIN
========================================================= */
.ot-ded-requirements-main {
display: grid;
grid-template-columns:
minmax(0, 1.08fr)
minmax(0, 0.92fr);
gap: 65px;
width: 100%;
box-sizing: border-box;
}
/* =========================================================
DOCUMENT COLUMN
========================================================= */
.ot-ded-requirements-documents {
min-width: 0;
}
/* =========================================================
SECTION LABEL
========================================================= */
.ot-ded-requirements-section-label {
margin-bottom: 10px;
color: #A27B36 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
DOCUMENT COLUMN HEADING
========================================================= */
.ot-ded-requirements-documents > h3 {
max-width: 650px;
margin: 0 0 28px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 28px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
DOCUMENT ITEM
========================================================= */
.ot-ded-document {
display: grid;
grid-template-columns:
48px minmax(0, 1fr);
gap: 20px;
padding: 23px 0;
border-top: 1px solid #DDD5C7;
box-sizing: border-box;
}
/* =========================================================
DOCUMENT NUMBER
========================================================= */
.ot-ded-document-number {
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding-top: 1px;
color: #B18A43 !important;
font-size: 19px !important;
font-weight: 700 !important;
line-height: 1.4;
}
/* =========================================================
DOCUMENT HEADING
========================================================= */
.ot-ded-document-content h4 {
margin: 0 0 7px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 19px !important;
line-height: 1.45 !important;
font-weight: 700 !important;
transition: color 0.3s ease;
}
/* =========================================================
DOCUMENT HOVER
========================================================= */
.ot-ded-document:hover
.ot-ded-document-content h4 {
color: #556B2F !important;
}
/* =========================================================
DOCUMENT TEXT
========================================================= */
.ot-ded-document-content p {
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
RIGHT PANEL
========================================================= */
.ot-ded-requirements-side {
min-width: 0;
padding: 35px;
background: #F7F4EE;
border: 1px solid #E1D9CB;
border-radius: 12px;
box-sizing: border-box;
}
/* =========================================================
PANEL TOP
========================================================= */
.ot-ded-requirements-side-top {
padding-bottom: 25px;
border-bottom: 1px solid #DCD4C7;
}
.ot-ded-requirements-side-top > span {
display: block;
margin-bottom: 9px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
.ot-ded-requirements-side-top h3 {
margin: 0 0 12px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 25px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
.ot-ded-requirements-side-top p {
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
REQUIREMENT POINT
========================================================= */
.ot-ded-requirement-point {
display: grid;
grid-template-columns: 3px minmax(0, 1fr);
gap: 16px;
padding: 21px 0;
border-bottom: 1px solid #DCD4C7;
}
.ot-ded-requirement-point:last-child {
border-bottom: 0;
padding-bottom: 0;
}
/* =========================================================
POINT LINE
========================================================= */
.ot-ded-requirement-point-line {
width: 3px;
min-height: 100%;
background: #C8A45C;
border-radius: 4px;
transition:
background-color 0.3s ease,
transform 0.3s ease;
}
.ot-ded-requirement-point:hover
.ot-ded-requirement-point-line {
background: #556B2F;
transform: scaleY(1.04);
}
/* =========================================================
POINT HEADING
========================================================= */
.ot-ded-requirement-point h4 {
margin: 0 0 6px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 17px !important;
line-height: 1.45 !important;
font-weight: 700 !important;
transition: color 0.3s ease;
}
.ot-ded-requirement-point:hover h4 {
color: #556B2F !important;
}
/* =========================================================
POINT TEXT
========================================================= */
.ot-ded-requirement-point p {
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
BOTTOM CHECK
========================================================= */
.ot-ded-requirements-check {
display: grid;
grid-template-columns:
150px minmax(0, 1fr);
gap: 35px;
margin-top: 50px;
padding: 30px 0;
border-top: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
box-sizing: border-box;
}
/* =========================================================
CHECK LABEL
========================================================= */
.ot-ded-requirements-check-label {
padding-top: 3px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
CHECK HEADING
========================================================= */
.ot-ded-requirements-check-content h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 22px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
CHECK TEXT
========================================================= */
.ot-ded-requirements-check-content p {
max-width: 820px;
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-requirements {
padding: 85px 20px;
}
.ot-ded-requirements-header h2 {
font-size: 38px !important;
}
.ot-ded-requirements-main {
grid-template-columns: 1fr;
gap: 45px;
max-width: 760px;
margin: 0 auto;
}
.ot-ded-requirements-side {
padding: 32px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-requirements {
padding: 70px 18px;
}
/* Header */
.ot-ded-requirements-header {
margin-bottom: 40px;
}
.ot-ded-requirements-eyebrow {
margin-bottom: 13px;
font-size: 11px !important;
letter-spacing: 1.5px;
}
.ot-ded-requirements-header h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-requirements-header > p {
font-size: 16px !important;
line-height: 1.8 !important;
}
/* Documents */
.ot-ded-requirements-documents > h3 {
font-size: 23px !important;
line-height: 1.4 !important;
}
.ot-ded-document {
grid-template-columns:
38px minmax(0, 1fr);
gap: 14px;
padding: 21px 0;
}
.ot-ded-document-number {
font-size: 17px !important;
}
.ot-ded-document-content h4 {
font-size: 18px !important;
}
.ot-ded-document-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Side panel */
.ot-ded-requirements-side {
padding: 25px 22px;
border-radius: 10px;
}
.ot-ded-requirements-side-top h3 {
font-size: 22px !important;
}
.ot-ded-requirements-side-top p {
font-size: 14px !important;
}
.ot-ded-requirement-point {
padding: 19px 0;
}
.ot-ded-requirement-point h4 {
font-size: 17px !important;
}
.ot-ded-requirement-point p {
font-size: 13px !important;
}
/* Bottom */
.ot-ded-requirements-check {
grid-template-columns: 1fr;
gap: 9px;
margin-top: 35px;
padding: 24px 0;
}
.ot-ded-requirements-check-content h3 {
font-size: 20px !important;
}
.ot-ded-requirements-check-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-document-content h4,
.ot-ded-requirement-point-line,
.ot-ded-requirement-point h4 {
transition: none !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6e7c8b *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 7
APPLICATION PROCESS
DESIGN:
Editorial process journey
Clear large numbering
No excessive icons
Subtle hover effects
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-process {
width: 100%;
padding: 105px 20px;
background: #F7F4EE;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-process-inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-process-header {
display: grid;
grid-template-columns:
minmax(0, 1fr)
minmax(0, 0.78fr);
gap: 65px;
align-items: end;
margin-bottom: 48px;
}
/* =========================================================
EYEBROW
========================================================= */
.ot-ded-process-eyebrow {
display: block;
margin-bottom: 15px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
/* =========================================================
MAIN HEADING
========================================================= */
.ot-ded-process-heading h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-process-heading h2 span {
display: block;
color: #556B2F !important;
}
/* =========================================================
HEADER TEXT
========================================================= */
.ot-ded-process-header-text {
padding-bottom: 4px;
}
.ot-ded-process-header-text p {
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 16px !important;
line-height: 1.85 !important;
}
/* =========================================================
INTRO STRIP
========================================================= */
.ot-ded-process-intro {
display: grid;
grid-template-columns:
62px minmax(0, 1fr);
gap: 25px;
width: 100%;
margin-bottom: 50px;
padding: 28px 32px;
background: #FFFFFF;
border: 1px solid #E0D8CA;
border-radius: 10px;
box-sizing: border-box;
}
/* =========================================================
INTRO NUMBER
========================================================= */
.ot-ded-process-intro-number {
display: flex;
align-items: center;
justify-content: center;
width: 62px;
height: 62px;
background: #556B2F;
border-radius: 50%;
color: #FFFFFF !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1;
}
/* =========================================================
INTRO LABEL
========================================================= */
.ot-ded-process-intro-content > span {
display: block;
margin-bottom: 7px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
/* =========================================================
INTRO HEADING
========================================================= */
.ot-ded-process-intro-content h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 23px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
INTRO TEXT
========================================================= */
.ot-ded-process-intro-content p {
max-width: 850px;
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
PROCESS JOURNEY
========================================================= */
.ot-ded-process-journey {
position: relative;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
/* =========================================================
STEP
========================================================= */
.ot-ded-process-step {
position: relative;
display: grid;
grid-template-columns:
80px minmax(0, 1fr);
column-gap: 30px;
padding-bottom: 38px;
}
/* =========================================================
CONNECTING LINE
Runs behind the numbers.
========================================================= */
.ot-ded-process-step:not(:last-child)::after {
content: "";
position: absolute;
top: 70px;
left: 39px;
width: 1px;
height: calc(100% - 27px);
background: #D3C8B5;
}
/* =========================================================
STEP MARKER
========================================================= */
.ot-ded-process-step-marker {
position: relative;
z-index: 2;
display: flex;
align-items: flex-start;
justify-content: center;
}
/* =========================================================
STEP NUMBER
========================================================= */
.ot-ded-process-step-marker span {
display: flex;
align-items: center;
justify-content: center;
width: 78px;
height: 78px;
background: #FFFFFF;
border: 1px solid #C8A45C;
border-radius: 50%;
color: #A27B36 !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1;
box-sizing: border-box;
transition:
background-color 0.3s ease,
border-color 0.3s ease,
color 0.3s ease,
transform 0.3s ease;
}
/* =========================================================
NUMBER HOVER
========================================================= */
.ot-ded-process-step:hover
.ot-ded-process-step-marker span {
background: #556B2F;
border-color: #556B2F;
color: #FFFFFF !important;
transform: translateY(-2px);
}
/* =========================================================
STEP CONTENT
========================================================= */
.ot-ded-process-step-content {
min-width: 0;
padding: 8px 0 25px;
border-bottom: 1px solid #DDD5C7;
}
/* =========================================================
META
========================================================= */
.ot-ded-process-step-meta {
margin-bottom: 7px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
/* =========================================================
STEP HEADING
========================================================= */
.ot-ded-process-step-content h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 23px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
transition: color 0.3s ease;
}
.ot-ded-process-step:hover
.ot-ded-process-step-content h3 {
color: #556B2F !important;
}
/* =========================================================
STEP TEXT
========================================================= */
.ot-ded-process-step-content p {
max-width: 760px;
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.8 !important;
}
/* =========================================================
FINAL STEP
========================================================= */
.ot-ded-process-step-final {
padding-bottom: 0;
}
.ot-ded-process-step-final
.ot-ded-process-step-content {
border-bottom: 0;
}
/* =========================================================
IMPORTANT NOTE
========================================================= */
.ot-ded-process-note {
display: grid;
grid-template-columns:
150px minmax(0, 1fr);
gap: 35px;
margin-top: 55px;
padding: 30px 0;
border-top: 1px solid #D9D0C0;
border-bottom: 1px solid #D9D0C0;
}
/* =========================================================
NOTE LABEL
========================================================= */
.ot-ded-process-note-label {
padding-top: 4px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
NOTE HEADING
========================================================= */
.ot-ded-process-note-content h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 22px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
NOTE TEXT
========================================================= */
.ot-ded-process-note-content p {
max-width: 820px;
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-process {
padding: 85px 20px;
}
.ot-ded-process-header {
grid-template-columns: 1fr;
gap: 20px;
}
.ot-ded-process-journey {
max-width: 760px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-process {
padding: 70px 18px;
}
/* Header */
.ot-ded-process-header {
gap: 18px;
margin-bottom: 35px;
}
.ot-ded-process-eyebrow {
margin-bottom: 13px;
font-size: 11px !important;
letter-spacing: 1.5px;
}
.ot-ded-process-heading h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-process-header-text p {
font-size: 15px !important;
line-height: 1.8 !important;
}
/* Intro */
.ot-ded-process-intro {
grid-template-columns:
48px minmax(0, 1fr);
gap: 16px;
margin-bottom: 38px;
padding: 23px 20px;
}
.ot-ded-process-intro-number {
width: 48px;
height: 48px;
font-size: 14px !important;
}
.ot-ded-process-intro-content > span {
font-size: 9px !important;
}
.ot-ded-process-intro-content h3 {
font-size: 20px !important;
}
.ot-ded-process-intro-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Journey */
.ot-ded-process-step {
grid-template-columns:
52px minmax(0, 1fr);
column-gap: 17px;
padding-bottom: 30px;
}
.ot-ded-process-step:not(:last-child)::after {
top: 54px;
left: 25px;
height: calc(100% - 22px);
}
.ot-ded-process-step-marker span {
width: 52px;
height: 52px;
font-size: 13px !important;
}
.ot-ded-process-step-content {
padding: 3px 0 20px;
}
.ot-ded-process-step-meta {
font-size: 9px !important;
}
.ot-ded-process-step-content h3 {
font-size: 19px !important;
line-height: 1.4 !important;
}
.ot-ded-process-step-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Note */
.ot-ded-process-note {
grid-template-columns: 1fr;
gap: 9px;
margin-top: 40px;
padding: 24px 0;
}
.ot-ded-process-note-content h3 {
font-size: 20px !important;
}
.ot-ded-process-note-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-process-step-marker span,
.ot-ded-process-step-content h3 {
transition: none !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5f6af1 *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 8
LICENCE TIMELINE
DESIGN:
Clean editorial timeline
Large readable numbers
Minimal decoration
Subtle hover effects
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-timeline {
width: 100%;
padding: 105px 20px;
background: #FFFFFF;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-timeline-inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-timeline-header {
max-width: 880px;
margin: 0 auto 50px;
text-align: center;
}
/* =========================================================
EYEBROW
========================================================= */
.ot-ded-timeline-eyebrow {
display: inline-block;
margin-bottom: 16px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
/* =========================================================
HEADING
========================================================= */
.ot-ded-timeline-header h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-timeline-header h2 span {
display: block;
color: #556B2F !important;
}
/* =========================================================
DIVIDER
========================================================= */
.ot-ded-timeline-divider {
width: 60px;
height: 3px;
margin: 23px auto 27px;
background: #C8A45C;
border-radius: 50px;
}
/* =========================================================
HEADER TEXT
========================================================= */
.ot-ded-timeline-header > p {
max-width: 820px;
margin: 0 auto !important;
color: #666666 !important;
font-size: 17px !important;
line-height: 1.85 !important;
}
/* =========================================================
QUICK ANSWER
========================================================= */
.ot-ded-timeline-answer {
display: grid;
grid-template-columns:
170px minmax(0, 1fr);
gap: 35px;
max-width: 1050px;
margin: 0 auto 55px;
padding: 28px 0;
border-top: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
box-sizing: border-box;
}
/* =========================================================
ANSWER LABEL
========================================================= */
.ot-ded-timeline-answer-label {
padding-top: 4px;
color: #A27B36 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
ANSWER HEADING
========================================================= */
.ot-ded-timeline-answer-content h3 {
margin: 0 0 9px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 24px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
ANSWER TEXT
========================================================= */
.ot-ded-timeline-answer-content p {
max-width: 820px;
margin: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.8 !important;
}
/* =========================================================
TIMELINE TRACK
========================================================= */
.ot-ded-timeline-track {
position: relative;
max-width: 1000px;
margin: 0 auto;
}
/* =========================================================
TIMELINE ITEM
========================================================= */
.ot-ded-timeline-item {
position: relative;
display: grid;
grid-template-columns:
82px minmax(0, 1fr);
gap: 30px;
padding-bottom: 42px;
}
/* =========================================================
CONNECTING LINE
========================================================= */
.ot-ded-timeline-item:not(:last-child)::after {
content: "";
position: absolute;
top: 82px;
left: 40px;
width: 1px;
height: calc(100% - 28px);
background: #D8CEBC;
}
/* =========================================================
MARKER
========================================================= */
.ot-ded-timeline-marker {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 82px;
height: 82px;
background: #F7F4EE;
border: 1px solid #C8A45C;
border-radius: 50%;
color: #A27B36 !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1;
box-sizing: border-box;
transition:
background-color 0.3s ease,
border-color 0.3s ease,
color 0.3s ease,
transform 0.3s ease;
}
/* =========================================================
MARKER HOVER
========================================================= */
.ot-ded-timeline-item:hover
.ot-ded-timeline-marker {
background: #556B2F;
border-color: #556B2F;
color: #FFFFFF !important;
transform: translateY(-2px);
}
/* =========================================================
CONTENT
========================================================= */
.ot-ded-timeline-content {
min-width: 0;
padding: 8px 0 25px;
border-bottom: 1px solid #DDD5C7;
}
/* =========================================================
META
========================================================= */
.ot-ded-timeline-content > span {
display: block;
margin-bottom: 7px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
/* =========================================================
STEP HEADING
========================================================= */
.ot-ded-timeline-content h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 23px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
transition: color 0.3s ease;
}
.ot-ded-timeline-item:hover
.ot-ded-timeline-content h3 {
color: #556B2F !important;
}
/* =========================================================
STEP TEXT
========================================================= */
.ot-ded-timeline-content p {
max-width: 760px;
margin: 0 !important;
padding: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.8 !important;
}
/* =========================================================
FINAL ITEM
========================================================= */
.ot-ded-timeline-item-final {
padding-bottom: 0;
}
.ot-ded-timeline-item-final
.ot-ded-timeline-content {
border-bottom: 0;
}
/* =========================================================
DELAYS SECTION
========================================================= */
.ot-ded-timeline-delays {
max-width: 1050px;
margin: 60px auto 0;
padding-top: 45px;
border-top: 1px solid #DDD5C7;
}
/* =========================================================
DELAYS HEADER
========================================================= */
.ot-ded-timeline-delays-heading {
margin-bottom: 28px;
}
.ot-ded-timeline-delays-heading > span {
display: block;
margin-bottom: 8px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
.ot-ded-timeline-delays-heading h3 {
max-width: 750px;
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 26px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
DELAY LIST
========================================================= */
.ot-ded-timeline-delay-list {
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
border-top: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
}
/* =========================================================
DELAY ITEM
========================================================= */
.ot-ded-timeline-delay {
min-width: 0;
padding: 24px 20px;
border-right: 1px solid #DDD5C7;
box-sizing: border-box;
transition: background-color 0.3s ease;
}
.ot-ded-timeline-delay:first-child {
padding-left: 0;
}
.ot-ded-timeline-delay:last-child {
border-right: 0;
}
.ot-ded-timeline-delay:hover {
background: #F7F4EE;
}
/* =========================================================
DELAY TITLE
========================================================= */
.ot-ded-timeline-delay strong {
display: block;
margin-bottom: 8px;
color: #2C2C2C !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.45;
}
/* =========================================================
DELAY TEXT
========================================================= */
.ot-ded-timeline-delay p {
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
BOTTOM NOTE
========================================================= */
.ot-ded-timeline-note {
display: grid;
grid-template-columns:
120px minmax(0, 1fr);
gap: 30px;
max-width: 1050px;
margin: 35px auto 0;
padding: 20px 0;
border-top: 1px solid #DDD5C7;
}
/* =========================================================
NOTE LABEL
========================================================= */
.ot-ded-timeline-note-label {
padding-top: 3px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
/* =========================================================
NOTE TEXT
========================================================= */
.ot-ded-timeline-note-content p {
max-width: 850px;
margin: 0 !important;
color: #777777 !important;
font-size: 13px !important;
line-height: 1.8 !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-timeline {
padding: 85px 20px;
}
.ot-ded-timeline-header h2 {
font-size: 38px !important;
}
.ot-ded-timeline-track {
max-width: 760px;
}
.ot-ded-timeline-delay-list {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.ot-ded-timeline-delay:nth-child(2) {
border-right: 0;
}
.ot-ded-timeline-delay:nth-child(3),
.ot-ded-timeline-delay:nth-child(4) {
border-top: 1px solid #DDD5C7;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-timeline {
padding: 70px 18px;
}
/* Header */
.ot-ded-timeline-header {
margin-bottom: 38px;
}
.ot-ded-timeline-eyebrow {
margin-bottom: 13px;
font-size: 11px !important;
letter-spacing: 1.5px;
}
.ot-ded-timeline-header h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-timeline-header > p {
font-size: 16px !important;
line-height: 1.8 !important;
}
/* Quick answer */
.ot-ded-timeline-answer {
grid-template-columns: 1fr;
gap: 9px;
margin-bottom: 38px;
padding: 23px 0;
}
.ot-ded-timeline-answer-label {
font-size: 10px !important;
}
.ot-ded-timeline-answer-content h3 {
font-size: 21px !important;
}
.ot-ded-timeline-answer-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Timeline */
.ot-ded-timeline-item {
grid-template-columns:
52px minmax(0, 1fr);
gap: 17px;
padding-bottom: 30px;
}
.ot-ded-timeline-item:not(:last-child)::after {
top: 53px;
left: 25px;
height: calc(100% - 21px);
}
.ot-ded-timeline-marker {
width: 52px;
height: 52px;
font-size: 13px !important;
}
.ot-ded-timeline-content {
padding: 3px 0 20px;
}
.ot-ded-timeline-content > span {
font-size: 9px !important;
}
.ot-ded-timeline-content h3 {
font-size: 19px !important;
line-height: 1.4 !important;
}
.ot-ded-timeline-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Delays */
.ot-ded-timeline-delays {
margin-top: 42px;
padding-top: 35px;
}
.ot-ded-timeline-delays-heading h3 {
font-size: 22px !important;
}
.ot-ded-timeline-delay-list {
display: block;
}
.ot-ded-timeline-delay {
padding: 20px 0;
border-right: 0;
border-bottom: 1px solid #DDD5C7;
}
.ot-ded-timeline-delay:first-child {
padding-left: 0;
}
.ot-ded-timeline-delay:last-child {
border-bottom: 0;
}
.ot-ded-timeline-delay strong {
font-size: 16px !important;
}
.ot-ded-timeline-delay p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* Note */
.ot-ded-timeline-note {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 28px;
}
.ot-ded-timeline-note-content p {
font-size: 13px !important;
line-height: 1.8 !important;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-timeline-marker,
.ot-ded-timeline-content h3,
.ot-ded-timeline-delay {
transition: none !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de5f290 *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 9
FOREIGN OWNERSHIP
DESIGN:
Large answer-led opening
Editorial layout
Minimal cards
Clear typography
Subtle hover effects
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-ownership {
width: 100%;
padding: 105px 20px;
background: #F7F4EE;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-ownership-inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-ownership-header {
max-width: 900px;
margin: 0 auto 52px;
text-align: center;
}
/* =========================================================
EYEBROW
========================================================= */
.ot-ded-ownership-eyebrow {
display: inline-block;
margin-bottom: 16px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
/* =========================================================
HEADING
========================================================= */
.ot-ded-ownership-header h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-ownership-header h2 span {
display: block;
color: #556B2F !important;
}
/* =========================================================
DIVIDER
========================================================= */
.ot-ded-ownership-divider {
width: 60px;
height: 3px;
margin: 23px auto 27px;
background: #C8A45C;
border-radius: 50px;
}
/* =========================================================
HEADER TEXT
========================================================= */
.ot-ded-ownership-header > p {
max-width: 830px;
margin: 0 auto !important;
color: #666666 !important;
font-size: 17px !important;
line-height: 1.85 !important;
}
/* =========================================================
MAIN ANSWER
========================================================= */
.ot-ded-ownership-answer {
display: grid;
grid-template-columns:
210px minmax(0, 1fr);
gap: 45px;
align-items: center;
max-width: 1050px;
margin: 0 auto;
padding: 38px 40px;
background: #FFFFFF;
border: 1px solid #E0D8CA;
border-radius: 12px;
box-sizing: border-box;
}
/* =========================================================
LARGE 100%
========================================================= */
.ot-ded-ownership-answer-number {
color: #556B2F !important;
font-size: 66px !important;
line-height: 1;
font-weight: 700 !important;
letter-spacing: -2px;
}
/* =========================================================
ANSWER LABEL
========================================================= */
.ot-ded-ownership-answer-content > span {
display: block;
margin-bottom: 8px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
ANSWER HEADING
========================================================= */
.ot-ded-ownership-answer-content h3 {
margin: 0 0 10px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 25px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
ANSWER TEXT
========================================================= */
.ot-ded-ownership-answer-content p {
max-width: 760px;
margin: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.8 !important;
}
/* =========================================================
EXPLANATION
========================================================= */
.ot-ded-ownership-explanation {
display: grid;
grid-template-columns:
minmax(0, 0.9fr)
minmax(0, 1.1fr);
gap: 70px;
max-width: 1050px;
margin: 65px auto 0;
padding-bottom: 55px;
border-bottom: 1px solid #D9D0C0;
}
/* =========================================================
EXPLANATION LABEL
========================================================= */
.ot-ded-ownership-explanation-heading > span {
display: block;
margin-bottom: 9px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
/* =========================================================
EXPLANATION HEADING
========================================================= */
.ot-ded-ownership-explanation-heading h3 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 27px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
EXPLANATION TEXT
========================================================= */
.ot-ded-ownership-explanation-text p {
margin: 0 0 17px !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.9 !important;
}
.ot-ded-ownership-explanation-text p:last-child {
margin-bottom: 0 !important;
}
/* =========================================================
CONDITIONS
========================================================= */
.ot-ded-ownership-conditions {
max-width: 1050px;
margin: 55px auto 0;
}
/* =========================================================
CONDITIONS HEADER
========================================================= */
.ot-ded-ownership-conditions-header {
margin-bottom: 28px;
}
.ot-ded-ownership-conditions-header > span {
display: block;
margin-bottom: 8px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
.ot-ded-ownership-conditions-header h3 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 26px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
CONDITION LIST
========================================================= */
.ot-ded-ownership-condition-list {
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
border-top: 1px solid #D9D0C0;
border-bottom: 1px solid #D9D0C0;
}
/* =========================================================
CONDITION
========================================================= */
.ot-ded-ownership-condition {
display: grid;
grid-template-columns:
42px minmax(0, 1fr);
gap: 16px;
min-width: 0;
padding: 25px 20px;
border-right: 1px solid #D9D0C0;
transition: background-color 0.3s ease;
}
.ot-ded-ownership-condition:first-child {
padding-left: 0;
}
.ot-ded-ownership-condition:last-child {
border-right: 0;
}
.ot-ded-ownership-condition:hover {
background: #FFFFFF;
}
/* =========================================================
CONDITION NUMBER
========================================================= */
.ot-ded-ownership-condition-number {
color: #B18A43 !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.4;
}
/* =========================================================
CONDITION HEADING
========================================================= */
.ot-ded-ownership-condition-content h4 {
margin: 0 0 7px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 17px !important;
line-height: 1.45 !important;
font-weight: 700 !important;
transition: color 0.3s ease;
}
.ot-ded-ownership-condition:hover
.ot-ded-ownership-condition-content h4 {
color: #556B2F !important;
}
/* =========================================================
CONDITION TEXT
========================================================= */
.ot-ded-ownership-condition-content p {
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
RESTRICTIONS
========================================================= */
.ot-ded-ownership-restrictions {
display: grid;
grid-template-columns:
minmax(0, 0.9fr)
minmax(0, 1.1fr);
gap: 55px;
max-width: 1050px;
margin: 55px auto 0;
padding: 32px 35px;
background: #2C2C2C;
border-radius: 12px;
box-sizing: border-box;
}
/* =========================================================
RESTRICTION HEADER
========================================================= */
.ot-ded-ownership-restrictions-heading > span {
display: block;
margin-bottom: 9px;
color: #C8A45C !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-ownership-restrictions-heading h3 {
margin: 0 0 12px !important;
padding: 0 !important;
color: #FFFFFF !important;
font-size: 24px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
.ot-ded-ownership-restrictions-heading p {
margin: 0 !important;
color: #D6D3CC !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
RESTRICTION LIST
========================================================= */
.ot-ded-ownership-restrictions-list {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
align-content: center;
gap: 10px 25px;
}
/* =========================================================
RESTRICTION
========================================================= */
.ot-ded-ownership-restriction {
padding: 13px 0;
border-bottom: 1px solid rgba(255,255,255,0.15);
color: #F2EEE5 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.5;
}
/* =========================================================
BOTTOM NOTE
========================================================= */
.ot-ded-ownership-note {
display: grid;
grid-template-columns:
130px minmax(0, 1fr);
gap: 30px;
max-width: 1050px;
margin: 35px auto 0;
padding: 20px 0;
border-top: 1px solid #D9D0C0;
}
/* =========================================================
NOTE LABEL
========================================================= */
.ot-ded-ownership-note-label {
padding-top: 3px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
/* =========================================================
NOTE HEADING
========================================================= */
.ot-ded-ownership-note-content h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 21px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
NOTE TEXT
========================================================= */
.ot-ded-ownership-note-content p {
max-width: 820px;
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.8 !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-ownership {
padding: 85px 20px;
}
.ot-ded-ownership-header h2 {
font-size: 38px !important;
}
.ot-ded-ownership-explanation {
gap: 45px;
}
.ot-ded-ownership-condition-list {
grid-template-columns:
1fr;
}
.ot-ded-ownership-condition {
border-right: 0;
border-bottom: 1px solid #D9D0C0;
}
.ot-ded-ownership-condition:last-child {
border-bottom: 0;
}
.ot-ded-ownership-condition:first-child {
padding-left: 20px;
}
.ot-ded-ownership-restrictions {
grid-template-columns: 1fr;
gap: 30px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-ownership {
padding: 70px 18px;
}
/* Header */
.ot-ded-ownership-header {
margin-bottom: 38px;
}
.ot-ded-ownership-eyebrow {
margin-bottom: 13px;
font-size: 11px !important;
}
.ot-ded-ownership-header h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-ownership-header > p {
font-size: 16px !important;
line-height: 1.8 !important;
}
/* Main answer */
.ot-ded-ownership-answer {
grid-template-columns: 1fr;
gap: 18px;
padding: 27px 22px;
}
.ot-ded-ownership-answer-number {
font-size: 52px !important;
}
.ot-ded-ownership-answer-content h3 {
font-size: 21px !important;
}
.ot-ded-ownership-answer-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Explanation */
.ot-ded-ownership-explanation {
grid-template-columns: 1fr;
gap: 22px;
margin-top: 45px;
padding-bottom: 40px;
}
.ot-ded-ownership-explanation-heading h3 {
font-size: 23px !important;
}
.ot-ded-ownership-explanation-text p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Conditions */
.ot-ded-ownership-conditions {
margin-top: 42px;
}
.ot-ded-ownership-conditions-header h3 {
font-size: 22px !important;
}
.ot-ded-ownership-condition {
grid-template-columns:
36px minmax(0, 1fr);
gap: 12px;
padding: 20px 0;
}
.ot-ded-ownership-condition:first-child {
padding-left: 0;
}
.ot-ded-ownership-condition-number {
font-size: 17px !important;
}
.ot-ded-ownership-condition-content h4 {
font-size: 17px !important;
}
.ot-ded-ownership-condition-content p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* Restrictions */
.ot-ded-ownership-restrictions {
grid-template-columns: 1fr;
gap: 25px;
margin-top: 42px;
padding: 25px 22px;
}
.ot-ded-ownership-restrictions-heading h3 {
font-size: 21px !important;
}
.ot-ded-ownership-restrictions-heading p {
font-size: 14px !important;
}
.ot-ded-ownership-restrictions-list {
grid-template-columns: 1fr;
gap: 0;
}
.ot-ded-ownership-restriction {
font-size: 14px !important;
}
/* Note */
.ot-ded-ownership-note {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 28px;
}
.ot-ded-ownership-note-content h3 {
font-size: 20px !important;
}
.ot-ded-ownership-note-content p {
font-size: 13px !important;
line-height: 1.8 !important;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-ownership-condition,
.ot-ded-ownership-condition-content h4 {
transition: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ff51df *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 10
MAINLAND VS FREE ZONE
DESIGN:
Editorial comparison
Structured comparison table
Clear column hierarchy
Minimal decoration
No excessive icons
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-compare {
width: 100%;
padding: 105px 20px;
background: #FCFBF7;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-compare-inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-compare-header {
max-width: 920px;
margin: 0 auto 55px;
text-align: center;
}
/* =========================================================
EYEBROW
========================================================= */
.ot-ded-compare-eyebrow {
display: inline-block;
margin-bottom: 16px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
/* =========================================================
HEADING
========================================================= */
.ot-ded-compare-header h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-compare-header h2 span {
display: block;
color: #556B2F !important;
}
/* =========================================================
DIVIDER
========================================================= */
.ot-ded-compare-divider {
width: 60px;
height: 3px;
margin: 23px auto 27px;
background: #C8A45C;
border-radius: 50px;
}
/* =========================================================
HEADER TEXT
========================================================= */
.ot-ded-compare-header > p {
max-width: 850px;
margin: 0 auto !important;
color: #666666 !important;
font-size: 17px !important;
line-height: 1.85 !important;
}
/* =========================================================
TABLE WRAPPER
========================================================= */
.ot-ded-compare-table-wrap {
width: 100%;
max-width: 1100px;
margin: 0 auto;
overflow-x: auto;
box-sizing: border-box;
}
/* =========================================================
TABLE
========================================================= */
.ot-ded-compare-table {
width: 100%;
min-width: 850px;
border: 1px solid #DDD5C7;
background: #FFFFFF;
box-sizing: border-box;
}
/* =========================================================
ROW
========================================================= */
.ot-ded-compare-row {
display: grid;
grid-template-columns:
24%
38%
38%;
box-sizing: border-box;
}
/* =========================================================
HEADER ROW
========================================================= */
.ot-ded-compare-row-header {
background: #2C2C2C;
color: #FFFFFF;
}
/* =========================================================
CELLS
========================================================= */
.ot-ded-compare-row > div {
min-width: 0;
padding: 23px 25px;
border-right: 1px solid #E2DBCF;
border-bottom: 1px solid #E2DBCF;
box-sizing: border-box;
}
.ot-ded-compare-row > div:last-child {
border-right: 0;
}
/* =========================================================
LAST ROW
========================================================= */
.ot-ded-compare-row:last-child > div {
border-bottom: 0;
}
/* =========================================================
FEATURE COLUMN
========================================================= */
.ot-ded-compare-feature {
background: #F7F4EE;
}
/* =========================================================
HEADER FEATURE
========================================================= */
.ot-ded-compare-row-header
.ot-ded-compare-feature {
background: #2C2C2C;
color: #FFFFFF !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1.3px;
}
/* =========================================================
MAINLAND HEADER
========================================================= */
.ot-ded-compare-row-header
.ot-ded-compare-mainland {
background: #556B2F;
color: #FFFFFF !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1.3px;
}
/* =========================================================
FREE ZONE HEADER
========================================================= */
.ot-ded-compare-row-header
.ot-ded-compare-freezone {
background: #A27B36;
color: #FFFFFF !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1.3px;
}
/* =========================================================
FEATURE TITLE
========================================================= */
.ot-ded-compare-feature strong {
display: block;
margin-bottom: 5px;
color: #2C2C2C !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.45;
}
/* =========================================================
FEATURE DESCRIPTION
========================================================= */
.ot-ded-compare-feature span {
display: block;
color: #777777 !important;
font-size: 12px !important;
line-height: 1.6;
}
/* =========================================================
MAINLAND CONTENT
========================================================= */
.ot-ded-compare-mainland {
background: #FFFFFF;
}
.ot-ded-compare-mainland strong {
display: block;
margin-bottom: 7px;
color: #556B2F !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.45;
}
.ot-ded-compare-mainland p {
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
FREE ZONE CONTENT
========================================================= */
.ot-ded-compare-freezone {
background: #FFFEFC;
}
.ot-ded-compare-freezone strong {
display: block;
margin-bottom: 7px;
color: #A27B36 !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.45;
}
.ot-ded-compare-freezone p {
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
SUBTLE ROW HOVER
========================================================= */
.ot-ded-compare-row:not(.ot-ded-compare-row-header):hover
.ot-ded-compare-feature {
background: #F1EDE4;
}
.ot-ded-compare-row:not(.ot-ded-compare-row-header):hover
.ot-ded-compare-mainland {
background: #FBFCF8;
}
.ot-ded-compare-row:not(.ot-ded-compare-row-header):hover
.ot-ded-compare-freezone {
background: #FFFDF8;
}
/* =========================================================
DECISION SECTION
========================================================= */
.ot-ded-compare-decision {
max-width: 1050px;
margin: 65px auto 0;
}
/* =========================================================
DECISION HEADER
========================================================= */
.ot-ded-compare-decision-heading {
margin-bottom: 28px;
}
.ot-ded-compare-decision-heading > span {
display: block;
margin-bottom: 8px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-compare-decision-heading h3 {
max-width: 750px;
margin: 0 !important;
color: #2C2C2C !important;
font-size: 27px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
DECISION LIST
========================================================= */
.ot-ded-compare-decision-list {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap: 30px;
}
/* =========================================================
DECISION ITEM
========================================================= */
.ot-ded-compare-decision-item {
padding: 30px;
background: #FFFFFF;
border: 1px solid #DDD5C7;
border-radius: 10px;
box-sizing: border-box;
transition:
transform 0.3s ease,
box-shadow 0.3s ease;
}
.ot-ded-compare-decision-item:hover {
transform: translateY(-3px);
box-shadow:
0 12px 30px rgba(44,44,44,0.06);
}
/* =========================================================
DECISION TITLE
========================================================= */
.ot-ded-compare-decision-title {
margin-bottom: 18px;
color: #556B2F !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
.ot-ded-compare-decision-item:nth-child(2)
.ot-ded-compare-decision-title {
color: #A27B36 !important;
}
/* =========================================================
DECISION LIST
Explicitly reset Elementor/theme list styling
to prevent double bullets.
========================================================= */
.ot-ded-compare-decision-item ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* =========================================================
DECISION LIST ITEM
========================================================= */
.ot-ded-compare-decision-item li {
position: relative;
margin: 0 0 13px !important;
padding: 0 0 0 22px !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.75 !important;
list-style: none !important;
}
.ot-ded-compare-decision-item li:last-child {
margin-bottom: 0 !important;
}
/* =========================================================
SINGLE CUSTOM BULLET
One bullet only.
========================================================= */
.ot-ded-compare-decision-item li::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 6px;
height: 6px;
background: #556B2F;
border-radius: 50%;
}
.ot-ded-compare-decision-item:nth-child(2)
li::before {
background: #C8A45C;
}
/* =========================================================
IMPORTANT NOTE
========================================================= */
.ot-ded-compare-note {
display: grid;
grid-template-columns:
110px minmax(0, 1fr);
gap: 30px;
max-width: 1050px;
margin: 35px auto 0;
padding: 22px 0;
border-top: 1px solid #DDD5C7;
}
/* =========================================================
NOTE LABEL
========================================================= */
.ot-ded-compare-note-label {
padding-top: 3px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
/* =========================================================
NOTE HEADING
========================================================= */
.ot-ded-compare-note-content h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 21px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
NOTE TEXT
========================================================= */
.ot-ded-compare-note-content p {
max-width: 850px;
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.8 !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-compare {
padding: 85px 20px;
}
.ot-ded-compare-header h2 {
font-size: 38px !important;
}
.ot-ded-compare-table-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.ot-ded-compare-decision-list {
grid-template-columns: 1fr;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-compare {
padding: 70px 18px;
}
/* Header */
.ot-ded-compare-header {
margin-bottom: 38px;
}
.ot-ded-compare-eyebrow {
margin-bottom: 13px;
font-size: 11px !important;
letter-spacing: 1.5px;
}
.ot-ded-compare-header h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-compare-header > p {
font-size: 16px !important;
line-height: 1.8 !important;
}
/* Comparison */
.ot-ded-compare-table {
min-width: 780px;
}
.ot-ded-compare-row > div {
padding: 19px 18px;
}
.ot-ded-compare-feature strong {
font-size: 14px !important;
}
.ot-ded-compare-feature span {
font-size: 11px !important;
}
.ot-ded-compare-mainland strong,
.ot-ded-compare-freezone strong {
font-size: 15px !important;
}
.ot-ded-compare-mainland p,
.ot-ded-compare-freezone p {
font-size: 13px !important;
line-height: 1.7 !important;
}
/* Decision */
.ot-ded-compare-decision {
margin-top: 45px;
}
.ot-ded-compare-decision-heading h3 {
font-size: 22px !important;
}
.ot-ded-compare-decision-item {
padding: 24px 22px;
}
.ot-ded-compare-decision-item li {
font-size: 14px !important;
}
/* Note */
.ot-ded-compare-note {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 28px;
}
.ot-ded-compare-note-content h3 {
font-size: 20px !important;
}
.ot-ded-compare-note-content p {
font-size: 13px !important;
line-height: 1.8 !important;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-compare-decision-item {
transition: none !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fe156b6 *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 11
ADVANTAGES & CONSIDERATIONS
DESIGN:
Balanced editorial layout
Two-column comparison
Large readable headings
Minimal visual decoration
Subtle hover effects
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-advantages {
width: 100%;
padding: 105px 20px;
background: #FFFFFF;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-advantages-inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-advantages-header {
max-width: 900px;
margin: 0 auto 52px;
text-align: center;
}
/* =========================================================
EYEBROW
========================================================= */
.ot-ded-advantages-eyebrow {
display: inline-block;
margin-bottom: 16px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
/* =========================================================
HEADING
========================================================= */
.ot-ded-advantages-header h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-advantages-header h2 span {
display: block;
color: #556B2F !important;
}
/* =========================================================
DIVIDER
========================================================= */
.ot-ded-advantages-divider {
width: 60px;
height: 3px;
margin: 23px auto 27px;
background: #C8A45C;
border-radius: 50px;
}
/* =========================================================
HEADER TEXT
========================================================= */
.ot-ded-advantages-header > p {
max-width: 840px;
margin: 0 auto !important;
color: #666666 !important;
font-size: 17px !important;
line-height: 1.85 !important;
}
/* =========================================================
INTRO
========================================================= */
.ot-ded-advantages-intro {
display: grid;
grid-template-columns:
180px minmax(0, 1fr);
gap: 40px;
max-width: 1050px;
margin: 0 auto 55px;
padding: 28px 0;
border-top: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
}
/* =========================================================
INTRO LABEL
========================================================= */
.ot-ded-advantages-intro-label {
padding-top: 4px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
INTRO HEADING
========================================================= */
.ot-ded-advantages-intro-content h3 {
max-width: 780px;
margin: 0 0 9px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 25px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
INTRO TEXT
========================================================= */
.ot-ded-advantages-intro-content p {
max-width: 800px;
margin: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.85 !important;
}
/* =========================================================
MAIN GRID
========================================================= */
.ot-ded-advantages-grid {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap: 45px;
max-width: 1050px;
margin: 0 auto;
}
/* =========================================================
COLUMNS
========================================================= */
.ot-ded-advantages-column {
min-width: 0;
padding: 35px;
border: 1px solid #DDD5C7;
border-radius: 12px;
box-sizing: border-box;
}
/* =========================================================
POSITIVE COLUMN
========================================================= */
.ot-ded-advantages-positive {
background: #F7F9F2;
border-color: #D8DEC8;
}
/* =========================================================
CONSIDERATION COLUMN
========================================================= */
.ot-ded-advantages-consider {
background: #FCFAF6;
}
/* =========================================================
COLUMN HEADER
========================================================= */
.ot-ded-advantages-column-header {
padding-bottom: 24px;
margin-bottom: 4px;
border-bottom: 1px solid #DCD5C8;
}
/* =========================================================
COLUMN LABEL
========================================================= */
.ot-ded-advantages-column-header > span {
display: block;
margin-bottom: 8px;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
POSITIVE LABEL
========================================================= */
.ot-ded-advantages-positive
.ot-ded-advantages-column-header > span {
color: #556B2F !important;
}
/* =========================================================
CONSIDERATION LABEL
========================================================= */
.ot-ded-advantages-consider
.ot-ded-advantages-column-header > span {
color: #A27B36 !important;
}
/* =========================================================
COLUMN HEADING
========================================================= */
.ot-ded-advantages-column-header h3 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 27px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
}
/* =========================================================
ITEM
========================================================= */
.ot-ded-advantage-item {
display: grid;
grid-template-columns:
40px minmax(0, 1fr);
gap: 16px;
padding: 23px 0;
border-bottom: 1px solid #DCD5C8;
}
.ot-ded-advantage-item:last-child {
border-bottom: 0;
padding-bottom: 0;
}
/* =========================================================
NUMBER
========================================================= */
.ot-ded-advantage-number {
padding-top: 1px;
color: #B18A43 !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.4;
}
/* =========================================================
ADVANTAGE HEADING
========================================================= */
.ot-ded-advantage-content h4 {
margin: 0 0 7px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 18px !important;
line-height: 1.45 !important;
font-weight: 700 !important;
transition: color 0.3s ease;
}
/* =========================================================
HOVER
========================================================= */
.ot-ded-advantage-item:hover
.ot-ded-advantage-content h4 {
color: #556B2F !important;
}
/* =========================================================
CONSIDERATION HOVER
========================================================= */
.ot-ded-advantages-consider
.ot-ded-advantage-item:hover
.ot-ded-advantage-content h4 {
color: #A27B36 !important;
}
/* =========================================================
ITEM TEXT
========================================================= */
.ot-ded-advantage-content p {
margin: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
DECISION STRIP
========================================================= */
.ot-ded-advantages-decision {
display: grid;
grid-template-columns:
130px minmax(0, 1fr);
gap: 30px;
max-width: 1050px;
margin: 45px auto 0;
padding: 27px 0;
border-top: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
}
/* =========================================================
DECISION LABEL
========================================================= */
.ot-ded-advantages-decision-label {
padding-top: 3px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
DECISION HEADING
========================================================= */
.ot-ded-advantages-decision-content h3 {
max-width: 800px;
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 22px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
DECISION TEXT
========================================================= */
.ot-ded-advantages-decision-content p {
max-width: 850px;
margin: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-advantages {
padding: 85px 20px;
}
.ot-ded-advantages-header h2 {
font-size: 38px !important;
}
.ot-ded-advantages-grid {
grid-template-columns: 1fr;
max-width: 760px;
}
.ot-ded-advantages-intro {
max-width: 760px;
}
.ot-ded-advantages-decision {
max-width: 760px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-advantages {
padding: 70px 18px;
}
/* Header */
.ot-ded-advantages-header {
margin-bottom: 38px;
}
.ot-ded-advantages-eyebrow {
margin-bottom: 13px;
font-size: 11px !important;
letter-spacing: 1.5px;
}
.ot-ded-advantages-header h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-advantages-header > p {
font-size: 16px !important;
line-height: 1.8 !important;
}
/* Intro */
.ot-ded-advantages-intro {
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 38px;
padding: 23px 0;
}
.ot-ded-advantages-intro-content h3 {
font-size: 21px !important;
}
.ot-ded-advantages-intro-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Columns */
.ot-ded-advantages-grid {
gap: 25px;
}
.ot-ded-advantages-column {
padding: 25px 22px;
border-radius: 10px;
}
.ot-ded-advantages-column-header {
padding-bottom: 20px;
}
.ot-ded-advantages-column-header h3 {
font-size: 23px !important;
}
/* Items */
.ot-ded-advantage-item {
grid-template-columns:
34px minmax(0, 1fr);
gap: 12px;
padding: 20px 0;
}
.ot-ded-advantage-number {
font-size: 16px !important;
}
.ot-ded-advantage-content h4 {
font-size: 17px !important;
}
.ot-ded-advantage-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Bottom */
.ot-ded-advantages-decision {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 30px;
padding: 23px 0;
}
.ot-ded-advantages-decision-content h3 {
font-size: 20px !important;
}
.ot-ded-advantages-decision-content p {
font-size: 13px !important;
line-height: 1.8 !important;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-advantage-content h4 {
transition: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b43fa1 *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 12
RENEWAL & COMPLIANCE
DESIGN:
Clean editorial layout
Renewal cycle
Compliance grid
Minimal decoration
Subtle hover effects
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-renewal {
width: 100%;
padding: 105px 20px;
background: #F7F4EE;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-renewal-inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-renewal-header {
max-width: 900px;
margin: 0 auto 52px;
text-align: center;
}
/* =========================================================
EYEBROW
========================================================= */
.ot-ded-renewal-eyebrow {
display: inline-block;
margin-bottom: 16px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
/* =========================================================
HEADING
========================================================= */
.ot-ded-renewal-header h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-renewal-header h2 span {
display: block;
color: #556B2F !important;
}
/* =========================================================
DIVIDER
========================================================= */
.ot-ded-renewal-divider {
width: 60px;
height: 3px;
margin: 23px auto 27px;
background: #C8A45C;
border-radius: 50px;
}
/* =========================================================
HEADER TEXT
========================================================= */
.ot-ded-renewal-header > p {
max-width: 850px;
margin: 0 auto !important;
color: #666666 !important;
font-size: 17px !important;
line-height: 1.85 !important;
}
/* =========================================================
INTRO
========================================================= */
.ot-ded-renewal-intro {
display: grid;
grid-template-columns:
180px minmax(0, 1fr);
gap: 40px;
max-width: 1050px;
margin: 0 auto 55px;
padding: 28px 0;
border-top: 1px solid #D9D0C0;
border-bottom: 1px solid #D9D0C0;
box-sizing: border-box;
}
/* =========================================================
INTRO LABEL
========================================================= */
.ot-ded-renewal-intro-label {
padding-top: 4px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
INTRO HEADING
========================================================= */
.ot-ded-renewal-intro-content h3 {
max-width: 800px;
margin: 0 0 9px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 25px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
INTRO TEXT
========================================================= */
.ot-ded-renewal-intro-content p {
max-width: 820px;
margin: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.85 !important;
}
/* =========================================================
RENEWAL CYCLE
========================================================= */
.ot-ded-renewal-cycle {
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
max-width: 1050px;
margin: 0 auto;
border-top: 1px solid #D9D0C0;
border-bottom: 1px solid #D9D0C0;
background: #FFFFFF;
box-sizing: border-box;
}
/* =========================================================
CYCLE ITEM
========================================================= */
.ot-ded-renewal-cycle-item {
min-width: 0;
padding: 30px 24px;
border-right: 1px solid #D9D0C0;
box-sizing: border-box;
transition:
background-color 0.3s ease;
}
.ot-ded-renewal-cycle-item:first-child {
border-left: 0;
}
.ot-ded-renewal-cycle-item:last-child {
border-right: 0;
}
/* =========================================================
CYCLE HOVER
========================================================= */
.ot-ded-renewal-cycle-item:hover {
background: #FBFAF6;
}
/* =========================================================
CYCLE NUMBER
========================================================= */
.ot-ded-renewal-cycle-number {
margin-bottom: 22px;
color: #B18A43 !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1;
}
/* =========================================================
CYCLE META
========================================================= */
.ot-ded-renewal-cycle-content > span {
display: block;
margin-bottom: 7px;
color: #556B2F !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
/* =========================================================
CYCLE HEADING
========================================================= */
.ot-ded-renewal-cycle-content h3 {
margin: 0 0 9px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 19px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
CYCLE TEXT
========================================================= */
.ot-ded-renewal-cycle-content p {
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
COMPLIANCE HEADER
========================================================= */
.ot-ded-renewal-compliance-header {
max-width: 1050px;
margin: 65px auto 28px;
}
/* =========================================================
COMPLIANCE LABEL
========================================================= */
.ot-ded-renewal-compliance-header > span {
display: block;
margin-bottom: 8px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
COMPLIANCE HEADING
========================================================= */
.ot-ded-renewal-compliance-header h3 {
max-width: 780px;
margin: 0 0 9px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 27px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
COMPLIANCE INTRO
========================================================= */
.ot-ded-renewal-compliance-header p {
max-width: 820px;
margin: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.8 !important;
}
/* =========================================================
COMPLIANCE GRID
========================================================= */
.ot-ded-renewal-compliance {
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
max-width: 1050px;
margin: 0 auto;
background: #FFFFFF;
border-top: 1px solid #D9D0C0;
border-left: 1px solid #D9D0C0;
box-sizing: border-box;
}
/* =========================================================
COMPLIANCE ITEM
========================================================= */
.ot-ded-renewal-compliance-item {
display: grid;
grid-template-columns:
38px minmax(0, 1fr);
gap: 14px;
min-width: 0;
padding: 25px 22px;
border-right: 1px solid #D9D0C0;
border-bottom: 1px solid #D9D0C0;
box-sizing: border-box;
transition:
background-color 0.3s ease;
}
/* =========================================================
COMPLIANCE HOVER
========================================================= */
.ot-ded-renewal-compliance-item:hover {
background: #FBFAF6;
}
/* =========================================================
COMPLIANCE NUMBER
========================================================= */
.ot-ded-renewal-compliance-number {
padding-top: 1px;
color: #B18A43 !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.4;
}
/* =========================================================
COMPLIANCE HEADING
========================================================= */
.ot-ded-renewal-compliance-item h4 {
margin: 0 0 7px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 17px !important;
line-height: 1.45 !important;
font-weight: 700 !important;
transition: color 0.3s ease;
}
.ot-ded-renewal-compliance-item:hover h4 {
color: #556B2F !important;
}
/* =========================================================
COMPLIANCE TEXT
========================================================= */
.ot-ded-renewal-compliance-item p {
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
WARNING
========================================================= */
.ot-ded-renewal-warning {
display: grid;
grid-template-columns:
110px minmax(0, 1fr);
gap: 30px;
max-width: 1050px;
margin: 40px auto 0;
padding: 24px 0;
border-top: 1px solid #D9D0C0;
border-bottom: 1px solid #D9D0C0;
box-sizing: border-box;
}
/* =========================================================
WARNING LABEL
========================================================= */
.ot-ded-renewal-warning-label {
padding-top: 3px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
WARNING HEADING
========================================================= */
.ot-ded-renewal-warning-content h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 21px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
WARNING TEXT
========================================================= */
.ot-ded-renewal-warning-content p {
max-width: 850px;
margin: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
CTA
========================================================= */
.ot-ded-renewal-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
max-width: 1050px;
margin: 42px auto 0;
padding: 30px 32px;
background: #2C2C2C;
border-radius: 10px;
box-sizing: border-box;
}
/* =========================================================
CTA LABEL
========================================================= */
.ot-ded-renewal-cta-content > span {
display: block;
margin-bottom: 7px;
color: #C8A45C !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
CTA HEADING
========================================================= */
.ot-ded-renewal-cta-content h3 {
margin: 0 !important;
padding: 0 !important;
color: #FFFFFF !important;
font-size: 22px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
CTA BUTTON
========================================================= */
.ot-ded-renewal-cta-button {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
min-height: 48px;
padding: 0 24px;
background: #C8A45C;
color: #2C2C2C !important;
border: 1px solid #C8A45C;
border-radius: 5px;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.3;
transition:
background-color 0.3s ease,
border-color 0.3s ease,
transform 0.3s ease;
}
.ot-ded-renewal-cta-button:hover {
background: #D6B875;
border-color: #D6B875;
color: #2C2C2C !important;
text-decoration: none !important;
transform: translateY(-2px);
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-renewal {
padding: 85px 20px;
}
.ot-ded-renewal-header h2 {
font-size: 38px !important;
}
.ot-ded-renewal-cycle {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.ot-ded-renewal-cycle-item:nth-child(2) {
border-right: 0;
}
.ot-ded-renewal-cycle-item:nth-child(3),
.ot-ded-renewal-cycle-item:nth-child(4) {
border-top: 1px solid #D9D0C0;
}
.ot-ded-renewal-compliance {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-renewal {
padding: 70px 18px;
}
/* Header */
.ot-ded-renewal-header {
margin-bottom: 38px;
}
.ot-ded-renewal-eyebrow {
margin-bottom: 13px;
font-size: 11px !important;
letter-spacing: 1.5px;
}
.ot-ded-renewal-header h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-renewal-header > p {
font-size: 16px !important;
line-height: 1.8 !important;
}
/* Intro */
.ot-ded-renewal-intro {
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 38px;
padding: 23px 0;
}
.ot-ded-renewal-intro-content h3 {
font-size: 21px !important;
}
.ot-ded-renewal-intro-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Cycle */
.ot-ded-renewal-cycle {
display: block;
}
.ot-ded-renewal-cycle-item {
display: grid;
grid-template-columns:
42px minmax(0, 1fr);
gap: 15px;
padding: 22px 20px;
border-right: 0;
border-bottom: 1px solid #D9D0C0;
}
.ot-ded-renewal-cycle-item:nth-child(2) {
border-right: 0;
}
.ot-ded-renewal-cycle-item:nth-child(3),
.ot-ded-renewal-cycle-item:nth-child(4) {
border-top: 0;
}
.ot-ded-renewal-cycle-item:last-child {
border-bottom: 0;
}
.ot-ded-renewal-cycle-number {
margin-bottom: 0;
font-size: 17px !important;
}
.ot-ded-renewal-cycle-content h3 {
font-size: 18px !important;
}
.ot-ded-renewal-cycle-content p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* Compliance */
.ot-ded-renewal-compliance-header {
margin-top: 45px;
}
.ot-ded-renewal-compliance-header h3 {
font-size: 22px !important;
}
.ot-ded-renewal-compliance-header p {
font-size: 14px !important;
line-height: 1.8 !important;
}
.ot-ded-renewal-compliance {
display: block;
}
.ot-ded-renewal-compliance-item {
grid-template-columns:
36px minmax(0, 1fr);
gap: 12px;
padding: 21px 18px;
}
.ot-ded-renewal-compliance-number {
font-size: 15px !important;
}
.ot-ded-renewal-compliance-item h4 {
font-size: 17px !important;
}
.ot-ded-renewal-compliance-item p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* Warning */
.ot-ded-renewal-warning {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 30px;
padding: 22px 0;
}
.ot-ded-renewal-warning-content h3 {
font-size: 20px !important;
}
.ot-ded-renewal-warning-content p {
font-size: 13px !important;
line-height: 1.8 !important;
}
/* CTA */
.ot-ded-renewal-cta {
display: block;
margin-top: 30px;
padding: 25px 22px;
}
.ot-ded-renewal-cta-content h3 {
font-size: 20px !important;
}
.ot-ded-renewal-cta-button {
width: 100%;
margin-top: 20px;
box-sizing: border-box;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-renewal-cycle-item,
.ot-ded-renewal-compliance-item,
.ot-ded-renewal-cta-button {
transition: none !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d8a0b9 *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 13
DOCUMENTS REQUIRED
DESIGN:
Clean editorial document layout
No decorative icons
Clear numbering
Large readable typography
Subtle hover effects
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-documents {
width: 100%;
padding: 105px 20px;
background: #FFFFFF;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-documents-inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-documents-header {
max-width: 900px;
margin: 0 auto 52px;
text-align: center;
}
/* =========================================================
EYEBROW
========================================================= */
.ot-ded-documents-eyebrow {
display: inline-block;
margin-bottom: 16px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
/* =========================================================
MAIN HEADING
========================================================= */
.ot-ded-documents-header h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-documents-header h2 span {
display: block;
color: #556B2F !important;
}
/* =========================================================
DIVIDER
========================================================= */
.ot-ded-documents-divider {
width: 60px;
height: 3px;
margin: 23px auto 27px;
background: #C8A45C;
border-radius: 50px;
}
/* =========================================================
HEADER TEXT
========================================================= */
.ot-ded-documents-header > p {
max-width: 850px;
margin: 0 auto !important;
color: #666666 !important;
font-size: 17px !important;
line-height: 1.85 !important;
}
/* =========================================================
INTRO
========================================================= */
.ot-ded-documents-intro {
display: grid;
grid-template-columns:
180px minmax(0, 1fr);
gap: 40px;
max-width: 1050px;
margin: 0 auto 60px;
padding: 28px 0;
border-top: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
box-sizing: border-box;
}
/* =========================================================
INTRO LABEL
========================================================= */
.ot-ded-documents-intro-label {
padding-top: 4px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
INTRO HEADING
========================================================= */
.ot-ded-documents-intro-content h3 {
max-width: 800px;
margin: 0 0 9px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 25px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
INTRO TEXT
========================================================= */
.ot-ded-documents-intro-content p {
max-width: 820px;
margin: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.85 !important;
}
/* =========================================================
CORE DOCUMENT SECTION
========================================================= */
.ot-ded-documents-section {
max-width: 1050px;
margin: 0 auto;
}
/* =========================================================
SECTION HEADING
========================================================= */
.ot-ded-documents-section-heading {
margin-bottom: 28px;
}
.ot-ded-documents-section-heading > span {
display: block;
margin-bottom: 8px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-documents-section-heading h3 {
max-width: 800px;
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 27px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
DOCUMENT LIST
========================================================= */
.ot-ded-documents-list {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
border-top: 1px solid #DDD5C7;
border-left: 1px solid #DDD5C7;
background: #FFFFFF;
box-sizing: border-box;
}
/* =========================================================
DOCUMENT ITEM
========================================================= */
.ot-ded-document-item {
display: grid;
grid-template-columns:
45px minmax(0, 1fr);
gap: 18px;
min-width: 0;
padding: 28px 25px;
border-right: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
box-sizing: border-box;
transition:
background-color 0.3s ease;
}
/* =========================================================
DOCUMENT HOVER
========================================================= */
.ot-ded-document-item:hover {
background: #FAF9F5;
}
/* =========================================================
DOCUMENT NUMBER
========================================================= */
.ot-ded-document-number {
color: #B18A43 !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.4;
}
/* =========================================================
DOCUMENT HEADING
========================================================= */
.ot-ded-document-content h4 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 18px !important;
line-height: 1.45 !important;
font-weight: 700 !important;
transition: color 0.3s ease;
}
.ot-ded-document-item:hover
.ot-ded-document-content h4 {
color: #556B2F !important;
}
/* =========================================================
DOCUMENT TEXT
========================================================= */
.ot-ded-document-content p {
margin: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
ADDITIONAL DOCUMENTS
========================================================= */
.ot-ded-documents-additional {
max-width: 1050px;
margin: 65px auto 0;
padding-top: 45px;
border-top: 1px solid #DDD5C7;
}
/* =========================================================
ADDITIONAL HEADING
========================================================= */
.ot-ded-documents-additional-heading {
max-width: 800px;
margin-bottom: 28px;
}
.ot-ded-documents-additional-heading > span {
display: block;
margin-bottom: 8px;
color: #556B2F !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-documents-additional-heading h3 {
margin: 0 0 9px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 27px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
.ot-ded-documents-additional-heading p {
margin: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.8 !important;
}
/* =========================================================
ADDITIONAL LIST
========================================================= */
.ot-ded-documents-additional-list {
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
border-top: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
}
/* =========================================================
ADDITIONAL ITEM
========================================================= */
.ot-ded-document-extra {
min-width: 0;
padding: 24px 20px;
border-right: 1px solid #DDD5C7;
box-sizing: border-box;
transition:
background-color 0.3s ease;
}
.ot-ded-document-extra:first-child {
padding-left: 0;
}
.ot-ded-document-extra:last-child {
border-right: 0;
}
/* =========================================================
ADDITIONAL HOVER
========================================================= */
.ot-ded-document-extra:hover {
background: #FAF9F5;
}
/* =========================================================
ADDITIONAL TITLE
========================================================= */
.ot-ded-document-extra strong {
display: block;
margin-bottom: 8px;
color: #2C2C2C !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.45;
}
/* =========================================================
ADDITIONAL TEXT
========================================================= */
.ot-ded-document-extra p {
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
DOCUMENT CHECK
========================================================= */
.ot-ded-documents-check {
display: grid;
grid-template-columns:
130px minmax(0, 1fr);
gap: 30px;
max-width: 1050px;
margin: 40px auto 0;
padding: 25px 0;
border-top: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
box-sizing: border-box;
}
/* =========================================================
CHECK LABEL
========================================================= */
.ot-ded-documents-check-label {
padding-top: 3px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
CHECK HEADING
========================================================= */
.ot-ded-documents-check-content h3 {
max-width: 800px;
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 21px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
CHECK TEXT
========================================================= */
.ot-ded-documents-check-content p {
max-width: 850px;
margin: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
CTA
========================================================= */
.ot-ded-documents-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
max-width: 1050px;
margin: 42px auto 0;
padding: 30px 32px;
background: #2C2C2C;
border-radius: 10px;
box-sizing: border-box;
}
/* =========================================================
CTA CONTENT
========================================================= */
.ot-ded-documents-cta-content > span {
display: block;
margin-bottom: 7px;
color: #C8A45C !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-documents-cta-content h3 {
margin: 0 !important;
padding: 0 !important;
color: #FFFFFF !important;
font-size: 22px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
CTA BUTTON
========================================================= */
.ot-ded-documents-cta-button {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
min-height: 48px;
padding: 0 24px;
background: #C8A45C;
color: #2C2C2C !important;
border: 1px solid #C8A45C;
border-radius: 5px;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.3;
transition:
background-color 0.3s ease,
border-color 0.3s ease,
transform 0.3s ease;
}
.ot-ded-documents-cta-button:hover {
background: #D6B875;
border-color: #D6B875;
color: #2C2C2C !important;
text-decoration: none !important;
transform: translateY(-2px);
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-documents {
padding: 85px 20px;
}
.ot-ded-documents-header h2 {
font-size: 38px !important;
}
.ot-ded-documents-list {
grid-template-columns: 1fr;
}
.ot-ded-documents-additional-list {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.ot-ded-document-extra:nth-child(2) {
border-right: 0;
}
.ot-ded-document-extra:nth-child(3),
.ot-ded-document-extra:nth-child(4) {
border-top: 1px solid #DDD5C7;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-documents {
padding: 70px 18px;
}
/* Header */
.ot-ded-documents-header {
margin-bottom: 38px;
}
.ot-ded-documents-eyebrow {
margin-bottom: 13px;
font-size: 11px !important;
letter-spacing: 1.5px;
}
.ot-ded-documents-header h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-documents-header > p {
font-size: 16px !important;
line-height: 1.8 !important;
}
/* Intro */
.ot-ded-documents-intro {
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 40px;
padding: 23px 0;
}
.ot-ded-documents-intro-content h3 {
font-size: 21px !important;
}
.ot-ded-documents-intro-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Core heading */
.ot-ded-documents-section-heading h3 {
font-size: 22px !important;
}
/* Document list */
.ot-ded-documents-list {
display: block;
}
.ot-ded-document-item {
grid-template-columns:
38px minmax(0, 1fr);
gap: 13px;
padding: 22px 18px;
}
.ot-ded-document-number {
font-size: 16px !important;
}
.ot-ded-document-content h4 {
font-size: 17px !important;
}
.ot-ded-document-content p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* Additional */
.ot-ded-documents-additional {
margin-top: 45px;
padding-top: 35px;
}
.ot-ded-documents-additional-heading h3 {
font-size: 22px !important;
}
.ot-ded-documents-additional-heading p {
font-size: 14px !important;
line-height: 1.8 !important;
}
.ot-ded-documents-additional-list {
display: block;
}
.ot-ded-document-extra {
padding: 20px 0;
border-right: 0;
border-bottom: 1px solid #DDD5C7;
}
.ot-ded-document-extra:first-child {
padding-left: 0;
}
.ot-ded-document-extra:last-child {
border-bottom: 0;
}
.ot-ded-document-extra strong {
font-size: 16px !important;
}
.ot-ded-document-extra p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* Check */
.ot-ded-documents-check {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 30px;
padding: 22px 0;
}
.ot-ded-documents-check-content h3 {
font-size: 20px !important;
}
.ot-ded-documents-check-content p {
font-size: 13px !important;
line-height: 1.8 !important;
}
/* CTA */
.ot-ded-documents-cta {
display: block;
margin-top: 30px;
padding: 25px 22px;
}
.ot-ded-documents-cta-content h3 {
font-size: 20px !important;
}
.ot-ded-documents-cta-button {
width: 100%;
margin-top: 20px;
box-sizing: border-box;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-document-item,
.ot-ded-document-extra,
.ot-ded-documents-cta-button {
transition: none !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b19d91 *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 14
ADDITIONAL APPROVALS & REGULATED ACTIVITIES
DESIGN:
Editorial approval pathway
Clean authority grid
No decorative icons
Clear typography
Subtle interaction only
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-approvals {
width: 100%;
padding: 105px 20px;
background: #F7F4EE;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-approvals-inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-approvals-header {
max-width: 900px;
margin: 0 auto 52px;
text-align: center;
}
/* =========================================================
EYEBROW
========================================================= */
.ot-ded-approvals-eyebrow {
display: inline-block;
margin-bottom: 16px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
/* =========================================================
MAIN HEADING
========================================================= */
.ot-ded-approvals-header h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-approvals-header h2 span {
display: block;
color: #556B2F !important;
}
/* =========================================================
DIVIDER
========================================================= */
.ot-ded-approvals-divider {
width: 60px;
height: 3px;
margin: 23px auto 27px;
background: #C8A45C;
border-radius: 50px;
}
/* =========================================================
HEADER TEXT
========================================================= */
.ot-ded-approvals-header > p {
max-width: 850px;
margin: 0 auto !important;
color: #666666 !important;
font-size: 17px !important;
line-height: 1.85 !important;
}
/* =========================================================
KEY MESSAGE
========================================================= */
.ot-ded-approvals-message {
display: grid;
grid-template-columns:
150px minmax(0, 1fr);
gap: 35px;
max-width: 1050px;
margin: 0 auto 55px;
padding: 28px 0;
border-top: 1px solid #D9D0C0;
border-bottom: 1px solid #D9D0C0;
box-sizing: border-box;
}
/* =========================================================
MESSAGE LABEL
========================================================= */
.ot-ded-approvals-message-label {
padding-top: 4px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
MESSAGE HEADING
========================================================= */
.ot-ded-approvals-message-content h3 {
max-width: 800px;
margin: 0 0 9px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 25px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
MESSAGE TEXT
========================================================= */
.ot-ded-approvals-message-content p {
max-width: 820px;
margin: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.85 !important;
}
/* =========================================================
APPROVAL PATHWAY
========================================================= */
.ot-ded-approvals-pathway {
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
max-width: 1050px;
margin: 0 auto;
background: #FFFFFF;
border-top: 1px solid #D9D0C0;
border-left: 1px solid #D9D0C0;
box-sizing: border-box;
}
/* =========================================================
STEP
========================================================= */
.ot-ded-approval-step {
min-width: 0;
padding: 30px 24px;
border-right: 1px solid #D9D0C0;
border-bottom: 1px solid #D9D0C0;
box-sizing: border-box;
transition:
background-color 0.3s ease;
}
.ot-ded-approval-step:hover {
background: #FBFAF6;
}
/* =========================================================
STEP NUMBER
========================================================= */
.ot-ded-approval-step-number {
margin-bottom: 21px;
color: #B18A43 !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1;
}
/* =========================================================
STEP LABEL
========================================================= */
.ot-ded-approval-step-content > span {
display: block;
margin-bottom: 7px;
color: #556B2F !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.4px;
line-height: 1.5;
}
/* =========================================================
STEP HEADING
========================================================= */
.ot-ded-approval-step-content h3 {
margin: 0 0 9px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 19px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
STEP TEXT
========================================================= */
.ot-ded-approval-step-content p {
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
AUTHORITIES SECTION
========================================================= */
.ot-ded-authorities {
max-width: 1050px;
margin: 65px auto 0;
}
/* =========================================================
AUTHORITY HEADER
========================================================= */
.ot-ded-authorities-header {
max-width: 800px;
margin-bottom: 28px;
}
.ot-ded-authorities-header > span {
display: block;
margin-bottom: 8px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-authorities-header h3 {
margin: 0 0 9px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 27px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
.ot-ded-authorities-header p {
margin: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.8 !important;
}
/* =========================================================
AUTHORITY GRID
========================================================= */
.ot-ded-authorities-grid {
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
background: #FFFFFF;
border-top: 1px solid #D9D0C0;
border-left: 1px solid #D9D0C0;
box-sizing: border-box;
}
/* =========================================================
AUTHORITY ITEM
========================================================= */
.ot-ded-authority-item {
display: grid;
grid-template-columns:
38px minmax(0, 1fr);
gap: 14px;
min-width: 0;
padding: 25px 22px;
border-right: 1px solid #D9D0C0;
border-bottom: 1px solid #D9D0C0;
box-sizing: border-box;
transition:
background-color 0.3s ease;
}
.ot-ded-authority-item:hover {
background: #FBFAF6;
}
/* =========================================================
AUTHORITY NUMBER
========================================================= */
.ot-ded-authority-number {
color: #B18A43 !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.4;
}
/* =========================================================
AUTHORITY HEADING
========================================================= */
.ot-ded-authority-item h4 {
margin: 0 0 7px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 17px !important;
line-height: 1.45 !important;
font-weight: 700 !important;
transition: color 0.3s ease;
}
.ot-ded-authority-item:hover h4 {
color: #556B2F !important;
}
/* =========================================================
AUTHORITY TEXT
========================================================= */
.ot-ded-authority-item p {
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
WARNING
========================================================= */
.ot-ded-approvals-warning {
display: grid;
grid-template-columns:
130px minmax(0, 1fr);
gap: 30px;
max-width: 1050px;
margin: 40px auto 0;
padding: 25px 0;
border-top: 1px solid #D9D0C0;
border-bottom: 1px solid #D9D0C0;
box-sizing: border-box;
}
/* =========================================================
WARNING LABEL
========================================================= */
.ot-ded-approvals-warning-label {
padding-top: 3px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
WARNING HEADING
========================================================= */
.ot-ded-approvals-warning-content h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 21px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
WARNING TEXT
========================================================= */
.ot-ded-approvals-warning-content p {
max-width: 850px;
margin: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
CTA
========================================================= */
.ot-ded-approvals-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
max-width: 1050px;
margin: 42px auto 0;
padding: 30px 32px;
background: #2C2C2C;
border-radius: 10px;
box-sizing: border-box;
}
/* =========================================================
CTA LABEL
========================================================= */
.ot-ded-approvals-cta-content > span {
display: block;
margin-bottom: 7px;
color: #C8A45C !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
/* =========================================================
CTA HEADING
========================================================= */
.ot-ded-approvals-cta-content h3 {
margin: 0 !important;
padding: 0 !important;
color: #FFFFFF !important;
font-size: 22px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
CTA BUTTON
========================================================= */
.ot-ded-approvals-cta-button {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
min-height: 48px;
padding: 0 24px;
background: #C8A45C;
color: #2C2C2C !important;
border: 1px solid #C8A45C;
border-radius: 5px;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.3;
transition:
background-color 0.3s ease,
border-color 0.3s ease,
transform 0.3s ease;
}
.ot-ded-approvals-cta-button:hover {
background: #D6B875;
border-color: #D6B875;
color: #2C2C2C !important;
text-decoration: none !important;
transform: translateY(-2px);
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-approvals {
padding: 85px 20px;
}
.ot-ded-approvals-header h2 {
font-size: 38px !important;
}
.ot-ded-approvals-pathway {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.ot-ded-approval-step:nth-child(2) {
border-right: 0;
}
.ot-ded-approval-step:nth-child(3),
.ot-ded-approval-step:nth-child(4) {
border-top: 0;
}
.ot-ded-authorities-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.ot-ded-authority-item:nth-child(2n) {
border-right: 1px solid #D9D0C0;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-approvals {
padding: 70px 18px;
}
/* Header */
.ot-ded-approvals-header {
margin-bottom: 38px;
}
.ot-ded-approvals-eyebrow {
margin-bottom: 13px;
font-size: 11px !important;
letter-spacing: 1.5px;
}
.ot-ded-approvals-header h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-approvals-header > p {
font-size: 16px !important;
line-height: 1.8 !important;
}
/* Message */
.ot-ded-approvals-message {
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 40px;
padding: 23px 0;
}
.ot-ded-approvals-message-content h3 {
font-size: 21px !important;
}
.ot-ded-approvals-message-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Pathway */
.ot-ded-approvals-pathway {
display: block;
}
.ot-ded-approval-step {
display: grid;
grid-template-columns:
42px minmax(0, 1fr);
gap: 15px;
padding: 22px 20px;
border-right: 0;
border-bottom: 1px solid #D9D0C0;
}
.ot-ded-approval-step:nth-child(2),
.ot-ded-approval-step:nth-child(3),
.ot-ded-approval-step:nth-child(4) {
border-top: 0;
}
.ot-ded-approval-step:last-child {
border-bottom: 0;
}
.ot-ded-approval-step-number {
margin-bottom: 0;
font-size: 17px !important;
}
.ot-ded-approval-step-content h3 {
font-size: 18px !important;
}
.ot-ded-approval-step-content p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* Authorities */
.ot-ded-authorities {
margin-top: 45px;
}
.ot-ded-authorities-header h3 {
font-size: 22px !important;
}
.ot-ded-authorities-header p {
font-size: 14px !important;
line-height: 1.8 !important;
}
.ot-ded-authorities-grid {
display: block;
}
.ot-ded-authority-item {
grid-template-columns:
36px minmax(0, 1fr);
gap: 12px;
padding: 21px 18px;
}
.ot-ded-authority-item h4 {
font-size: 17px !important;
}
.ot-ded-authority-item p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* Warning */
.ot-ded-approvals-warning {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 30px;
padding: 22px 0;
}
.ot-ded-approvals-warning-content h3 {
font-size: 20px !important;
}
.ot-ded-approvals-warning-content p {
font-size: 13px !important;
line-height: 1.8 !important;
}
/* CTA */
.ot-ded-approvals-cta {
display: block;
margin-top: 30px;
padding: 25px 22px;
}
.ot-ded-approvals-cta-content h3 {
font-size: 20px !important;
}
.ot-ded-approvals-cta-button {
width: 100%;
margin-top: 20px;
box-sizing: border-box;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-approval-step,
.ot-ded-authority-item,
.ot-ded-approvals-cta-button {
transition: none !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be7e884 *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 9
GENERAL TRADING VS SPECIFIC TRADING
DESIGN:
Focused comparison panels
Editorial decision guide
No unordered lists
Clear numbering
Strong readable typography
Subtle hover effects
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-trading {
width: 100%;
padding: 105px 20px;
background: #FFFFFF;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-trading-inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-trading-header {
max-width: 900px;
margin: 0 auto 52px;
text-align: center;
}
.ot-ded-trading-eyebrow {
display: inline-block;
margin-bottom: 16px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
.ot-ded-trading-header h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-trading-header h2 span {
display: block;
color: #556B2F !important;
}
.ot-ded-trading-divider {
width: 60px;
height: 3px;
margin: 23px auto 27px;
background: #C8A45C;
border-radius: 50px;
}
.ot-ded-trading-header > p {
max-width: 850px;
margin: 0 auto !important;
color: #666666 !important;
font-size: 17px !important;
line-height: 1.85 !important;
}
/* =========================================================
INTRO
========================================================= */
.ot-ded-trading-intro {
display: grid;
grid-template-columns:
180px minmax(0, 1fr);
gap: 40px;
max-width: 1050px;
margin: 0 auto 55px;
padding: 28px 0;
border-top: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
box-sizing: border-box;
}
.ot-ded-trading-intro-label {
padding-top: 4px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-trading-intro-content h3 {
max-width: 820px;
margin: 0 0 9px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 25px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
.ot-ded-trading-intro-content p {
max-width: 820px;
margin: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.85 !important;
}
/* =========================================================
MAIN COMPARISON
========================================================= */
.ot-ded-trading-comparison {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
max-width: 1050px;
margin: 0 auto;
gap: 25px;
box-sizing: border-box;
}
/* =========================================================
PANEL
========================================================= */
.ot-ded-trading-panel {
min-width: 0;
border: 1px solid #D9D0C0;
border-radius: 10px;
overflow: hidden;
background: #FFFFFF;
box-sizing: border-box;
transition:
box-shadow 0.3s ease,
transform 0.3s ease;
}
.ot-ded-trading-panel:hover {
box-shadow: 0 12px 30px rgba(44, 44, 44, 0.08);
transform: translateY(-2px);
}
/* =========================================================
GENERAL TOP
========================================================= */
.ot-ded-trading-panel.general
.ot-ded-trading-panel-top {
background: #2C2C2C;
}
.ot-ded-trading-panel.general
.ot-ded-trading-panel-top > span {
color: #C8A45C !important;
}
/* =========================================================
SPECIFIC TOP
========================================================= */
.ot-ded-trading-panel.specific
.ot-ded-trading-panel-top {
background: #F1EBDD;
}
.ot-ded-trading-panel.specific
.ot-ded-trading-panel-top > span {
color: #556B2F !important;
}
/* =========================================================
PANEL TOP
========================================================= */
.ot-ded-trading-panel-top {
min-height: 215px;
padding: 32px 30px;
box-sizing: border-box;
}
.ot-ded-trading-panel-top > span {
display: block;
margin-bottom: 10px;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-trading-panel.general
.ot-ded-trading-panel-top h3 {
color: #FFFFFF !important;
}
.ot-ded-trading-panel.specific
.ot-ded-trading-panel-top h3 {
color: #2C2C2C !important;
}
.ot-ded-trading-panel-top h3 {
margin: 0 0 11px !important;
padding: 0 !important;
font-size: 28px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
}
.ot-ded-trading-panel.general
.ot-ded-trading-panel-top p {
color: #D9D9D9 !important;
}
.ot-ded-trading-panel.specific
.ot-ded-trading-panel-top p {
color: #666666 !important;
}
.ot-ded-trading-panel-top p {
max-width: 470px;
margin: 0 !important;
font-size: 14px !important;
line-height: 1.75 !important;
}
/* =========================================================
PANEL BODY
========================================================= */
.ot-ded-trading-panel-body {
background: #FFFFFF;
}
/* =========================================================
FEATURE
========================================================= */
.ot-ded-trading-feature {
display: grid;
grid-template-columns:
145px minmax(0, 1fr);
gap: 20px;
padding: 23px 30px;
border-top: 1px solid #DDD5C7;
box-sizing: border-box;
transition:
background-color 0.3s ease;
}
.ot-ded-trading-feature:hover {
background: #FAF9F5;
}
/* =========================================================
FEATURE TITLE
========================================================= */
.ot-ded-trading-feature strong {
color: #2C2C2C !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.5;
}
/* =========================================================
FEATURE TEXT
========================================================= */
.ot-ded-trading-feature p {
margin: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.75 !important;
}
/* =========================================================
IMPORTANT
========================================================= */
.ot-ded-trading-important {
display: grid;
grid-template-columns:
130px minmax(0, 1fr);
gap: 30px;
max-width: 1050px;
margin: 40px auto 0;
padding: 25px 0;
border-top: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
box-sizing: border-box;
}
.ot-ded-trading-important-label {
padding-top: 3px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-trading-important-content h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 21px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
.ot-ded-trading-important-content p {
max-width: 850px;
margin: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
GUIDE
========================================================= */
.ot-ded-trading-guide {
max-width: 1050px;
margin: 65px auto 0;
}
.ot-ded-trading-guide-header {
max-width: 820px;
margin-bottom: 28px;
}
.ot-ded-trading-guide-header > span {
display: block;
margin-bottom: 8px;
color: #556B2F !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-trading-guide-header h3 {
margin: 0 0 9px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 27px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
.ot-ded-trading-guide-header p {
margin: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.8 !important;
}
/* =========================================================
GUIDE GRID
========================================================= */
.ot-ded-trading-guide-grid {
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
background: #F7F4EE;
border-top: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
box-sizing: border-box;
}
/* =========================================================
GUIDE ITEM
========================================================= */
.ot-ded-trading-guide-item {
display: grid;
grid-template-columns:
38px minmax(0, 1fr);
gap: 13px;
min-width: 0;
padding: 25px 20px;
border-right: 1px solid #DDD5C7;
box-sizing: border-box;
transition:
background-color 0.3s ease;
}
.ot-ded-trading-guide-item:first-child {
padding-left: 0;
}
.ot-ded-trading-guide-item:last-child {
border-right: 0;
}
.ot-ded-trading-guide-item:hover {
background: #EFE9DD;
}
/* =========================================================
GUIDE NUMBER
========================================================= */
.ot-ded-trading-guide-number {
color: #B18A43 !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.4;
}
/* =========================================================
GUIDE HEADING
========================================================= */
.ot-ded-trading-guide-item h4 {
margin: 0 0 7px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 16px !important;
line-height: 1.45 !important;
font-weight: 700 !important;
transition: color 0.3s ease;
}
.ot-ded-trading-guide-item:hover h4 {
color: #556B2F !important;
}
/* =========================================================
GUIDE TEXT
========================================================= */
.ot-ded-trading-guide-item p {
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
NOTE
========================================================= */
.ot-ded-trading-note {
display: grid;
grid-template-columns:
130px minmax(0, 1fr);
gap: 30px;
max-width: 1050px;
margin: 40px auto 0;
padding: 25px 0;
border-top: 1px solid #DDD5C7;
border-bottom: 1px solid #DDD5C7;
box-sizing: border-box;
}
.ot-ded-trading-note-label {
padding-top: 3px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-trading-note-content h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 21px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
.ot-ded-trading-note-content p {
max-width: 850px;
margin: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
CTA
========================================================= */
.ot-ded-trading-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
max-width: 1050px;
margin: 42px auto 0;
padding: 30px 32px;
background: #2C2C2C;
border-radius: 10px;
box-sizing: border-box;
}
.ot-ded-trading-cta-content > span {
display: block;
margin-bottom: 7px;
color: #C8A45C !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-trading-cta-content h3 {
margin: 0 !important;
padding: 0 !important;
color: #FFFFFF !important;
font-size: 22px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
.ot-ded-trading-cta-button {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
min-height: 48px;
padding: 0 24px;
background: #C8A45C;
color: #2C2C2C !important;
border: 1px solid #C8A45C;
border-radius: 5px;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.3;
transition:
background-color 0.3s ease,
border-color 0.3s ease,
transform 0.3s ease;
}
.ot-ded-trading-cta-button:hover {
background: #D6B875;
border-color: #D6B875;
color: #2C2C2C !important;
text-decoration: none !important;
transform: translateY(-2px);
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-trading {
padding: 85px 20px;
}
.ot-ded-trading-header h2 {
font-size: 38px !important;
}
.ot-ded-trading-comparison {
grid-template-columns: 1fr;
max-width: 760px;
}
.ot-ded-trading-guide-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.ot-ded-trading-guide-item:nth-child(2) {
border-right: 0;
}
.ot-ded-trading-guide-item:nth-child(3),
.ot-ded-trading-guide-item:nth-child(4) {
border-top: 1px solid #DDD5C7;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-trading {
padding: 70px 18px;
}
/* Header */
.ot-ded-trading-header {
margin-bottom: 38px;
}
.ot-ded-trading-eyebrow {
margin-bottom: 13px;
font-size: 11px !important;
letter-spacing: 1.5px;
}
.ot-ded-trading-header h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-trading-header > p {
font-size: 16px !important;
line-height: 1.8 !important;
}
/* Intro */
.ot-ded-trading-intro {
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 40px;
padding: 23px 0;
}
.ot-ded-trading-intro-content h3 {
font-size: 21px !important;
}
.ot-ded-trading-intro-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Panels */
.ot-ded-trading-comparison {
display: block;
}
.ot-ded-trading-panel {
margin-bottom: 22px;
}
.ot-ded-trading-panel:last-child {
margin-bottom: 0;
}
.ot-ded-trading-panel:hover {
transform: none;
}
.ot-ded-trading-panel-top {
min-height: auto;
padding: 27px 22px;
}
.ot-ded-trading-panel-top h3 {
font-size: 25px !important;
}
.ot-ded-trading-panel-top p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* Features */
.ot-ded-trading-feature {
display: block;
padding: 21px 22px;
}
.ot-ded-trading-feature strong {
display: block;
margin-bottom: 7px;
font-size: 16px !important;
}
.ot-ded-trading-feature p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* Important */
.ot-ded-trading-important {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 30px;
padding: 22px 0;
}
.ot-ded-trading-important-content h3 {
font-size: 20px !important;
}
.ot-ded-trading-important-content p {
font-size: 13px !important;
line-height: 1.8 !important;
}
/* Guide */
.ot-ded-trading-guide {
margin-top: 45px;
}
.ot-ded-trading-guide-header h3 {
font-size: 22px !important;
}
.ot-ded-trading-guide-header p {
font-size: 14px !important;
line-height: 1.8 !important;
}
.ot-ded-trading-guide-grid {
display: block;
}
.ot-ded-trading-guide-item {
grid-template-columns:
36px minmax(0, 1fr);
gap: 12px;
padding: 21px 18px;
border-right: 0;
border-bottom: 1px solid #DDD5C7;
}
.ot-ded-trading-guide-item:first-child {
padding-left: 18px;
}
.ot-ded-trading-guide-item:last-child {
border-bottom: 0;
}
.ot-ded-trading-guide-item h4 {
font-size: 17px !important;
}
.ot-ded-trading-guide-item p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* Note */
.ot-ded-trading-note {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 30px;
padding: 22px 0;
}
.ot-ded-trading-note-content h3 {
font-size: 20px !important;
}
.ot-ded-trading-note-content p {
font-size: 13px !important;
line-height: 1.8 !important;
}
/* CTA */
.ot-ded-trading-cta {
display: block;
margin-top: 30px;
padding: 25px 22px;
}
.ot-ded-trading-cta-content h3 {
font-size: 20px !important;
}
.ot-ded-trading-cta-button {
width: 100%;
margin-top: 20px;
box-sizing: border-box;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-trading-panel,
.ot-ded-trading-feature,
.ot-ded-trading-guide-item,
.ot-ded-trading-cta-button {
transition: none !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-08cef19 *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 11
LICENCE VALIDITY & RENEWAL
DESIGN:
Renewal highlight
Checkpoint cards
Four-stage renewal flow
Practical review panel
Clear typography
No browser bullets
Subtle hover effects
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-renewal {
width: 100%;
padding: 105px 20px;
background: #F7F4EE;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-renewal-inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-renewal-header {
max-width: 900px;
margin: 0 auto 52px;
text-align: center;
}
.ot-ded-renewal-eyebrow {
display: inline-block;
margin-bottom: 16px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
.ot-ded-renewal-header h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-renewal-header h2 span {
display: block;
color: #556B2F !important;
}
.ot-ded-renewal-divider {
width: 60px;
height: 3px;
margin: 23px auto 27px;
background: #C8A45C;
border-radius: 50px;
}
.ot-ded-renewal-header > p {
max-width: 850px;
margin: 0 auto !important;
color: #666666 !important;
font-size: 17px !important;
line-height: 1.85 !important;
}
/* =========================================================
HIGHLIGHT
========================================================= */
.ot-ded-renewal-highlight {
display: grid;
grid-template-columns:
90px minmax(0, 1fr);
gap: 30px;
max-width: 1050px;
margin: 0 auto 55px;
padding: 34px 36px;
background: #2C2C2C;
border-radius: 10px;
box-sizing: border-box;
transition:
transform 0.3s ease,
box-shadow 0.3s ease;
}
.ot-ded-renewal-highlight:hover {
transform: translateY(-2px);
box-shadow:
0 14px 32px rgba(44, 44, 44, 0.12);
}
/* =========================================================
HIGHLIGHT NUMBER
========================================================= */
.ot-ded-renewal-highlight-number {
color: #C8A45C !important;
font-size: 34px !important;
line-height: 1;
font-weight: 700 !important;
}
/* =========================================================
HIGHLIGHT LABEL
========================================================= */
.ot-ded-renewal-highlight-content > span {
display: block;
margin-bottom: 9px;
color: #C8A45C !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.6px;
line-height: 1.5;
}
/* =========================================================
HIGHLIGHT HEADING
========================================================= */
.ot-ded-renewal-highlight-content h3 {
max-width: 780px;
margin: 0 0 10px !important;
padding: 0 !important;
color: #FFFFFF !important;
font-size: 27px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
HIGHLIGHT TEXT
========================================================= */
.ot-ded-renewal-highlight-content p {
max-width: 820px;
margin: 0 !important;
color: #D8D8D8 !important;
font-size: 15px !important;
line-height: 1.85 !important;
}
/* =========================================================
CHECKPOINTS
========================================================= */
.ot-ded-renewal-checkpoints {
max-width: 1050px;
margin: 0 auto;
}
/* =========================================================
CHECKPOINT HEADER
========================================================= */
.ot-ded-renewal-checkpoints-header {
margin-bottom: 27px;
}
.ot-ded-renewal-checkpoints-header > span {
display: block;
margin-bottom: 8px;
color: #556B2F !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-renewal-checkpoints-header h3 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 27px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
CHECKPOINT GRID
========================================================= */
.ot-ded-renewal-checkpoints-grid {
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
background: #FFFFFF;
border-top: 1px solid #D9D0C0;
border-left: 1px solid #D9D0C0;
box-sizing: border-box;
}
/* =========================================================
CHECKPOINT
========================================================= */
.ot-ded-renewal-checkpoint {
display: grid;
grid-template-columns:
36px minmax(0, 1fr);
gap: 13px;
min-width: 0;
min-height: 220px;
padding: 25px 20px;
border-right: 1px solid #D9D0C0;
border-bottom: 1px solid #D9D0C0;
box-sizing: border-box;
transition:
background-color 0.3s ease;
}
.ot-ded-renewal-checkpoint:hover {
background: #FCFBF7;
}
/* =========================================================
CHECKPOINT NUMBER
========================================================= */
.ot-ded-renewal-checkpoint-number {
color: #B18A43 !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.4;
}
/* =========================================================
CHECKPOINT HEADING
========================================================= */
.ot-ded-renewal-checkpoint h4 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 17px !important;
line-height: 1.45 !important;
font-weight: 700 !important;
transition:
color 0.3s ease;
}
.ot-ded-renewal-checkpoint:hover h4 {
color: #556B2F !important;
}
/* =========================================================
CHECKPOINT TEXT
========================================================= */
.ot-ded-renewal-checkpoint p {
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
RENEWAL FLOW
========================================================= */
.ot-ded-renewal-flow {
max-width: 1050px;
margin: 65px auto 0;
}
/* =========================================================
FLOW HEADER
========================================================= */
.ot-ded-renewal-flow-header {
margin-bottom: 27px;
}
.ot-ded-renewal-flow-header > span {
display: block;
margin-bottom: 8px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-renewal-flow-header h3 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 27px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
FLOW LIST
========================================================= */
.ot-ded-renewal-flow-list {
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
border-top: 2px solid #C8A45C;
box-sizing: border-box;
}
/* =========================================================
FLOW ITEM
========================================================= */
.ot-ded-renewal-flow-item {
min-width: 0;
padding: 26px 20px 24px;
border-right: 1px solid #D9D0C0;
box-sizing: border-box;
transition:
background-color 0.3s ease;
}
.ot-ded-renewal-flow-item:first-child {
border-left: 1px solid #D9D0C0;
}
.ot-ded-renewal-flow-item:hover {
background: #FCFBF7;
}
/* =========================================================
FLOW NUMBER
========================================================= */
.ot-ded-renewal-flow-number {
margin-bottom: 20px;
color: #B18A43 !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1;
}
/* =========================================================
FLOW HEADING
========================================================= */
.ot-ded-renewal-flow-content h4 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 17px !important;
line-height: 1.45 !important;
font-weight: 700 !important;
}
/* =========================================================
FLOW TEXT
========================================================= */
.ot-ded-renewal-flow-content p {
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
WARNING
========================================================= */
.ot-ded-renewal-warning {
display: grid;
grid-template-columns:
180px minmax(0, 1fr);
gap: 35px;
max-width: 1050px;
margin: 40px auto 0;
padding: 27px 0;
border-top: 1px solid #D9D0C0;
border-bottom: 1px solid #D9D0C0;
box-sizing: border-box;
}
.ot-ded-renewal-warning-label {
padding-top: 3px;
color: #A27B36 !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-renewal-warning-content h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 21px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
.ot-ded-renewal-warning-content p {
max-width: 850px;
margin: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
RECORD SECTION
========================================================= */
.ot-ded-renewal-record {
max-width: 1050px;
margin: 60px auto 0;
}
/* =========================================================
RECORD HEADER
========================================================= */
.ot-ded-renewal-record-header {
margin-bottom: 26px;
}
.ot-ded-renewal-record-header > span {
display: block;
margin-bottom: 8px;
color: #556B2F !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-renewal-record-header h3 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 27px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
/* =========================================================
RECORD GRID
========================================================= */
.ot-ded-renewal-record-grid {
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
background: #FFFFFF;
border: 1px solid #D9D0C0;
box-sizing: border-box;
}
/* =========================================================
RECORD ITEM
========================================================= */
.ot-ded-renewal-record-item {
min-width: 0;
padding: 24px 20px;
border-right: 1px solid #D9D0C0;
box-sizing: border-box;
transition:
background-color 0.3s ease;
}
.ot-ded-renewal-record-item:last-child {
border-right: 0;
}
.ot-ded-renewal-record-item:hover {
background: #FAF9F5;
}
/* =========================================================
RECORD TITLE
========================================================= */
.ot-ded-renewal-record-item strong {
display: block;
margin-bottom: 7px;
color: #2C2C2C !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.45;
}
/* =========================================================
RECORD TEXT
========================================================= */
.ot-ded-renewal-record-item p {
margin: 0 !important;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
/* =========================================================
CTA
========================================================= */
.ot-ded-renewal-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
max-width: 1050px;
margin: 42px auto 0;
padding: 30px 32px;
background: #2C2C2C;
border-radius: 10px;
box-sizing: border-box;
}
.ot-ded-renewal-cta-content > span {
display: block;
margin-bottom: 7px;
color: #C8A45C !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-renewal-cta-content h3 {
margin: 0 !important;
padding: 0 !important;
color: #FFFFFF !important;
font-size: 22px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
.ot-ded-renewal-cta-button {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
min-height: 48px;
padding: 0 24px;
background: #C8A45C;
color: #2C2C2C !important;
border: 1px solid #C8A45C;
border-radius: 5px;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.3;
transition:
background-color 0.3s ease,
border-color 0.3s ease,
transform 0.3s ease;
}
.ot-ded-renewal-cta-button:hover {
background: #D6B875;
border-color: #D6B875;
color: #2C2C2C !important;
text-decoration: none !important;
transform: translateY(-2px);
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-renewal {
padding: 85px 20px;
}
.ot-ded-renewal-header h2 {
font-size: 38px !important;
}
.ot-ded-renewal-checkpoints-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.ot-ded-renewal-checkpoint:nth-child(2n) {
border-right: 1px solid #D9D0C0;
}
.ot-ded-renewal-checkpoint:nth-child(3),
.ot-ded-renewal-checkpoint:nth-child(4) {
border-top: 0;
}
.ot-ded-renewal-flow-list {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.ot-ded-renewal-flow-item:nth-child(3),
.ot-ded-renewal-flow-item:nth-child(4) {
border-top: 1px solid #D9D0C0;
}
.ot-ded-renewal-record-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.ot-ded-renewal-record-item:nth-child(2) {
border-right: 0;
}
.ot-ded-renewal-record-item:nth-child(3),
.ot-ded-renewal-record-item:nth-child(4) {
border-top: 1px solid #D9D0C0;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-renewal {
padding: 70px 18px;
}
/* Header */
.ot-ded-renewal-header {
margin-bottom: 38px;
}
.ot-ded-renewal-eyebrow {
margin-bottom: 13px;
font-size: 11px !important;
letter-spacing: 1.5px;
}
.ot-ded-renewal-header h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-renewal-header > p {
font-size: 16px !important;
line-height: 1.8 !important;
}
/* Highlight */
.ot-ded-renewal-highlight {
grid-template-columns:
45px minmax(0, 1fr);
gap: 15px;
margin-bottom: 40px;
padding: 27px 21px;
}
.ot-ded-renewal-highlight:hover {
transform: none;
box-shadow: none;
}
.ot-ded-renewal-highlight-number {
font-size: 27px !important;
}
.ot-ded-renewal-highlight-content h3 {
font-size: 21px !important;
}
.ot-ded-renewal-highlight-content p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Checkpoints */
.ot-ded-renewal-checkpoints-header h3 {
font-size: 22px !important;
}
.ot-ded-renewal-checkpoints-grid {
display: block;
}
.ot-ded-renewal-checkpoint {
min-height: auto;
padding: 21px 18px;
border-right: 0;
}
.ot-ded-renewal-checkpoint h4 {
font-size: 17px !important;
}
.ot-ded-renewal-checkpoint p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* Flow */
.ot-ded-renewal-flow {
margin-top: 45px;
}
.ot-ded-renewal-flow-header h3 {
font-size: 22px !important;
}
.ot-ded-renewal-flow-list {
display: block;
}
.ot-ded-renewal-flow-item {
display: grid;
grid-template-columns:
38px minmax(0, 1fr);
gap: 13px;
padding: 21px 18px;
border-left: 1px solid #D9D0C0;
border-right: 1px solid #D9D0C0;
border-bottom: 1px solid #D9D0C0;
}
.ot-ded-renewal-flow-item:first-child {
border-left: 1px solid #D9D0C0;
}
.ot-ded-renewal-flow-item:nth-child(3),
.ot-ded-renewal-flow-item:nth-child(4) {
border-top: 0;
}
.ot-ded-renewal-flow-number {
margin-bottom: 0;
font-size: 17px !important;
}
.ot-ded-renewal-flow-content h4 {
font-size: 17px !important;
}
.ot-ded-renewal-flow-content p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* Warning */
.ot-ded-renewal-warning {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 30px;
padding: 22px 0;
}
.ot-ded-renewal-warning-content h3 {
font-size: 20px !important;
}
.ot-ded-renewal-warning-content p {
font-size: 13px !important;
line-height: 1.8 !important;
}
/* Record */
.ot-ded-renewal-record {
margin-top: 45px;
}
.ot-ded-renewal-record-header h3 {
font-size: 22px !important;
}
.ot-ded-renewal-record-grid {
display: block;
}
.ot-ded-renewal-record-item {
padding: 20px 18px;
border-right: 0;
border-bottom: 1px solid #D9D0C0;
}
.ot-ded-renewal-record-item:last-child {
border-bottom: 0;
}
.ot-ded-renewal-record-item strong {
font-size: 16px !important;
}
.ot-ded-renewal-record-item p {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* CTA */
.ot-ded-renewal-cta {
display: block;
margin-top: 30px;
padding: 25px 22px;
}
.ot-ded-renewal-cta-content h3 {
font-size: 20px !important;
}
.ot-ded-renewal-cta-button {
width: 100%;
margin-top: 20px;
box-sizing: border-box;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-renewal-highlight,
.ot-ded-renewal-checkpoint,
.ot-ded-renewal-flow-item,
.ot-ded-renewal-record-item,
.ot-ded-renewal-cta-button {
transition: none !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ae4117 *//* =========================================================
OLIVE & TANAMI CONSULTING
DED TRADE LICENSE DUBAI
SECTION 12
FREQUENTLY ASKED QUESTIONS
DESIGN:
Editorial FAQ
Left information panel
Accordion questions
Large readable typography
No browser bullets
Custom numbering
Subtle interaction
========================================================= */
/* =========================================================
SECTION
========================================================= */
.ot-ded-faq {
width: 100%;
padding: 105px 20px;
background: #FFFFFF;
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.ot-ded-faq-inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
}
/* =========================================================
HEADER
========================================================= */
.ot-ded-faq-header {
max-width: 900px;
margin: 0 auto 55px;
text-align: center;
}
.ot-ded-faq-eyebrow {
display: inline-block;
margin-bottom: 16px;
color: #556B2F !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.8px;
line-height: 1.5;
text-transform: uppercase;
}
.ot-ded-faq-header h2 {
margin: 0 !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 42px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -0.4px;
}
.ot-ded-faq-header h2 span {
display: block;
color: #556B2F !important;
}
.ot-ded-faq-divider {
width: 60px;
height: 3px;
margin: 23px auto 27px;
background: #C8A45C;
border-radius: 50px;
}
.ot-ded-faq-header > p {
max-width: 850px;
margin: 0 auto !important;
color: #666666 !important;
font-size: 17px !important;
line-height: 1.85 !important;
}
/* =========================================================
MAIN LAYOUT
========================================================= */
.ot-ded-faq-layout {
display: grid;
grid-template-columns:
320px minmax(0, 1fr);
gap: 55px;
max-width: 1050px;
margin: 0 auto;
align-items: start;
box-sizing: border-box;
}
/* =========================================================
SIDE PANEL
========================================================= */
.ot-ded-faq-side {
position: sticky;
top: 30px;
padding: 30px;
background: #F1EBDD;
border: 1px solid #D9D0C0;
box-sizing: border-box;
}
.ot-ded-faq-side-label {
margin-bottom: 12px;
color: #556B2F !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-faq-side h3 {
margin: 0 0 12px !important;
padding: 0 !important;
color: #2C2C2C !important;
font-size: 23px !important;
line-height: 1.42 !important;
font-weight: 700 !important;
}
.ot-ded-faq-side > p {
margin: 0 !important;
color: #666666 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
/* =========================================================
SIDE NOTE
========================================================= */
.ot-ded-faq-side-note {
margin-top: 27px;
padding-top: 20px;
border-top: 1px solid #D1C7B4;
}
.ot-ded-faq-side-note strong {
display: block;
margin-bottom: 4px;
color: #2C2C2C !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.5;
}
.ot-ded-faq-side-note span {
display: block;
color: #666666 !important;
font-size: 13px !important;
line-height: 1.6;
}
/* =========================================================
SIDE BUTTON
========================================================= */
.ot-ded-faq-side-button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 46px;
margin-top: 22px;
padding: 0 18px;
background: #556B2F;
color: #FFFFFF !important;
border: 1px solid #556B2F;
border-radius: 5px;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.3;
box-sizing: border-box;
transition:
background-color 0.3s ease,
transform 0.3s ease;
}
.ot-ded-faq-side-button:hover {
background: #465B26;
border-color: #465B26;
color: #FFFFFF !important;
text-decoration: none !important;
transform: translateY(-2px);
}
/* =========================================================
FAQ LIST
========================================================= */
.ot-ded-faq-list {
width: 100%;
border-top: 1px solid #D9D0C0;
box-sizing: border-box;
}
/* =========================================================
FAQ ITEM
========================================================= */
.ot-ded-faq-item {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-bottom: 1px solid #D9D0C0 !important;
background: #FFFFFF;
box-sizing: border-box;
}
/* =========================================================
SUMMARY
========================================================= */
.ot-ded-faq-item summary {
display: grid !important;
grid-template-columns:
42px minmax(0, 1fr) 28px;
gap: 15px;
align-items: center;
min-height: 76px;
margin: 0 !important;
padding: 17px 4px;
color: #2C2C2C !important;
cursor: pointer;
list-style: none !important;
box-sizing: border-box;
transition:
background-color 0.25s ease;
}
/* Remove browser marker */
.ot-ded-faq-item summary::-webkit-details-marker {
display: none;
}
.ot-ded-faq-item summary::marker {
display: none;
content: "";
}
.ot-ded-faq-item summary:hover {
background: #FCFBF7;
}
/* =========================================================
FAQ NUMBER
========================================================= */
.ot-ded-faq-number {
color: #B18A43 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.4;
}
/* =========================================================
QUESTION
========================================================= */
.ot-ded-faq-question {
color: #2C2C2C !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.5;
transition:
color 0.25s ease;
}
.ot-ded-faq-item summary:hover
.ot-ded-faq-question {
color: #556B2F !important;
}
/* =========================================================
TOGGLE
========================================================= */
.ot-ded-faq-toggle {
display: flex;
align-items: center;
justify-content: center;
width: 27px;
height: 27px;
color: #556B2F !important;
border: 1px solid #CFC7B8;
border-radius: 50%;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 1;
transition:
transform 0.3s ease,
background-color 0.3s ease,
color 0.3s ease;
}
.ot-ded-faq-item[open]
.ot-ded-faq-toggle {
transform: rotate(45deg);
background: #556B2F;
color: #FFFFFF !important;
border-color: #556B2F;
}
/* =========================================================
ANSWER
========================================================= */
.ot-ded-faq-answer {
margin: 0;
padding: 0 47px 24px 76px;
box-sizing: border-box;
}
.ot-ded-faq-answer p {
max-width: 720px;
margin: 0 !important;
color: #666666 !important;
font-size: 15px !important;
line-height: 1.85 !important;
}
/* =========================================================
BOTTOM CTA
========================================================= */
.ot-ded-faq-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
max-width: 1050px;
margin: 55px auto 0;
padding: 32px;
background: #2C2C2C;
border-radius: 10px;
box-sizing: border-box;
}
.ot-ded-faq-bottom-content > span {
display: block;
margin-bottom: 7px;
color: #C8A45C !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
line-height: 1.5;
}
.ot-ded-faq-bottom-content h3 {
max-width: 720px;
margin: 0 0 8px !important;
padding: 0 !important;
color: #FFFFFF !important;
font-size: 23px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
.ot-ded-faq-bottom-content p {
max-width: 720px;
margin: 0 !important;
color: #D7D7D7 !important;
font-size: 14px !important;
line-height: 1.75 !important;
}
/* =========================================================
BOTTOM BUTTON
========================================================= */
.ot-ded-faq-bottom-button {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
min-height: 48px;
padding: 0 23px;
background: #C8A45C;
color: #2C2C2C !important;
border: 1px solid #C8A45C;
border-radius: 5px;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.3;
box-sizing: border-box;
transition:
background-color 0.3s ease,
border-color 0.3s ease,
transform 0.3s ease;
}
.ot-ded-faq-bottom-button:hover {
background: #D6B875;
border-color: #D6B875;
color: #2C2C2C !important;
text-decoration: none !important;
transform: translateY(-2px);
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.ot-ded-faq {
padding: 85px 20px;
}
.ot-ded-faq-header h2 {
font-size: 38px !important;
}
.ot-ded-faq-layout {
grid-template-columns:
270px minmax(0, 1fr);
gap: 35px;
}
.ot-ded-faq-side {
padding: 25px;
}
.ot-ded-faq-question {
font-size: 16px !important;
}
.ot-ded-faq-answer {
padding-left: 72px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.ot-ded-faq {
padding: 70px 18px;
}
/* Header */
.ot-ded-faq-header {
margin-bottom: 40px;
}
.ot-ded-faq-eyebrow {
margin-bottom: 13px;
font-size: 11px !important;
letter-spacing: 1.5px;
}
.ot-ded-faq-header h2 {
font-size: 32px !important;
line-height: 1.28 !important;
}
.ot-ded-faq-header > p {
font-size: 16px !important;
line-height: 1.8 !important;
}
/* Layout */
.ot-ded-faq-layout {
display: block;
}
/* Side panel */
.ot-ded-faq-side {
position: static;
margin-bottom: 35px;
padding: 25px 21px;
}
.ot-ded-faq-side h3 {
font-size: 21px !important;
}
.ot-ded-faq-side > p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* Summary */
.ot-ded-faq-item summary {
grid-template-columns:
32px minmax(0, 1fr) 27px;
gap: 10px;
min-height: 70px;
padding: 16px 2px;
}
.ot-ded-faq-number {
font-size: 13px !important;
}
.ot-ded-faq-question {
font-size: 16px !important;
line-height: 1.5;
}
/* Answer */
.ot-ded-faq-answer {
padding:
0
29px
22px
44px;
}
.ot-ded-faq-answer p {
font-size: 14px !important;
line-height: 1.8 !important;
}
/* CTA */
.ot-ded-faq-bottom {
display: block;
margin-top: 40px;
padding: 25px 21px;
}
.ot-ded-faq-bottom-content h3 {
font-size: 20px !important;
}
.ot-ded-faq-bottom-content p {
font-size: 13px !important;
line-height: 1.8 !important;
}
.ot-ded-faq-bottom-button {
width: 100%;
margin-top: 20px;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.ot-ded-faq-side-button,
.ot-ded-faq-toggle,
.ot-ded-faq-bottom-button {
transition: none !important;
transform: none !important;
}
}/* End custom CSS */