.elementor-14342 .elementor-element.elementor-element-55842c3{--display:flex;}.elementor-14342 .elementor-element.elementor-element-eafc06d{--display:flex;}/* Start custom CSS for html, class: .elementor-element-e4618e4 *//* ========================= */
/* ===== HEADER (DESKTOP) === */
/* ========================= */

.dino-header{
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;

    display: flex !important;       /* مهم */
    flex-direction: row !important; /* مهم */
    align-items: center !important; /* لوگوها وسط */
    justify-content: space-between; /* لوگو راست | منو | لوگو چپ */

    padding: 12px 28px;
    direction: rtl;
    width: 100%;
    box-sizing: border-box;
}

/* ========================= */
/* ===== LOGOS ============= */
/* ========================= */

.dino-header-logo{
    width: 120px;
    height: 120px;
    flex-shrink: 0; /* جلوگیری از شکستن */
    display: flex;
    align-items: center;
    justify-content: center;
}

.dino-header-logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* ========================= */
/* ===== NAVIGATION ======== */
/* ========================= */

.dino-navbar{
    display: flex !important;       /* جلوگیری از افتادن */
    flex-direction: row !important;
    align-items: center;
    justify-content: center;
    gap: 14px;

    flex: 1;
    text-align: center;
}

.dino-navbar a{
    text-decoration: none;
    background: #fff7ed;
    color: #ea580c;
    padding: 11px 20px;
    border: 1px solid #fdba74;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    transition: all 0.25s ease;
    white-space: nowrap; /* جلوگیری از شکستن */
}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de38990 *//* ========================= */
/* ===== HEADER (DESKTOP) === */
/* ========================= */

.dino-header{
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #ffffff;
    border-bottom: 10px solid #e5e7eb;

    display: flex !important;       /* مهم */
    flex-direction: row !important; /* مهم */
    align-items: center !important; /* لوگوها وسط */
    justify-content: space-between; /* لوگو راست | منو | لوگو چپ */

    padding: 12px 28px;
    direction: rtl;
    width: 100%;
    box-sizing: border-box;
}

/* ========================= */
/* ===== LOGOS ============= */
/* ========================= */

.dino-header-logo{
    width: 120px;
    height: 120px;
    flex-shrink: 0; /* جلوگیری از شکستن */
    display: flex;
    align-items: center;
    justify-content: center;
}

.dino-header-logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37a7551 */```css
html{
scroll-behavior:smooth;
}

/* top navigation */

.dino-top-nav{
max-width:1200px;
margin:60px auto 40px;
padding:14px 24px;
display:flex;
justify-content:center;
gap:24px;
border-radius:16px;
background:#ffffff;
box-shadow:0 12px 40px rgba(0,0,0,.08);
}

.dino-top-nav a{
padding:10px 18px;
border-radius:999px;
text-decoration:none;
font-weight:800;
font-size:15px;
color:#ffffff;
background:#f59e0b;
transition:.25s;
}

.dino-top-nav a:hover{
background:#e68b00;
color:#ffffff;
}

/* sections */

.dino-section{
display:flex;
align-items:center;
gap:48px;
margin:0px auto;
padding:56px;
max-width:1200px;
border-radius:28px;
background:#ffffff;
box-shadow:0 30px 80px rgba(0,0,0,.08);
scroll-margin-top:140px;
}

.dino-section:nth-of-type(even){
flex-direction:row-reverse;
}

.dino-text{
flex:1;
}

.dino-title{
font-size:36px;
font-weight:900;
margin-bottom:20px;
color:#f59e0b;
}

.dino-desc{
font-size:17px;
line-height:2.4;
text-align:justify;
color:#334155;
}

/* button */

.dino-btn{
display:inline-block;
margin-top:30px;
padding:14px 34px;
border-radius:999px;
background:#f59e0b;
color:#ffffff;
font-weight:900;
text-decoration:none;
transition:.25s;
}

.dino-btn:hover{
background:#e68b00;
transform:translateY(-2px);
}

/* icons */

.dino-icon{
width:64px;
height:64px;
margin-bottom:16px;
}

.dino-icon svg{
width:100%;
height:100%;
stroke:#f59e0b;
stroke-width:1.8;
fill:none;
}

/* video placeholder */

.dino-video {
  flex: 1;
  height: 300px;
  border-radius: 22px;
  background: linear-gradient(135deg,#f1f5f9,#e2e8f0);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dino-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 22px;
}


/* responsive */

@media (max-width:900px){

.dino-top-nav{
display:none;
}

.dino-section{
flex-direction:column !important;
padding:36px;
}

.dino-video{
height:220px;
}

.dino-title{
font-size:28px;
}

}
```/* End custom CSS */