.elementor-5261 .elementor-element.elementor-element-4a3db86{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5261 .elementor-element.elementor-element-4a3db86::before, .elementor-5261 .elementor-element.elementor-element-4a3db86 > .elementor-background-video-container::before, .elementor-5261 .elementor-element.elementor-element-4a3db86 > .e-con-inner > .elementor-background-video-container::before, .elementor-5261 .elementor-element.elementor-element-4a3db86 > .elementor-background-slideshow::before, .elementor-5261 .elementor-element.elementor-element-4a3db86 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5261 .elementor-element.elementor-element-4a3db86 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://dinoagency.net/wp-content/uploads/2026/01/HeroImageBackground-scaled.png");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-5261 .elementor-element.elementor-element-6b41e88{--display:flex;--min-height:560px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5261 .elementor-element.elementor-element-6b41e88:not(.elementor-motion-effects-element-type-background), .elementor-5261 .elementor-element.elementor-element-6b41e88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-5261 .elementor-element.elementor-element-42bf386{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--border-radius:22px 22px 22px 22px;--margin-top:0%;--margin-bottom:0%;--margin-left:2%;--margin-right:0%;}.elementor-5261 .elementor-element.elementor-element-42bf386::before, .elementor-5261 .elementor-element.elementor-element-42bf386 > .elementor-background-video-container::before, .elementor-5261 .elementor-element.elementor-element-42bf386 > .e-con-inner > .elementor-background-video-container::before, .elementor-5261 .elementor-element.elementor-element-42bf386 > .elementor-background-slideshow::before, .elementor-5261 .elementor-element.elementor-element-42bf386 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5261 .elementor-element.elementor-element-42bf386 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://dinoagency.net/wp-content/uploads/2026/01/03a1897961deb888dd05c169d029da2c33d81d77.jpg");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-5261 .elementor-element.elementor-element-42bf386::before{filter:brightness( 88% ) contrast( 100% ) saturate( 100% ) blur( 2.1px ) hue-rotate( 0deg );}.elementor-5261 .elementor-element.elementor-element-42bf386.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Montserrat;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5261 .elementor-element.elementor-element-3eb56dd .elementor-heading-title{font-family:"Montserrat-Arabic Bold 700", Montserrat;font-size:2.5rem;font-weight:700;color:#FFFFFF;}.elementor-5261 .elementor-element.elementor-element-5ffc05e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5261 .elementor-element.elementor-element-5ffc05e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5261 .elementor-element.elementor-element-5aecbf2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5261 .elementor-element.elementor-element-5aecbf2:not(.elementor-motion-effects-element-type-background), .elementor-5261 .elementor-element.elementor-element-5aecbf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-5261 .elementor-element.elementor-element-bc51b0c .elementor-heading-title{font-family:"Montserrat-Arabic Bold 700", Montserrat;font-size:3rem;font-weight:700;color:#0C4A4E;}.elementor-5261 .elementor-element.elementor-element-7ffdf5f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5261 .elementor-element.elementor-element-7ffdf5f:not(.elementor-motion-effects-element-type-background), .elementor-5261 .elementor-element.elementor-element-7ffdf5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-5261 .elementor-element.elementor-element-a560de9 .wpr-google-map{height:500px;}@media(min-width:768px){.elementor-5261 .elementor-element.elementor-element-42bf386{--width:42.963%;}.elementor-5261 .elementor-element.elementor-element-5ffc05e{--width:54.159%;}}@media(max-width:1024px){.elementor-5261 .elementor-element.elementor-element-4a3db86{--min-height:0px;--margin-top:-10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-5261 .elementor-element.elementor-element-3eb56dd .elementor-heading-title{font-size:2rem;}.elementor-5261 .elementor-element.elementor-element-bc51b0c .elementor-heading-title{font-size:2.5rem;}}@media(max-width:767px){.elementor-5261 .elementor-element.elementor-element-4a3db86{--min-height:0px;--margin-top:-16%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-5261 .elementor-element.elementor-element-68859d6 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-5261 .elementor-element.elementor-element-3eb56dd .elementor-heading-title{font-size:1.8rem;}.elementor-5261 .elementor-element.elementor-element-bc51b0c .elementor-heading-title{font-size:2rem;}}/* Start custom CSS for container, class: .elementor-element-4a3db86 */.hero-text-aligner {
    display: flex;
    flex-direction: column;
    align-items: center; 
    min-height: auto !important; 
    height: auto !important;
    padding-top: clamp(100px, 15vh, 180px); 
    padding-bottom: clamp(80px, 10vh, 150px) !important; 
    position: relative;
    z-index: 10;
    overflow: visible !important; 
    /* الحل لمنع الظهور في القسم السفلي */
    clip-path: inset(0 0 0 0); 
}
/* 2. مجموعة النص */
.hero-top-text-group {
    align-self: center;
    width: 60%; 
    max-width: 1200px;
    /* سحب الصورة للأعلى في الشاشات الكبيرة فقط */
    margin-bottom: -45px; 
    text-align: left; /* ثابت لليسار دائماً */
}

/* 3. تنسيق النصوص */
.hero-subtext {
    font-size: clamp(2.2rem, 5vw, 4rem); /* حجم مرن */
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px !important;
    color: #ffffff;
}

.hero-small-text {
    font-size: clamp(0.85rem, 1.2vw, 1.1rem);
    letter-spacing: 2px;
    font-family: 'Montserrat-Bold', sans-serif;
    color: #ffffff;
    margin: 0;
}

/* 4. الصورة الرئيسية (Make It Roar) */
.hero-roar-image {
    display: block;
    width: 60%; 
    max-width: 1100px;
    height: auto;
    margin-top: 0;
    opacity: 0;
    transform: scale(0.95);
    animation: roarFadeIn 1.2s ease-out forwards;
    animation-delay: 0.8s;
}

/* 5. الديكور والأيقونات الأسفل */
.hero-bottom-image {
    position: absolute;
    bottom: 0; /* غيرناها من -50px لـ 0 لضمان دقة القاع */
    left: 2%;
    width: clamp(120px, 15vw, 250px); 
    height: auto;
    z-index: 12;
    transform: translateY(100%); 
    animation: dinoRiseUp 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    animation-delay: 2s; 
}
.location-icon-wrapper {
    position: absolute;
    bottom: 30px;
    right: 5%;
    z-index: 100;
    text-decoration: none;
    opacity: 0;
    animation: dropLocation 1.5s ease-out forwards;
    animation-delay: 2.5s; 
}

.location-icon-wrapper i {
    font-size: clamp(35px, 4vw, 55px);
    color: #ffffff;
    display: block;
    animation: locationPulse 2s infinite ease-in-out;
    animation-delay: 4s; 
}

/* --- Media Queries للتحكم في الموبايل والتابلت --- */

@media (max-width: 767px) {
    .hero-text-aligner {
        padding-top: 80px; /* تقليل المسافة العلوية في الموبايل */
        padding-bottom: 60px !important; /* تقليل المسافة السفلية */
    }
 
    .hero-top-text-group {
        width: 90%;
        margin-bottom: -15px; /* تقليل السحب لمنع تداخل النص مع الصورة في الشاشات الصغيرة */
    }
    .hero-subtext {
        font-size: 1.8rem; /* تصغير طفيف لتناسب عرض الموبايل */
    }
    .hero-roar-image {
        width: 92%;
        margin-top: 10px;
    }
 .hero-bottom-image {
        bottom: 0 !important; /* التصاق كامل بالقاع */
        left: 5%;
        width: 90px;
        /* نلغي أي إزاحة إضافية في الموبايل لضمان الثبات */
        animation: dinoRiseUpMobile 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
        animation-delay: 2s;
    }
    .location-icon-wrapper {
        bottom: 20px;
        right: 5%;
    }
}

/* التابلت */
@media (min-width: 768px) and (max-width: 1024px) {
    .hero-text-aligner {
        padding-top: 150px;
    }
    .hero-top-text-group {
        margin-bottom: -30px;
    }
}

/* --- Animations --- */
@keyframes slideDownIn {
    to { opacity: 1; transform: translateY(0); }
}
@keyframes roarFadeIn {
    to { opacity: 1; transform: scale(1); }
}
@keyframes dinoRiseUp {
    from { transform: translateY(100%); opacity: 0; }
    to { 
        /* نستخدم 0 ليثبت تماماً على خط القاع في اللابتوب */
        transform: translateY(0); 
        opacity: 1; 
    }
}
@keyframes dinoRiseUpMobile {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes dropLocation {
    0% { opacity: 0; transform: translateY(-100px); }
    70% { opacity: 1; transform: translateY(15px); }
    100% { opacity: 1; transform: translateY(0); }
}
@keyframes locationPulse {
    0%, 100% { transform: scale(1); color: #ffffff; filter: drop-shadow(0 0 5px rgba(241, 90, 49, 0.4)); }
    50% { transform: scale(1.2); color: #F15A31; filter: drop-shadow(0 0 15px #F15A31); }
}

.hero-text-animate {
    opacity: 0;
    transform: translateY(-20px);
    animation: slideDownIn 1.2s ease-out forwards;
}/* End custom CSS */