Skip to content

B
base Project
Commit c1669fd3 authored by TokaKaram's avatar TokaKaram
Browse files
Options

add whatsapp connection

parent 7fdb0710
Show whitespace changes
Inline Side-by-side
Showing with 1483 additions and 128 deletions
index.html
View file @ c1669fd3
......@@ -16,6 +16,18 @@
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style2.css">
<link rel="stylesheet" href="style3.css">
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js">
</script>
<script type="text/javascript">
(function(){
emailjs.init({
publicKey: "d2Ro5scl2UY-N-y5R",
});
})();
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
<script src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
</head>
<body>
......@@ -41,7 +53,7 @@
<span id="from">from</span>
<span id="date_from">feb 5TH</span>
<span id="to">to</span>
<span id="date_to">feb 7TH <span>2025</span> </span>
<span id="date_to">feb 7TH <span>2026</span> </span>
</p>
<p class="place" id="place">
......@@ -52,8 +64,8 @@
</div>
<div class="right_side">
<a id="ticketing_bnt_en" href="#ticketing_section" class="ticketing_bnt_en hidden1">ticketing</a>
<a id="ticketing_ar" href="#ticketing_section_ar" class=" ticketing_ar"> التذاكر</a>
<a id="ticketing_bnt_en" class="ticketing_bnt_en hidden1">ticketing</a>
<a id="ticketing_ar" class=" ticketing_ar"> التذاكر</a>
<a class="lines">
<span></span>
<span></span>
......@@ -66,6 +78,42 @@
</header>
<!-- ============Hero_AR -->
<div class="hero_sectionh2_en hidden1 " id="hero_en">
<div class="mainiMg1h_en">
<img src="./images/main1.jpg">
</div>
<div class="hero_desc_en">
<h3 id="hero_title" class="hero_title2_en">
<div class="wordh21_en">
<span> WELCOME TO <span>THE</span></span>
<span class="the_en"><span>BASE</span> — WHERE THE</span>
</div>
<div class="wordh22_en">
<span> GAME COMES</span>
</div>
<div class="wordh23_en">
<span> ALIVE! </span>
</div>
</h3>
<p id="hero_desc" class="hero-sech21_en">A FESTIVAL BUILT FOR GAMERS, </p>
<p id="hero_desc" class="hero-sech22_en">CREATORS, AND FANS WHO LIVE</p>
<p id="hero_desc" class="hero-sech23_en"> FOR THE ACTION.</p>
<p id="hero_desc" class="hero-sech24_en">THREE DAYS OF PURE ENERGY,</p>
<p id="hero_desc" class="hero-sech25_en">COMPETITION, AND COMMUNITY.</p>
<a id="" class="bookA1_en"> BOOK NOW</a>
</div>
<div class="hero_desc_res_en " >
<h3 id="hero_title" class="hero_title2_en">
WELCOME TO <span class="the">THE BASE</span> — WHERE THE GAME COMES ALIVE!
</h3>
<p>
A FESTIVAL BUILT FOR GAMERS, CREATORS, AND FANS WHO LIVE FOR THE ACTION. THREE DAYS OF ENERGY, COMPETITION, AND COMMUNITY.
</p>
<a id="" class="bookA1"> BOOK NOW</a>
</div>
</div>
<div class="hero_sectionh2 " id="hero_ar">
<div class="mainiMg1h">
<img src="./images/main.jpg">
......@@ -85,7 +133,7 @@
<p id="hero_desc" class="hero-sech23">الحماس والإثارة </p>
<p id="hero_desc" class="hero-sech24">ثلاثة أيام من الطاقة الخالصة، والمنافسة،</p>
<p id="hero_desc" class="hero-sech25">وروح المجتمع</p>
<a id="book_now" class="bookA1" href="#ticketing_section_ar">احجز الان</a>
<a id="book_now" class="bookA1">احجز الان</a>
</div>
<div class="hero_desc_res_ar">
<h3 id="hero_title" class="hero_title2">
......@@ -104,11 +152,12 @@
ثلاثة أيام من الطاقة الخالصة، والمنافسة،
وروح المجتمع
</p>
<a id="book_now" class="bookA1" href="#ticketing_section_ar">احجز الان</a>
<a id="book_now1" class="bookA1">احجز الان</a>
</div>
</div>
<!-- ==================== Hero_EN -->
<div class="hero_section rtl_size hidden1" id="hero_en">
<!-- <div class="hero_section rtl_size hidden1" id="hero_en">
<div class="mainiMg">
<img src="./images/main1.jpg">
</div>
......@@ -151,7 +200,7 @@
COMPETITION, AND COMMUNITY.</p>
<a id="book_now" class="bookA" href="#ticketing_section">book now</a>
</div>
</div>
</div> -->
<div class="play_games " id="play_games">
......@@ -482,9 +531,8 @@ AND ONLY THE BEST REACH THE TOP.</p>
</h2>
<div class="vr-p p-en">
FROM HIGH-SPEED RACES TO IMMERSIVE JOURNEYS,TEST YOUR SKILL AND SPARK YOUR ADRENALINE.EVERY MOMENT HERE IS AN
EXPERIENCE WORTH LIVING.
<p>FROM HIGH-SPEED RACES TO IMMERSIVE JOURNEYS,TEST YOUR SKILL AND SPARK YOUR ADRENALINE.</p>
<p>EVERY MOMENT HERE IS AN EXPERIENCE WORTH LIVING.</p>
</div>
<button class="vr-btn1 btnen">CAR simulator</button>
......@@ -529,10 +577,11 @@ AND ONLY THE BEST REACH THE TOP.</p>
<span>15 KD</span>
</div>
<div class="text">
<p class="first-p">GET FULL ACCESS TO BASE ACROSS ALL THREE DAYS_TOURNAMENTS,
STAGES,COSPLAY SHOWS ,VR,ARCADE,
AND EVERY GAMING ZONE.ENJOY UNLIMITED ENTRY TO ALL CASUAL AND COMPETITIVE AREAS ,MAIN STAGES
ACTIVITIES,AND EXCLUSIVE COMMUNITY THROUGHOUT THE FESTIVAL.
<p class="first-p days3_p">GET FULL ACCESS TO THE BASE ACROSS ALL THREE DAYS — TOURNAMENTS,
STAGES, COSPLAY SHOWS, VR, ARCADE,
AND EVERY GAMING ZONE. ENJOY UNLIMITED ENTRY TO ALL CASUAL AND
COMPETITIVE AREAS, MAIN STAGE
ACTIVITIES, AND EXCLUSIVE COMMUNITY EVENTS THROUGHOUT THE FESTIVAL.
</p>
......@@ -549,10 +598,9 @@ AND ONLY THE BEST REACH THE TOP.</p>
<span>10 KD</span>
</div>
<div class="text">
<p class="first-p">GET FULL ACCESS TO BASE ACROSS ALL THREE DAYS_TOURNAMENTS,
STAGES,COSPLAY SHOWS ,VR,ARCADE,
AND EVERY GAMING ZONE.ENJOY UNLIMITED ENTRY TO ALL CASUAL AND COMPETITIVE AREAS ,MAIN STAGES
ACTIVITIES,AND EXCLUSIVE COMMUNITY THROUGHOUT THE FESTIVAL.
<p class="first-p">PERFECT FOR GAMERS WHO
WANT TO EXPERIENCE THE EVENT IN ONE HIT! SPEND A FULL DAY EXPLORING EVERY PART OF THE BASE:
TOURNAMENTS, VR, CARD ZONES, COSPLAY SHOWS, AND MORE — ALL IN ONE PASS.
</p>
......@@ -571,11 +619,11 @@ AND ONLY THE BEST REACH THE TOP.</p>
<span>50 KD</span>
</div>
<div class="text">
<p class="first-p">FOR THOOSE WHO WANT THE FULL EXPERIENCE - AND MORE. ENJOY EXCLUSIVE VIP
<p class="first-p">FOR THOSE WHO WANT THE FULL EXPERIENCE — AND MORE. ENJOY EXCLUSIVE VIP
ACCESS WITH PRIORITY ENTRY,
RESERVED MAIN STAGE SEATING,BACKSTAGE MEET & GREETS, AND A PREMIUM MERCH
PACK.THREE DAYS OF
GAMING ,LUXORY,AND NEXT-LEVEL ACCESS TO THE BASE.
RESERVED MAIN STAGE SEATING, BACKSTAGE MEET & GREETS, AND A PREMIUM MERCH
PACK. THREE DAYS OF
GAMING, LUXURY, AND NEXT-LEVEL ACCESS TO THE BASE.
</p>
......@@ -759,7 +807,7 @@ AND ONLY THE BEST REACH THE TOP.</p>
</div>
<div class="info">
<p id="newsletter_text">RECEIVE THE LATEST NEWS FROM THE BASE - GAMING FESTIVAL</p>
<form>
<form onsubmit="sendEmail(event)" method="post">
<div>
<label for="email">Email:</label>
<input type="text" id="email" name="email" />
......@@ -768,13 +816,28 @@ AND ONLY THE BEST REACH THE TOP.</p>
<label for="phone">Phone:</label>
<input type="text" id="phone" name="phone" />
</div>
<button type="submit" onclick=>send message</button>
<button type="submit" >subscribe</button>
</form>
</div>
</div>
</div>
<div class="social_accounts">
<div class="icons">
<a onclick="openNewWindow('https://x.com/thebasekuwait')"><img src="./images/twitter.png"></a>
<a onclick="openNewWindow('https://www.instagram.com/kuwaitthebase/')"><img src="./images/instagram.png"></a>
<a onclick="openNewWindow('https://www.facebook.com/profile.php?id=61581965409215')"><img src="./images/facebook-app-symbol.png"></a>
</div>
<div class="buttonc_parent">
<button onclick="openWhatsApp()">Contact us </button>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
......
index.js
View file @ c1669fd3
const swiper = new Swiper(".mySwiper", {
slidesPerView: 7,
spaceBetween: 30,
loop: false,
......@@ -77,6 +78,9 @@ let playable_games_title=document.getElementById("playable_games_title")
let esports_title=document.getElementById("esports_title")
let e_sport_btn=document.getElementById("e_sport_btn")
let Ar_flag=true
let user_email=document.getElementById("email")
let user_phone=document.getElementById("phone")
let book_now1=document.getElementById("book_now1")
function changeLanguage(lang) {
console.log("function")
......@@ -158,10 +162,10 @@ function changeLanguage(lang) {
}
}
// window.onload=function()
// {
// changeLanguage("en")
// }
window.onload=function()
{
changeLanguage("en")
}
// document.querySelector(".en_lang").addEventListener("click", () => changeLanguage("en"));
// document.querySelector(".en_lang1").addEventListener("click", () => changeLanguage("en"));
// document.querySelector(".ar_lang").addEventListener("click", () => changeLanguage("ar"));
......@@ -212,20 +216,142 @@ window.addEventListener("resize", function() {
else
window.open(url, "_blank");
}
e_sport_btn.onclick=function ()
{
if(Ar_flag)
location.href = "#ticketing_section_ar"
else
location.href = "#ticketing_section"
e_sport_btn.onclick = function() {
const targetId = Ar_flag ? "ticketing_section_ar" : "ticketing_section";
const target = document.getElementById(targetId);
if (target) {
target.scrollIntoView({ behavior: "smooth" });
// Remove hash from URL
history.pushState("", document.title, window.location.pathname + window.location.search);
}
};
book_now.onclick = function() {
const targetId = "ticketing_section_ar"
const target = document.getElementById(targetId);
ticketing_btn1.onclick=function ()
{
if(Ar_flag)
location.href = "#ticketing_section_ar"
else
location.href = "#ticketing_section"
if (target) {
target.scrollIntoView({ behavior: "smooth" });
// Remove hash from URL
history.pushState("", document.title, window.location.pathname + window.location.search);
}
};
book_now1.onclick = function() {
console.log("id")
const targetId = "ticketing_section_ar"
const target = document.getElementById(targetId);
if (target) {
target.scrollIntoView({ behavior: "smooth" });
// Remove hash from URL
history.pushState("", document.title, window.location.pathname + window.location.search);
}
};
ticketing_ar.onclick = function() {
const targetId = "ticketing_section_ar"
const target = document.getElementById(targetId);
if (target) {
target.scrollIntoView({ behavior: "smooth" });
// Remove hash from URL
history.pushState("", document.title, window.location.pathname + window.location.search);
}
};
// e_sport_btn.onclick=function ()
// {
// if(Ar_flag)
// location.href = "#ticketing_section_ar"
// else
// location.href = "#ticketing_section"
// }
ticketing_btn1.onclick = function() {
const targetId = Ar_flag ? "ticketing_section_ar" : "ticketing_section";
const target = document.getElementById(targetId);
if (target) {
target.scrollIntoView({ behavior: "smooth" });
// Remove hash from URL
history.pushState("", document.title, window.location.pathname + window.location.search);
}
};
const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
function sendEmail(event)
{
event.preventDefault();
console.log("sendmail")
if(!user_email.value||!user_phone.value)
notify()
else if(!emailPattern.test(user_email.value))
notify1()
else{
var Params={
email:user_email.value,
phone: user_phone.value
}
const servieceID="service_n1e464q"
const templateID="template_3dejf6d"
emailjs.send(servieceID,templateID,Params)
.then(
res=>{
document.getElementById("email").value="";
document.getElementById("phone").value="";
notifyS()
}
).catch((error)=>console.log("Error : ",error))
}
}
function openWhatsApp() {
const phone = "96595504919"; // full number, no '+'
const appUrl = `whatsapp://send?phone=${phone}`;
const webUrl = `https://wa.me/${phone}`;
// Detect platform
const ua = navigator.userAgent.toLowerCase();
const isAndroid = ua.includes("android");
const isIOS = /iphone|ipad|ipod/.test(ua);
// Try open WhatsApp app
window.location.href = appUrl;
setTimeout(() => {
if (isAndroid) {
window.location.href = webUrl;
} else if (isIOS) {
window.location.href = webUrl;
} else {
window.open(webUrl, "_blank");
}
}, 800);
}
function notify() {
Toastify({
text: "Email and Phone required",
duration: 3000,
gravity: "top",
position: "right",
backgroundColor: "red",
}).showToast();
}
function notify1() {
Toastify({
text: " invalid Email",
duration: 3000,
gravity: "top",
position: "right",
backgroundColor: "red",
}).showToast();
}
function notifyS() {
Toastify({
text: "Form submitted successfully!",
duration: 3000,
gravity: "top",
position: "right",
backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
}).showToast();
}
\ No newline at end of file
style.css
View file @ c1669fd3
......@@ -685,7 +685,7 @@ header .right_side a:nth-child(4) {
/* ===========letters================ */
.letters {
background-color: var(--bck_color);
padding: 20px 0;
padding: 20px 0 50px 0;
}
......@@ -775,7 +775,8 @@ header .right_side a:nth-child(4) {
color: white;
}
.letters form button {
.letters form button,
.social_accounts .buttonc_parent button {
background: linear-gradient(to right, #151552f7 20%, #6a1a97, var(--purple_col));
;
outline: none;
......@@ -937,7 +938,8 @@ header .right_side a:nth-child(4) {
width: 100%;
margin-top: 0;
}
.letters form button
.letters form button,
.social_accounts .buttonc_parent button
{
font-size: 31.5px;
margin-top: 80px;
......@@ -1134,7 +1136,8 @@ header .right_side a:nth-child(4) {
{
margin-top: 25px;
}
.letters form button
.letters form button,
.social_accounts .buttonc_parent button
{
font-size: 25px;
margin-top: 40px;
......@@ -1229,7 +1232,8 @@ header .right_side a:nth-child(4) {
{
margin-top: 25px;
}
.letters form button
.letters form button,
.social_accounts .buttonc_parent button
{
font-size: 25px;
margin-top: 40px;
......@@ -1357,7 +1361,8 @@ header .right_side a:nth-child(4) {
{
margin-top: 25px;
}
.letters form button
.letters form button,
.social_accounts .buttonc_parent button
{
font-size: 18px;
margin-top: 40px;
......@@ -2544,6 +2549,10 @@ header .right_side a:nth-child(4) {
}
@media(max-width:800px) {
.card_game_ar .card_game_cont .main_img, .card_game_ar .card_game_cont .img_parent
{
height: 400px;
}
.card_game_ar .card_game_cont .text p
{
transform: translateX(-50px);
......@@ -2645,7 +2654,7 @@ header .right_side a:nth-child(4) {
.card_game_ar .card_game_cont .text div h1:nth-child(2) {
margin-left: 0;
margin-bottom: 20px;
margin-bottom: 30px;
}
.card_game_ar .card_game_cont .text h1
......@@ -2763,7 +2772,7 @@ header .right_side a:nth-child(4) {
.card_game_ar .card_game_cont .text h1 {
font-size: 18px;
line-height: 32px;
line-height: 18px;
}
.card_game .card_game_cont .text p {
......@@ -3476,7 +3485,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
}
.mobile_ar .mobile_cont a
{
margin-top: 13px;
margin-top: 15px;
}
.mobile_ar .mobile_cont img
{
......@@ -3505,12 +3514,15 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
.mobile_ar .mobile_cont .text {
transform: translateX(0);
margin-top: 30px;
padding: 0;
}
.mobile_ar .mobile_cont .text h1
{
font-size: 25px;
line-height: 32px;
width: 80%;
margin-top: 0;
margin-bottom: 30px;
}
.Vr_zone_ar .Vr_zone_ar_cont .text p,.mobile_ar .mobile_cont .text p
{
......@@ -3548,6 +3560,10 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
width: 94%;
margin: 0 3%;
}
.mobile_ar .mobile_cont .main_img
{
height: 350px;
}
}
@media(max-width:350px) {
......@@ -5545,6 +5561,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
direction: ltr;
/* margin-left: 10%; */
line-height: 55px;
margin-bottom: 10px;
font-family: var(--sora_extrabold);
......@@ -5558,6 +5575,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
font-weight: normal;
font-family: var(--sora_font);
line-height: 48px;
margin-top: 0;
}
......@@ -5801,12 +5819,17 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
}
.cosplay_ar .cosplay_cont .text p {
font-size: 25px;
font-size: 20px;
}
.cosplay_ar .cosplay_cont .text h1 {
font-size: 30px;
font-size: 25px;
width: 100%;
line-height: 27px;
}
.cosplay_ar .cosplay_cont .img_parent,
.cosplay_ar .cosplay_cont .main_img {
height: 345px;
}
}
......@@ -5816,7 +5839,11 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
height: 100%;
}
.cosplay_ar .cosplay_cont .text h1
{
margin-top: 0;
margin-bottom: 30px;
}
.cosplay_ar .cosplay_cont {
display: flex;
flex-direction: column-reverse;
......@@ -5834,6 +5861,15 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
transform: translateX(0);
margin-top: 30px;
}
.cosplay_ar .cosplay_cont .text p
{
font-size: 17px;
line-height: 25px;
}
.cosplay_ar .cosplay_cont .img_parent, .cosplay_ar .cosplay_cont .main_img
{
height: 400px;
}
}
......@@ -5870,8 +5906,8 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
.cosplay_ar .cosplay_cont .text h1 {
font-size: 18px;
width: 100%;
line-height: 32px;
width: 90%;
line-height: 25px;
}
.cosplay_ar .cosplay_cont .text p {
......@@ -5886,7 +5922,18 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
}
}
@media(max-width:400px)
{
.cosplay_ar .cosplay_cont .text h1 {
width: 95%;
}
.cosplay_ar .cosplay_cont .img_parent, .cosplay_ar .cosplay_cont .main_img
{
height: 350px;
}
}
@media(max-width:350px) {
.cosplay_ar .cosplay_cont {
width: 94%;
......@@ -6598,22 +6645,23 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
transform: translateX(-65px);
}
.Vr_zone_ar .Vr_zone_ar_cont .text h1 {
font-size: 27px;
font-size: 24px;
width: 100%;
line-height: 31px;
}
.Vr_zone_ar .Vr_zone_ar_cont .text p {
font-size: 17px;
font-size: 18px;
line-height: 24px;
width: 100%;
}
.Vr_zone_ar .Vr_zone_ar_cont .main_img {
height: 390px;
height: 397px;
}
.Vr_zone_ar .Vr_zone_ar_cont a {
font-size: 18px;
}
}
@media(max-width:800px) {
......@@ -6647,6 +6695,8 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
{
font-size: 25px;
line-height: 33px;
margin-bottom: 30px;
margin-top: 0;
}
.Vr_zone_ar .Vr_zone_ar_cont .text p
{
......@@ -6665,6 +6715,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
font-size: 18px;
width: 100%;
line-height: 26px;
margin-top: 0;
}
.Vr_zone_ar .Vr_zone_ar_cont .text p {
......@@ -6722,3 +6773,150 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
width: 100%;
margin-left: 0;
}
.social_accounts
{
background-color: var(--bck_color);
padding: 10px 10px 40px 10px;
/* border-top: 2px solid var(--title_color); */
position: relative;
}
.social_accounts::before
{
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
content: "";
background: linear-gradient(90deg,#a109ae ,#480c6c,#1f0d4e);
}
.social_accounts .icons
{
display: flex;
align-items: center;
justify-content: center;
column-gap: 30px;
width: 50%;
margin: 30px 25% 0;
}
.social_accounts .icons i
{
font-size: 25px;
color: white;
}
.social_accounts .icons a
{
cursor: pointer;
}
.social_accounts .icons img
{
width: 30px ;
height: 30px;
filter: invert(1);
}
/* .social_accounts .icons a:hover img
{
filter: invert(0);
} */
.social_accounts .buttonc_parent
{
display: flex;
align-items: center;
justify-content: center;
}
.social_accounts .buttonc_parent .button
{
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
border: none;
border-radius: 22px;
background: linear-gradient(90deg, #a509b0, #680b83, #1e0d4e);
padding: 9px 35px;
display: block;
width: fit-content;
/* margin-left: 40%; */
cursor: pointer;
outline: none;
text-align: start;
margin-top: 50px;
transform: translateX(10px);
font-size: 25px;
font-family: var(--sora_extrabold);
}
@media(max-width:1030px)
{
/* .social_accounts .buttonc_parent button
{
font-size: 20px;
} */
}
@media(max-width:800px)
{
/* .social_accounts .buttonc_parent button
{
font-size: 20px;
padding: 10px 30px;
} */
}
@media(max-width:500px)
{
/* .social_accounts .buttonc_parent button
{
font-size: 15px;
padding: 10px 30px;
} */
.social_accounts .icons img
{
width: 20px;
height: 20px;
}
.social_accounts .icons
{
width: 70%;
margin: 30px 19% 0;
justify-content: start;
}
.social_accounts .buttonc_parent
{
width: 70%;
margin: 0px 16% 0;
justify-content: start;
}
}
@media(max-width:400px)
{
.social_accounts .icons
{
width: 95%;
margin: 30px 2.5% 0;
justify-content: start;
}
.social_accounts .buttonc_parent
{
width: 100%;
margin: 0px 0% 0;
justify-content: start;
}
}
.fade-black::after {
content: "";
position: absolute;
inset: 0;
background: black;
opacity: 0;
transition: opacity 0.4s;
z-index: 2;
}
/* Fade to black during transition */
.swiper-slide.swiper-slide-prev.fade-black::after,
.swiper-slide.swiper-slide-next.fade-black::after {
opacity: 1;
}
\ No newline at end of file
style2.css
View file @ c1669fd3
......@@ -738,7 +738,11 @@
font-size: 37px;
font-family: var(--main-font);
}
.ticketing_section .ticket_type h1,
.ticketing_section .ticket_type span
{
font-family: var(--sora_extrabold);
}
.ticketing_section .title img {
width: 400px;
}
......@@ -827,7 +831,7 @@
.ticketing_section .days .text p {
font-weight: 400;
font-family: var(--font_noor_light);
font-family: var(--sora_font);
color: white;
font-size: 25px;
......@@ -1048,10 +1052,7 @@
}
.ticketing_sec_ar .btnn2 {
/* width: 20%;
margin-left: 80%; */
}
.btn2_type {
......@@ -1074,7 +1075,7 @@
font-size: 18px;
position: absolute;
bottom: 20px;
font-family: var(--noor_font);
font-family: var(--font_noor_light);
}
......@@ -1099,7 +1100,7 @@
font-size: 18px;
position: absolute;
bottom: 20px;
font-family: var(--noor_font);
font-family: var(--font_noor_bold);
}
......@@ -1107,7 +1108,12 @@
.ticketing_section_ar .days_grid .days:nth-child(1) a {
margin-top: 35px;
}
.ticketing_section .btnn2,
.btn2_type,
.btn2_type_s {
font-family: var(--sora_extrabold);
}
/* ========================== */
/* =====Responsive========== */
@media(max-width:2200px)
......@@ -1120,10 +1126,12 @@
{
font-size: 30px;
/* width: 100%; */
/* color: blue; */
}
.ticketing_section .days_t .day_ticket
{
font-size: 45px;
/* color: red; */
}
.ticketing_section_ar .days_t .text p, .ticketing_section_ar .days .text p
{
......@@ -1153,6 +1161,12 @@
{
font-size: 60px;
}
.ticketing_section .days_t .text p,
.ticketing_section .days .text p
{
font-size: 35px;
line-height: 45px;
}
}
@media(max-width:2000px)
{
......@@ -1249,9 +1263,11 @@
{
font-size: 25px;
}
.ticketing_section .ticket_type h1
.ticketing_section .days_t .text p,
.ticketing_section .days .text p
{
/* width: 50%; */
font-size: 25px;
line-height: 35px;
}
.ticketing_section .ticket_type span
{
......@@ -1352,6 +1368,19 @@
font-size: 25px;
line-height: 35px;
}
.ticketing_section .btnn2,
.btn2_type,
.btn2_type_s
{
padding: 8px 0px 3px 20px;
font-size: 16px;
text-align: start;
}
.btn2_type_s ,
.btn2_type
{
bottom: 60px;
}
}
@media(max-width:1300px) {
......@@ -1383,10 +1412,7 @@
font-size: 18px;
transform: translateX(30px);
}
.ticketing_section .ticket_type h1
{
/* width: 50%; */
}
.ticketing_section .ticket_type span
{
font-size: 35px;
......@@ -1412,6 +1438,30 @@
.ticketing_section_ar a {
margin: 30px 0 0 60%;
}
.ticketing_section .btnn2,
.btn2_type,
.btn2_type_s
{
padding: 3px 0px 3px 20px;
font-size: 14px;
text-align: start;
}
.btn2_type_s
{
bottom: 60px;
}
.ticketing_section .days_t .text p
{
width: 87%;
}
.ticketing_section .days_t .text .days3_p
{
width: 95%;
}
.btn2_type
{
bottom: 60px;
}
}
......@@ -1455,7 +1505,7 @@
}
.ticketing_section .days_t .text p {
font-size: 18px;
line-height: 32px;
line-height: 25px;
}
.btn2_type {
......@@ -1489,11 +1539,33 @@
{
margin: 3%;
}
.btn2_type_s, .btn2_type
{
bottom: 40px;
transform: translateX(25px);
}
.ticketing_section .btnn2
{
transform: translateX(25px);
}
.ticketing_section .btnn2, .btn2_type, .btn2_type_s {
padding: 7px 0px 3px 20px;
}
}
@media(max-width:950px) {
.btn2_type_s, .btn2_type ,
.ticketing_section .btnn2
{
bottom: 40px;
transform: translateX(0px);
width: 35%;
margin-left: 65%;
}
.ticketing_section .title img
{
width: 400px;
......@@ -1531,18 +1603,15 @@
font-size: 18px;
font-weight: normal;
margin-top: 30px;
line-height: 28px;
/* margin-left: 3% !important; */
}
/* .ticketing_section .days_grid .days p
{
font-size: 18px !important;
} */
.btnn2 {
font-size: 18px !important;
width: 45% !important;
margin-left: 55%;
font-size: 18px ;
}
/* .days_grid
......@@ -1610,10 +1679,7 @@
padding-bottom: 60px;
}
.btn2_type_s {
width: 45%;
margin-left: 55%;
}
.ticketing_section .days_t .day_ticket {
width: unset;
......@@ -1793,9 +1859,10 @@
margin-left: 35%;
}
.btnn2 {
width: 60% !important;
margin-left: 40%;
.btn2_type_s, .btn2_type, .ticketing_section .btnn2
{
width: 50%;
margin-left: 50%;
}
.ticketing_section .days>div:nth-child(1) h1 {
......@@ -1829,11 +1896,20 @@
{
width: 400px;
} */
.ticketing_section .days_t .text p,
.ticketing_section .days .text p
{
line-height: 23px;
}
.btn2_type_s, .btn2_type, .ticketing_section .btnn2
{
bottom: 30px;
}
}
@media(max-width:400px) {
.vipp {
width: 100% !important;
......@@ -2035,21 +2111,23 @@
.vr-con {
width: 45%;
width: 50%;
background: var(--gradient);
padding: 40px 40px 0;
padding: 40px 0px 0 0px;
height: auto;
box-sizing: border-box;
transform: translateX(-20px);
}
/* العنوان */
.vr-title1 {
font-family: var(--sora_font);
font-family: var(--sora_extrabold);
font-size: 30px;
margin-bottom: 15px;
line-height: 1.2;
line-height: 35px;
word-wrap: break-word;
font-weight: 700;
width: 90%;
}
.neon {
......@@ -2058,12 +2136,18 @@
/* الفقرة */
.vr-p {
font-size: 25px;
line-height: 1.4;
font-size: 23px;
line-height: 28px;
margin-bottom: 25px;
font-family: var(--sora_font);
color: var(--text_color);
}
.vr-p p
{
margin: 0;
width: 93%;
}
/* النص العربي */
.arb {
direction: rtl;
......@@ -2099,6 +2183,8 @@
text-transform: uppercase;
color: white;
margin-top: 30px;
transform: translateX(-20px);
/* background: red; */
}
/* .vr-btn1:hover {
......@@ -2114,7 +2200,29 @@
flex-direction: row-reverse;
}
@media(min-width:2200px)
{
.vr-title1
{
/* color: red; */
font-size: 60px;
line-height: 60px;
}
.vr-p p
{
font-size: 40px;
line-height: 45px;
}
.vr-image
{
height: 640px;
/* background: red; */
}
.vr-btn1
{
font-size: 35px;
}
}
@media(max-width:2200px) {
.arbt {
font-size: 60px;
......@@ -2132,7 +2240,7 @@
}
.vr-image
{
height: 650px;
height: 600px;
/* background: red; */
}
.arbt {
......@@ -2141,6 +2249,18 @@
/* color: red; */
margin-bottom: 40px;
}
.vr-p p
{
font-size: 35px;
line-height: 45px;
}
.vr-title1
{
font-size: 50px;
line-height: 55px;
}
}
@media(max-width:2000px)
{
......@@ -2153,7 +2273,7 @@
{
font-size: 30px;
margin-top: 20px;
transform: translateX(-80px);
/* transform: translateX(-80px); */
}
}
@media(max-width:1850px) {
......@@ -2229,12 +2349,21 @@
/* color: red; */
margin-bottom: 40px;
}
}
@media(max-width:1800px) {
.arbt {
margin-left: 0;
text-align: end;
}
.vr-p p
{
font-size: 30px;
line-height: 33px;
}
.vr-title1
{
font-size: 45px;
line-height: 45px;
}
}
@media(max-width:1500px) {
.arbt {
......@@ -2295,6 +2424,61 @@
/* color: red; */
margin-bottom: 40px;
}
.vr-image
{
height: 430px;
/* background: black; */
}
.arb
{
line-height: 30px;
font-size: 25px;
}
.arbt {
margin-bottom: 25px;
font-size: 40px;
}
/* =================================== */
.vr-con {
width: 50%;
padding: 40px 0px 0 0px;
height: auto;
transform: translateX(-20px);
}
/* العنوان */
.vr-title1 {
font-size: 30px;
margin-bottom: 15px;
line-height: 35px;
width: 90%;
}
/* الفقرة */
.vr-p {
font-size: 25px;
line-height: 28px;
margin-bottom: 25px;
}
.vr-p p
{ font-size: 25px;
margin: 0;
width: 93%;
line-height: 28px;
}
}
@media(max-width:1440px)
{
......@@ -2305,11 +2489,17 @@
}
.vr-image {
height: 470px;}
.arbt {
height: 435px;
}
.arbt
{
margin-bottom: 30px;
}
.vr-title1
{
width: 80%;
}
}
@media(max-width:1300px)
{
......@@ -2321,8 +2511,8 @@
.vr-image
{
height: 380px;
/* background: red; */
height: 430px;
/* background: black; */
}
.arb
{
......@@ -2333,6 +2523,44 @@
margin-bottom: 25px;
font-size: 40px;
}
/* =================================== */
.vr-con {
width: 50%;
padding: 40px 0px 0 0px;
height: auto;
transform: translateX(-20px);
}
/* العنوان */
.vr-title1 {
font-size: 30px;
margin-bottom: 15px;
line-height: 35px;
width: 90%;
}
/* الفقرة */
.vr-p {
font-size: 25px;
line-height: 28px;
margin-bottom: 25px;
}
.vr-p p
{ font-size: 25px;
margin: 0;
width: 93%;
line-height: 28px;
}
}
@media(max-width:1100px)
{
......@@ -2357,7 +2585,7 @@
.vr-image,
.vr-con {
width: 48%;
height: 370px;
height: 390px;
/* min-height: 350px; */
}
......@@ -2366,9 +2594,11 @@
}
.vr-title1 {
font-size: 30px;
font-size: 25px;
text-align: right;
margin-left: 5%;
line-height: 30px;
width: 95%;
}
.title1en {
......@@ -2376,11 +2606,11 @@
}
.vr-p {
font-size: 22px;
line-height: 1.4;
text-align: start;
margin-left: 5%;
margin-right: 5%;
width: 100%;
}
/* العربي يبدأ من نفس المسافة */
......@@ -2397,18 +2627,29 @@
/* width: 200px; */
/* margin: 20px auto 0; */
display: block;
transform: translateX(0);
margin-top: 40px;
}
.vr-p p
{
font-size: 18px;
line-height: 23px;
}
.vr-con
{
transform: translateX(-43px);
}
}
/* ===== التابلت الصغير (768px) ===== */
@media (max-width: 768px) {
.vr-image img {
height: 300px;
height: 100%;
}
.vr-section {
flex-direction: column;
gap: 25px;
gap: 0px;
}
.vr-image,
......@@ -2416,12 +2657,24 @@
width: 90%;
height: auto;
}
.vr-image
{
height: 400px;
}
.vr-con
{
transform: translateX(0);
margin: 30px 0 0;
padding: 0;
}
.vr-title1 {
font-size: 30px;
font-size: 25px;
text-align: end;
margin-left: 0;
margin-bottom: 30px;
width: 85%;
margin-top: 0;
}
......@@ -2449,7 +2702,7 @@
.vr-btn1 {
width: 40%;
margin: 50px 0 0 0;
margin: 35px 0 0 0;
display: block;
}
......@@ -2463,9 +2716,9 @@
width: 80%;
}
.vr-con {
padding: 0;
margin: 20px 0 0 0;
.vr-p p
{
font-size: 17px;
}
}
......@@ -2475,7 +2728,7 @@
width: 90%;
margin: 0 5%;
flex-direction: column;
gap: 20px;
gap: 0px;
}
.vr-image,
......@@ -2504,6 +2757,11 @@
font-size: 14px;
line-height: 32px;
}
.vr-p p
{
font-size: 14px;
line-height: 20px;
}
.arb {
text-align: right;
......@@ -2547,11 +2805,15 @@
}
.vr-btn1 {
margin-top: 20px;
margin-top: 25px;
width: 60%;
font-size: 16px;
font-weight: normal;
}
.vr-image
{
height: 350px;
}
}
/* ===================== */
......
style3.css
View file @ c1669fd3
......@@ -619,3 +619,602 @@
}
}
/* =============================== */
.hero_sectionh2_en
{
display: grid;
align-items: start;
padding: 70px 50px 0 50px;
background-color: #0d0d41;
font-family: "Lalezar", sans-serif;
direction: ltr;
grid-template-columns: 60% 40%;
}
.mainiMg1h_en {
position: relative;
border-top-right-radius: 100% 300%;
border-bottom-right-radius: 10% 0%;
overflow: hidden;
width: 100%;
/* height: 100%; */
}
.mainiMg1h_en img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mainiMg1h_en::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(128, 0, 128, 0.5), rgba(11, 11, 58, 0.9));
}
.hero_desc_en
{
position: relative;
/* background-color: bisque; */
color: white;
}
.wordh21_en
{
display: flex;
flex-direction: column;
align-items: start;
font-weight: 600;
font-family: var(--sora_extrabold);
}
.wordh22_en,
.wordh23_en
{
font-weight: 600;
font-family: var(--sora_extrabold);
}
.wordh21_en span span
{
color: #aa09b4;
}
.hero-sech21_en
{
font-family: var(--sora_font);
}
.hero_sectionh2_en a {
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
border: none;
border-radius: 50px 0 0 50px;
background: linear-gradient(90deg,#a709b2 , #690b84, #2f0c5a);
padding: 5px 20px;
display: flex;
width: 100%;
height: 8%;
cursor: pointer;
outline: none;
text-align: start;
box-sizing: border-box;
font-size: 20px;
font-family: var(--sora_extrabold);
/* flex-direction: row-reverse; */
}
.hero_desc_res_en
{
display: none;
color: white;
}
.hero_desc_en p
{
margin: 2px 0 0;
}
.hero_desc_res_en .hero_title2_en
{
font-family: var(--sora_extrabold);
}
.hero_desc_res_en .hero_title2_en span
{
color: #aa09b4;
}
.hero_desc_res_en p
{
font-family: var(--sora_font);
}
@media(min-width:2200px)
{
.wordh21_en
{
font-size: 40px;
transform: translateX(-50px);
}
.wordh21_en .the_en
{
transform: translateX(35px);
}
.hero_desc_en .hero_title2_en
{
font-size: 40px;
}
.hero_desc_en p
{
font-size: 25px;
}
.wordh22_en
{
transform: translateX(5px);
}
.wordh23_en
{
transform: translateX(25px);
}
.hero-sech21_en
{
transform: translateX(40px);
font-size: 20px;
}
.hero-sech22_en
{
transform: translateX(50px);
font-size: 20px;
}
.hero-sech23_en
{
transform: translateX(55px);
font-size: 20px;
}
.hero-sech24_en
{
transform: translateX(60px);
font-size: 20px;
}
.hero-sech25_en
{
transform: translateX(70px);
font-size: 20px;
}
.hero_desc_en
{
transform: translateX(-40px);
}
.hero_sectionh2_en a
{
transform: translate(9%, 30px);
font-size: 20px;
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 500px;
}
}
@media(max-width:2200px)
{
.wordh21_en
{
font-size: 40px;
transform: translateX(-50px);
}
.wordh21_en .the_en
{
transform: translateX(35px);
}
.hero_desc_en .hero_title2_en
{
font-size: 40px;
}
.hero_desc_en p
{
font-size: 25px;
}
.wordh22_en
{
transform: translateX(5px);
}
.wordh23_en
{
transform: translateX(25px);
}
.hero-sech21_en
{
transform: translateX(40px);
font-size: 20px;
}
.hero-sech22_en
{
transform: translateX(50px);
font-size: 20px;
}
.hero-sech23_en
{
transform: translateX(55px);
font-size: 20px;
}
.hero-sech24_en
{
transform: translateX(60px);
font-size: 20px;
}
.hero-sech25_en
{
transform: translateX(70px);
font-size: 20px;
}
.hero_desc_en
{
transform: translateX(-40px);
}
.hero_sectionh2_en a
{
transform: translate(11%, 30px);
font-size: 20px;
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 500px;
}
}
@media(max-width:1600px)
{
.wordh21_en
{
font-size: 40px;
transform: translateX(-50px);
}
.wordh21_en .the_en
{
transform: translateX(35px);
}
.hero_desc_en .hero_title2_en
{
font-size: 40px;
}
.hero_desc_en p
{
font-size: 25px;
}
.wordh22_en
{
transform: translateX(5px);
}
.wordh23_en
{
transform: translateX(25px);
}
.hero-sech21_en
{
transform: translateX(40px);
font-size: 20px;
}
.hero-sech22_en
{
transform: translateX(50px);
font-size: 20px;
}
.hero-sech23_en
{
transform: translateX(55px);
font-size: 20px;
}
.hero-sech24_en
{
transform: translateX(60px);
font-size: 20px;
}
.hero-sech25_en
{
transform: translateX(70px);
font-size: 20px;
}
.hero_desc_en
{
transform: translateX(-40px);
}
.hero_sectionh2_en a
{
transform: translate(15%, 30px);
font-size: 20px;
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 560px;
}
}
@media(max-width:1440px)
{
.wordh21_en
{
font-size: 40px;
transform: translateX(-50px);
}
.wordh21_en .the_en
{
transform: translateX(35px);
}
.wordh22_en,
.wordh23_en
{
font-size: 40px;
}
.wordh22_en
{
transform: translateX(5px);
}
.wordh23_en
{
transform: translateX(25px);
}
.hero_desc_en p
{
font-size: 20px;
margin-top: 2px;
margin-bottom: 0;
}
.hero-sech21_en
{
transform: translateX(40px);
font-size: 20px;
}
.hero-sech22_en
{
transform: translateX(50px);
font-size: 20px;
}
.hero-sech23_en
{
transform: translateX(55px);
font-size: 20px;
}
.hero-sech24_en
{
transform: translateX(60px);
font-size: 20px;
}
.hero-sech25_en
{
transform: translateX(70px);
font-size: 20px;
}
.hero_desc_en
{
transform: translateX(-50px);
}
.hero_sectionh2_en a
{
transform: translate(16.5%, 30px);
font-size: 20px;
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 490px;
}
}
@media(max-width:1430px)
{
.hero_sectionh2_en .mainiMg1h_en
{
height: 530px;
}
}
@media(max-width:1300px)
{
.wordh21_en
{
font-size: 40px;
transform: translateX(-50px);
}
.wordh21_en .the_en
{
transform: translateX(35px);
}
.wordh22_en,
.wordh23_en
{
font-size: 40px;
}
.wordh22_en
{
transform: translateX(5px);
}
.wordh23_en
{
transform: translateX(25px);
}
.hero_desc_en p
{
font-size: 20px;
}
.hero-sech21_en
{
transform: translateX(40px);
font-size: 20px;
}
.hero-sech22_en
{
transform: translateX(50px);
font-size: 20px;
}
.hero-sech23_en
{
transform: translateX(55px);
font-size: 20px;
}
.hero-sech24_en
{
transform: translateX(60px);
font-size: 20px;
}
.hero-sech25_en
{
transform: translateX(70px);
font-size: 20px;
}
.hero_desc_en
{
transform: translateX(-40px);
}
.hero_sectionh2_en a
{
transform: translate(19.1%, 30px);
font-size: 20px;
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 490px;
}
}
@media(max-width:1030px)
{
.wordh21_en
{
font-size: 30px;
transform: translateX(-50px);
}
.wordh21_en .the_en
{
transform: translateX(35px);
}
.wordh22_en,
.wordh23_en
{
font-size: 30px;
}
.wordh22_en
{
transform: translateX(5px);
}
.wordh23_en
{
transform: translateX(25px);
}
.hero_desc_en p
{
font-size: 20px;
margin-top: 2px;
margin-bottom: 0;
}
.hero-sech21_en
{
transform: translateX(40px);
}
.hero-sech22_en
{
transform: translateX(50px);
}
.hero-sech23_en
{
transform: translateX(55px);
}
.hero-sech24_en
{
transform: translateX(60px);
}
.hero-sech25_en
{
transform: translateX(70px);
}
.hero_desc_en
{
transform: translate(-30px,10px);
}
.hero_sectionh2_en a
{
transform: translate(20%, 30px);
font-size: 20px;
width: 100%;
background: linear-gradient(90deg,#a709b2 , #690b84, #0d0d41);
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 480px;
}
.hero_sectionh2_en
{
grid-template-columns: 63% 37%;
}
}
@media(max-width:900px)
{
.hero_desc_en
{
display: none;
}
.hero_desc_res_en
{
display: block;
}
.hero_sectionh2_en
{
grid-template-columns: 80%;
align-items: center;
justify-content: center;
}
.hero_desc_res_en .hero_title2_en
{
font-size: 30px;
}
.hero_desc_res_en p
{
font-size: 20px;
margin: 0;
}
}
@media(max-width:500px)
{
.hero_sectionh2_en .mainiMg1h_en
{
border-top-right-radius: 0% 0%;
border-bottom-right-radius: 0% 0%;
}
.hero_sectionh2_en
{
grid-template-columns: 90%;
padding: 0;
}
.hero_sectionh2_en a
{
transform: translate(0%, 30px);
font-size: 15px;
}
.hero_desc_res_en .hero_title2_en
{
font-size: 18px;
}
.hero_desc_res_en p
{
font-size: 14px;
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 350px;
}
}
@media(max-width:350px)
{
.hero_desc_res_en .hero_title2_en
{
/* font-size: 16px; */
}
}
\ No newline at end of file
t.txt 0 → 100644
View file @ c1669fd3
.hero_sectionh2_en .span_base
{
font-family: var(--sora_font)
}
.hero_sectionh2_en .wordh21 .the {
color: #aa09b4;
margin-right: 15px;
font-family: var(--sora_extrabold);
}
.hero_sectionh2_en .wordh22 {
display: flex;
font-size: 35px;
/* width: 40%; */
transform: translate(56px,0px);
font-weight: 600;
margin-left: 40px;
font-family: var(--noor_font);
}
.hero_sectionh2_en .hero-sech21 {
display: flex;
transform: translate(20px, 10px);
font-size: 25px;
font-weight: 400;
/* width: 35% !important; */
font-family: var(--font_noor_light);
}
.hero_sectionh2_en .hero-sech22 {
display: flex;
transform: translate(20px, -10px);
right: -20px;
/* top: 148px; */
font-size: 40px;
font-weight: 400;
font-family: var(--font_noor_light);
/* width: 35% !important; */
}
.hero_sectionh2_en .hero-sech23 {
display: flex;
font-size: 40px;
font-weight: 400;
/* width: 35% !important; */
font-family: var(--font_noor_light);
transform: translate(10px, -30px);
}
.hero_sectionh2_en .hero-sech24 {
display: flex;
font-size: 40px;
font-weight: 400;
/* width: 35% !important; */
font-family: var(--font_noor_light);
transform: translate(1px, -50px);
right: -8px;
top: 214px;
}
.hero_sectionh2_en .hero-sech25 {
display: flex;
transform: translate(-5px, -80px);
font-size: 40px;
font-weight: 400;
/* width: 35% !important; */
font-family: var(--font_noor_light);
}
.hero_sectionh2_en a {
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
border: none;
border-radius: 0 50px 50px 0;
background: linear-gradient(90deg, #2f0c5a, #690b84, #a709b2);
padding: 15px 20px;
display: flex;
width: 100%;
height: 8%;
cursor: pointer;
outline: none;
text-align: start;
box-sizing: border-box;
font-size: 20px;
font-family: var(--font_noor_bold);
/* flex-direction: row-reverse; */
transform: translate(-20%, -80px);
}
.hero_sectionh2_en .hero_desc_res_ar a
{
position: relative;
transform: translate(0,0);
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment