@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    font-family: "Noto Sans", sans-serif;
    box-sizing: border-box;
}
.wpthemeFrame .wpthemeMainContent .wpthemeInner{
max-width: 100%!important;
}
body#content .wpthemeFrame {
    min-width: 300px !important;
}
a{
    text-decoration: none;
}
ul, li, p, a, h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
body{
    margin: 0;
    padding: 0;
    font-family: "Noto Sans", sans-serif;
}
body, html {
    height: 100%; 
}
/*---------------------------------- This is a theme CSS-------------------------------------------------- */
.wpthemeLayoutContainers {
    padding: 0!important;
}
/*---------------------------------- This is a Header CSS-------------------------------------------------- */

.header_wraper{
    width: 100%;
    padding: 15px 0;
    margin: 0;
   position: absolute;
   z-index: 99;
    background: linear-gradient(0deg, rgba(45, 45, 45, 0.6), rgba(45, 45, 45, 0.6)),
linear-gradient(270deg, rgba(89, 69, 139, 0) -2.29%, rgba(89, 69, 139, 0.2) 100%);
backdrop-filter: blur(20px);
 

.nav-scroller::-webkit-scrollbar {
  display: none;
}
 
.scroll-btn {
  border: none;
  cursor: pointer;
  position: absolute;
  z-index: 10;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  top:2px;
}
 
.scroll-btn.left {
  left: 10px;   
}
 
.scroll-btn.right {
  right: 10px;
}
.tabs-wrapper1 {
  position: relative;
}

}
.banner-custom-card {
    width: 50%!important;
    padding-right: 50px!important;
}
.postion_rel{
    position: relative;
}
.dummy{
    width: 100%;
    padding: 20px 0;
    width: 100%;
    background: green;
    
}
img.logo-eng{
    width: 100px;
}
.header{
    width: 100%;
    display: flex;
    align-items: center;
}
.right-header{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    
}
.header_top_row{
    width: 920px;
    padding:5px 0 10px 0;
    border-bottom: 1px solid  rgba(255, 255, 255, .7);
}
.navigation-cls {
    padding-top: 10px;
}
.navigation-cls ul{
    display: flex;
    justify-content: flex-end;
    padding: 0;
    gap: 56px;
    position: relative;
}
.navigation-cls ul li {
    list-style: none;
}
.navigation-cls ul li a{
    font-family: "Noto Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
}
.navigation-cls ul li a.arrow{
    padding-right: 20px;
    background: url(../images/arrow.svg) no-repeat right 8px;
 
}
.navigation-cls ul li a.arrow.arrowup{
    background: url(../images/arrow-up.svg) no-repeat right 8px;
    background-size: 13px;
}
.navigation-cls ul li ul{
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
linear-gradient(0deg, rgba(45, 45, 45, 0.05), rgba(45, 45, 45, 0.05)),
linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
border-radius: 8px;
width: 180px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
top: 26px;
display: none;
}
.navigation-cls ul li.language_drop ul{
    width: 100px;

}


.navigation-cls ul li ul li{
    width: 100%;
}
.navigation-cls ul li ul li a{

font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
}
.navigation-cls ul li:hover ul {
    display: flex;

}
.logo{
    width:250px;
    
}
.header_top_row ul{
    display: flex;
    justify-content: flex-end;
    padding: 0;
    gap: 5px;
    margin: 0;
   
}
.header_top_row ul li {
    display: flex;
    margin-right: 5px;
    position: relative;
}

.header_top_row ul li:last-child {
    margin: 0;
}
.header_top_row ul li img {
    margin-right: 7px;
    max-width: 20px;
    height: 20px;
    margin-top: -1px;
}
.header_top_row ul li, .header_top_row ul li a{
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    color: #fff;
    font-weight: 300;
  

}
 .timings, .time-items{
    display: none;
}
.time_arrow{
    width: 12px;
    height: 12px;
    background: url(../images/arrow_outward_bottom.svg) no-repeat 0 0;
    background-size: 12px;
    margin-left: 5px;
    margin-top: 3px;
    display: inline-block;
}
.time_arrow_open{
    background: url(../images/arrow_outward_top.svg) no-repeat 0 0;
}

.mobile_menu{
    width: 60%;
    float: right;
    margin-top: -50px;
    display: none;
 
    
}
.mobile_menu ul{
    display: flex;
    justify-content: flex-end;
    gap: 30px;
}
.mobile_menu ul li ul{
    display: none;
}
.mobile_menu ul li:hover{
    display: block;
}
.mobile_menu ul li img{
    width: 25px;
}
.mobile_menu ul li.language_drop_but img{
    width: 30px;
}
.time-items{
    display: none;
    padding: 0 0 0px 0;
     
}
.time-items ul {
    display: flex;
    flex-direction: column;
    margin-top: 20px;

}
.time-items ul li {
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
display: flex;
font-weight: 300;
}
.time-items ul li img{
    margin-right: 10px;
    width: 18px;
}
.time-items ul li a{
    color: #fff;
}
.mobile_nav{
    display: none;
    margin-top: 25px;

}
.mobile_nav .navigation-cls ul{
    flex-direction: column;
    
}
.mobile_nav .navigation-cls ul li ul{
    display: none;
    position: static;
}
.mobile_nav .navigation-cls ul{
    gap: 20px;
}
.mobile_nav .navigation-cls ul li ul{
    background: none;

}
.mobile_nav .navigation-cls ul li ul{
padding-left: 0;
}
.mobile_nav .navigation-cls ul li:hover ul {
    display: none;
}
.mobile_nav .navigation-cls ul li ul li{
    margin-bottom: 16px;

}

.mobile_menu ul li{
    position: relative;
}
.mobile_menu ul li ul{
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
linear-gradient(0deg, rgba(45, 45, 45, 0.05), rgba(45, 45, 45, 0.05)),
linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
border-radius: 8px;
width: 100px;
padding: 10px;
display: flex;
flex-direction: column;
gap: 10px;
top: 26px;
display: none;
}
.mobile_menu ul li a {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
}


.mobile_menu ul li.menu_drop_but{
    background: url(../images/menu_icon.svg) no-repeat 0 2px;
    width: 25px;
    background-size: contain;
}
.mobile_menu ul li.menu_drop_but.closebut{
    background: url(../images/close.svg) no-repeat 0 2px;
}

/*---------------------------------- This is a banner  CSS-------------------------------------------------- */
.banner_wraper{
    width: 100%;
  
    height: calc(100vh - 165px);
    overflow: hidden;
}
 
.banner_but_tab{
    width: 100%;
    padding: 10px;
    position: absolute;
    bottom: 15px;
    text-align: left;
   

}
 .custom-button{
    float: left;
    width: 20%;
    height: 5px;
    background: #FFFFFF;
    opacity: 0.6;
    border-radius: 5px;
    margin: 0 3%;
    cursor: pointer;
    position: relative;
    
}
.custom-button:first-child{
    margin-left: 0;
}
.custom-button:last-child{
    margin-right: 0;
}
.custom-button.active, .custom-button:hover{
    opacity: 1;
}

.banner_info{
    width: auto;
    padding: 20px 20px 20px 20px;
    bottom: 100px;
position: absolute;
border-radius: 8px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.5); 
background: linear-gradient(0deg, rgba(45, 45, 45, 0.06), rgba(45, 45, 45, 0.06)),
linear-gradient(270deg, rgba(89, 69, 139, 0) 0%, rgba(89, 69, 139, 0.3) 100%);

}
.banner_info h1{
    font-family: "Noto Sans", sans-serif;
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
}
.banner_info p{
    font-size: 12px;
    margin-bottom: 10px;
    color: #fff;
}
.banner_learnmore{
    border-radius: 8px;
    font-size: 18px;
    padding: 9px 15px;
    color: #2d2d2d;
    text-decoration: none;
    float: left;
    font-weight: 700;
    width: 168px;
    box-sizing: border-box;
    height: 45px;
    background: #fff;
    
}
.banner_wraper .owl-carousel .owl-item .banner_learnmore img{
   
    width: 15px !important;
    height: auto;
    float: right;
    margin-top: 6px;

}



.owl-item {
    opacity: 0.3;
  }

  .owl-item.active {
    opacity: 1;
  }
  .view-all-transparent a {
    color: #2d2d2d;
    font-size: 16px;
}

  .owl-item .btn-agi-primary:hover{
    background: #59458B!important;
  }
  .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
    border: 0;
  }

  .banner-custom-card {
    /* background: linear-gradient(0deg, rgb(193 193 193 / 60%), rgb(151 151 151 / 60%)), linear-gradient(270deg, rgba(89, 69, 139, 0) -2.29%, rgba(89, 69, 139, 0.2) 100%);
    border: none;
    backdrop-filter: blur(10px);
    padding: 10px 20px;
    width: max-content; */
  }
  .owl-slider{
    position: relative;
  }
  .banner_dots{
    position: absolute;
    z-index: 9;
    width: 100%;
    text-align: center;
    bottom: 50px;
    height: 5px;
  }
  .custom-button span {
    position: absolute;
    top: -32px;
    margin: auto;
    left: 0;
    right: 0;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
  .banner_wraper .owl-carousel .owl-item img, .banner_wraper .owl-carousel .owl-item video {
    display: block;
    width: 100%!important;
    object-fit: cover;
    height: calc(100vh - 160px);
}
  .scroll-up {
    animation: slideUp 0.5s forwards;
    /* Example animation */
  }

  .scroll-down {
    animation: slideDown 0.5s forwards;
    /* Example animation */
  }

@media only screen and (max-width: 991px) {
    .navigation-cls ul li ul{
        width: 200px;
    }
}

  @keyframes slideUp {
    from {
      transform: translateY(130%);
      opacity: 0;
    }

    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  @keyframes slideDown {
    from {
      transform: translateY(0);
      opacity: 1;
    }

    to {
      transform: translateY(130%);
      opacity: 0;
    }
  }


  @media (max-width: 768px) {
    .shopbanner .brand-logo img {
        width: 80px !important;
    }
    
    .shop-brand-info{
        padding: 5px;
    }
    
    
   
    .store-dir-img{
        height: 205px;
    }
    #dynamic-tabContent .store-card-custom .position-absolute img {
        width: 80px !important;
        position: absolute;
        top: 40px;
        right: 10px;
    }
    
    #my-owl-carousel {
        padding: 0px 0px 0px 15px!important;
    }

    /* Adjust the max-width as needed */
    #carousel .owl-stage {
      padding-left: 0px !important;
    }
  
    .custom-button{
        margin: 0 2% !important;
    }
  }


/*------------------ Experience-Unforgattable Section Start ----------------------- */
.gradient-bg p {
    font-size: 16px;
    margin-top: 15px;
}

.gradient-bg h2 {
    font-size: 54px;
}

.experience-Unforgattable {
    display: flex;
        gap: 100px;
    }
.gradient-bg{
    width: 100%;
    padding-bottom: 50px;
    margin-bottom: 44px;
}
.experience-Unforgattable {
    padding-top: 20px;
    padding-bottom: 50px;
}
.agi-content-primary {
    color: #59458B;
}
.gradient-bg-arabic h2 {
    font-size: 64px;
}
.gradient-bg-arabic p {
    font-size: 18px;
    font-weight: 400;
}
.agi-content-secondary {
    color: #2d2d2d;
}
.gradient-bg {
    background: url(../images/gradientbg.svg);
    background-size: cover;
    background-repeat: no-repeat;
}
 




/*------------------ Experience-Unforgattable Section END ----------------------- */

.owl-item.active .btn-agi-primary:hover {
    background-color: #89115B !important;
    color: #fff !important;
 }
 .og-learnmore-btn:hover {
    background-color: #fff;

 }

 .btn.btn-agi-primary a{
    color: #fff;
    font-size: 16px;
 }
/* Client-slider Section Start */
#clientslogo-carousel .client-img img{
    width: 140px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}
.mb-50 
{
    margin-bottom: 50px;
}
.mt-50 
{
    margin-top: 50px;
}
.mt-30 {
    margin-top: 30px;
} 
.mb-30 {
    margin-bottom: 30px;
} 
/* Client-slider Section End */


/* flyva-slider Section Start */

#flyva-carousel  .owl-item.active:hover .gradient-green::after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #63984B, #63984B);
    opacity: .6;
    position: absolute;

}
#flyva-carousel  .owl-item.active:hover .gradient-blue::after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #074DB4, #074DB4);
    opacity: .6;
    position: absolute;

}




#flyva-carousel .custom-card-body {
    width: 90%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 999;
    margin: 5%;
    box-sizing: border-box;
}
#flyva-carousel .owl-item.active:first-child:hover .card.card-custom::after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #63984B, #63984B);
    opacity: .6;
    position: absolute;

}

#flyva-carousel .owl-item.active:last-child:hover .card.card-custom::after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #074DB4, #074DB4);
    opacity: .4;
    position: absolute;
}


#flyva-carousel h6{
font-size: 22px;
}


#flyva-carousel  .content-card{
    margin-bottom: 15px;
}
#flyva-carousel p{
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    }
/* flyva-slider Section End */


/* Experience-Unforgattable Section Start */
.section-pb {
    padding-bottom: 50px;
}
.section-pt {
    padding-top: 50px;
}
.gradient-bg {
    background: url('../images/gradientbg.svg');
    background-size: cover;
    background-repeat: no-repeat;
}
 
/* Experience-Unforgattable Section End */



/* Store Directory Section start */

#dynamic-tabContent .owl-item.active:hover .storedir-green::after{
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #63984B, #63984B);
    opacity: .6;
    position: absolute;
}


.scroll-container {
    width: 100%; /* Adjust as needed */
    overflow-x: auto; /* Enables horizontal scrolling */
    margin-bottom: 40px;
    padding: 0 1%;
    box-sizing: border-box;
  }
  .scroll-container {
    overflow-x: auto;  /* Enables horizontal scrolling */
    scrollbar-width: none;  /* For Firefox */
    -ms-overflow-style: none;  /* For Internet Explorer and Edge */
  }
  
  .scroll-container::-webkit-scrollbar {
    display: none;  /* For Chrome, Safari, and Opera */
  }
  
  .horizontal-scroll {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    gap: 10px;
    flex-direction: row;
    justify-content: center;
  }
  
  .horizontal-scroll li {
    min-width: auto; /* Adjust the width of each list item */
    
    padding: 7px 15px;
    text-align: center;
    border: 1px solid #2d2d2d; /* Optional: Add border to each item */
    box-sizing: border-box;
    text-wrap: nowrap;
    border-radius: 8px;
  }
  .horizontal-scroll li.active {
    background: #59458B;
    

  }
  .horizontal-scroll li.active button{
    color: #fff;
  } 
  
  .horizontal-scroll li button{
    font-size: 18px;
    font-weight: 700;
    color: #2d2d2d;
    font-family: "Noto Sans", sans-serif;
  }
  
  /* Optional: Add smooth scroll behavior for better user experience */
  .scroll-container {
    scroll-behavior: smooth;
  }
 
.store-card-custom {
    position: relative;
    border: none;
    overflow: hidden;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.store-card-body {
    position: absolute;
    top: 20px;
    left: 5%;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 90%;
    z-index: 99;
}

.start-30 {
    left: 0;
    right: 0;
    top: 0 !important;
    bottom: 0;
    margin: auto;
    width: 100px;
    height: 100px;
}
.top-40 {
    top: 40%;
}
.position-absolute {
    position: absolute !important;
}

.store-card-custom .position-absolute img {
    width: 100% !important;
}


/* Store Directory Section End */

/* OG Section Start */
.og-section-desktop {
    position: relative;
    display: block;
    padding: 0 10px;
    overflow: hidden;
}
.og-section-desktop  .btn-arrow{
    width: 16px;

}

.bg-img, .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure it covers the section */
}

/* Default: Hide video background and show image */
.bg-video {
    display: block;
}

/* If you want to use the video instead, toggle classes with JavaScript */
.video-active .bg-video {
    display: block;
}

.video-active .bg-img {
    display: none;
}

.og-learnmore-btn {
    background-color: #fff;
    color: #2d2d2d;
     
  
    padding: 10px 20px;
    font-weight: 700;
    font-size: 18px;
    border-radius: 8px;
    text-align: left;
}
.og-learnmore-btn span{
    float: right;
}
.og-content-grp {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
    margin-bottom:15px;
}
.og-content-card-sec {
    background: linear-gradient(0deg, rgba(38, 38, 38, 0.16), rgba(38, 38, 38, 0.16)), linear-gradient(270deg, rgba(89, 69, 139, 0) -4.39%, rgba(89, 69, 139, 0.3) 100%);
    backdrop-filter: blur(20px);
    width:450px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 44px;
    border-radius: 8px;
    position: relative;
    left: 13px;

}
.btn.og-learnmore-btn{
    width: 90%;
}
.btn.og-learnmore-btn:hover {
    color: #2d2d2d;
    opacity: 0.8;
}
.og-content-card-sec p {
    font-size: 18px;
}
.og-content {
    font-size: 38px;
}

/* .og-section-desktop {
    background: url('../images/og-bg.png') no-repeat center center;
    background-size: cover;
    position: relative;
    display: block; 
} */

.og-section-mobile {
    display: none; 
}
/* OG Section end */



/* Shopdine General Styling Start*/
.card-custom {
    position: relative;
    overflow: hidden;
    border-radius: 7px;
}
.custom-card-body {
    width: 90%;
    position: absolute;
    top: 20px;
    left: 18px;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 999;
}
.border-start-orange {
    border-left: 3px solid #FF5733 !important;
}
.border-start-green {
    border-left: 3px solid #0ECF8A !important;
}
.border-start-green{
    float: left;
    margin-top: 7px;
     
}
h2.StoreDir-head{
    font-size: 40px;
    color:  #59458B;
    font-family: "Noto Sans", sans-serif;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 700;

}

.viewall-arrow img {
    width: 15px !important;
    margin-left: 10px !important;
    margin-top: -2px;
}
.viwbtn{
    background-color: #59458B !important;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 20px;

}
.viwbtn a{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-top: -2px;
}
.viwbtn:hover{
    background-color: #89115B !important;
    color: #fff !important;
}

.custom-nav-shop{
    margin-bottom: 40px;
}

#tabs-slider .nav-tabs .nav-link{
    border: 1px solid #2D2D2D;
    padding: 6px 16px ;
    color: #2d2d2d;
    border-radius: 8px;
    margin: 0 7px;
    font-family: "Noto Sans", sans-serif;
    text-align: center;
   
    font-weight: 700;


}
.position-absolute img{
    width: 60%!important;

}
#tabs-slider .nav-tabs .nav-link.active{
    background: #59458B;
    color: #fff;

}



.border-start-green h6{
    padding-left: 10px;
    font-weight: 700;
    font-size: 18px;
    color: #2d2d2d;

}
.store-arrow-img {
    width: 30px;
    float: right;
}
.border-start-blue {
    border-left: 3px solid #1960B3 !important;
}
.content-arrow h6 {
    padding-left: 14px;
    font-weight: 700;
    font-size: 18px;
    color: #2d2d2d;
}
.shop-arrow {
    width: 30px !important;
}
.content-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
 
#shopdine-carousel .owl-item {
    opacity: 0.3;
}
#shopdine-carousel .owl-item.active {
    opacity: 1;
}
#shopdine-carousel .owl-item.active:hover .gradient-orange::after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #ff8c00, #ffa500);
    opacity: .4;
    position: absolute;
}

#shopdine-carousel .owl-item.active:hover .gradient-green::after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #63984B, #63984B);
    opacity: .6;
    position: absolute;
}

#shopdine-carousel .owl-item.active:hover .gradient-blue::after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #003366, #004d99);
    opacity: .4;
    position: absolute;
}
  .card.card-custom::after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #63984B, #63984B);
    / Updated gradient /
    opacity: .4;
    position: absolute;
}


/* Shopdine General Styling End*/



/* Our-Blog  General Styling start*/


.blog-wrapper{
    margin-bottom: 40px;
}
.blog-wrapper p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
}
.blog-heading {
    display: flex;
    justify-content: space-between;
    margin-bottom: 44px;
    padding: 0;
}
.view-all-transparent {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0px;
    margin-top: 15px;
    color: #2d2d2d;
}
.fs-global-h2 {
    font-size: 40px;
    font-weight: 700;
}
.agi-content-primary {
    color: #59458B;
}
.agi-content-secondary {
    color: #2d2d2d;
}
.fs-global-14 {
    font-size: 16px;
}
.fs-global-18 {
    font-size: 22px;
}
.card-border {
    border: none;
}

.btn-agi-primary {
    background-color: #59458B;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 18px;
    border-radius: 8px;
}

#my-owl-carousel .owl-nav button.owl-prev,
        .owl-nav button.owl-next {
            background: none;
            border: none;
            outline: none;
        }
        #my-owl-carousel .owl-nav {
            display: flex;
            justify-content: space-between;
        }
        #my-owl-carousel {
            position: relative;
        }
        #my-owl-carousel .owl-nav button.owl-prev img {
            position: absolute;
            left: 30px;
            top: 30%;
            width: 34px;
        }
        #my-owl-carousel .owl-nav button.owl-next img {
            position: absolute;
            right: 30px;
            top: 30%;
            width: 34px;
        }
        #my-owl-carousel .owl-item {
            opacity: 0.3;
        }
        #my-owl-carousel .owl-item.active {
            opacity: 1;
        }
       /*  Our Blog Section End */


      /*  Whatsnew Section Start*/

      #wtsnew-carousel h2.card-title{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left:0px;
    }


      .whatsnew-wrapper p{
       
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-right: 20px;
        
      }

      .whatsnew-wrapper p{
        padding-right: 20px;
      }
      .whatsnew-wrapper{
        margin-bottom: 44px;
      }
        #wtsnew-carousel .owl-nav button.owl-prev,
        .owl-nav button.owl-next {
            background: none;
            border: none;
            outline: none;
        }
        #wtsnew-carousel .owl-nav {
            display: flex;
            justify-content: space-between;
        }
        #wtsnew-carousel {
            position: relative;
        }
        #wtsnew-carousel .owl-nav button.owl-prev img {
            position: absolute;
            left: 30px;
            top: 30%;
            width: 34px;
        }
        #wtsnew-carousel .owl-nav button.owl-next img {
            position: absolute;
            right: 30px;
            top: 30%;
            width: 34px;
        }
        #wtsnew-carousel .owl-item {
            opacity: 0.3;
        }
        #wtsnew-carousel .owl-item.active {
            opacity: 1;
        }
       /*  Whatsnew Section End */




/*   shop page  css start */

.promotions-section {
    width: 100%;
       background-size: cover;
       background-repeat: no-repeat;
       border-radius: 8px;
       position: relative;
       overflow: hidden;
     }
    
     .promotions-section h2 {
       font-size: 38px;
       font-weight: 700!important;
       margin-bottom: 20px;
       
     }
     .promotions-section p {
       font-size: 16px;
       font-weight: 400!important;
       margin-bottom: 20px;
     }
     .btn-promotion {
       background: #fff !important;
     color: #2D2D2D;
     display: inline-flex;
     align-items: center;
     gap: 50px;
     padding: 0px 20px;
     font-size: 18px;
     font-weight: 700;
     line-height: 44px;
     border-radius: 8px;
     letter-spacing: -2%;
     }
     .shop-promotion-banner{
     
       border-radius: 8px;
       height: 300px;
       
     }


     .btn-promotion:hover{
         background-color: #fff;
         color: #2D2D2D;
     }
     .promo-section {
         padding: 40px;
      
     }
     
     .shop-component {
        display: flex;
        align-items: end;
        position: absolute;
        top: 0;
        bottom: 30px;
        width: 100%;
        height: auto;
        z-index: 1;
    }
    .brand-logo {
        display: flex !important;
        align-items: center;
        gap: 20px;
        color: #fff;
    }
    .brand-logo img{
        width: 100px !important;
    height: 100%!important;
        display: flex !important;
        align-items: center;
        gap: 20px;
        color: #fff;
    }
     
    .shopbanner-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        border-radius: 8px;
        max-width: 50%; 
        width: auto;
        padding: 20px;
        
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.5); 
background: linear-gradient(0deg, rgba(45, 45, 45, 0.06), rgba(45, 45, 45, 0.06)),
linear-gradient(270deg, rgba(89, 69, 139, 0) 0%, rgba(89, 69, 139, 0.3) 100%);
        border-left: 60px solid;
        border-image: linear-gradient(
            150deg, 
            rgba(247, 171, 68, 0.8) 0%, 
            rgba(247, 123, 66, 0.8) 100%
        ) 1 !important;
        z-index: 2;
    }

    
    .shop-text-container {
        font-size: 24px;
        font-weight: 700;
        font-family: "Noto Sans", sans-serif;
        color: #fff;
        z-index: 3;
        transform: rotate(-90deg); 
        position: absolute;
        left: -60px;
    }

     .shop-text {
        padding: 4px 29px !important;
        margin-left: -90px !important;
        background: transparent !important;
    }   
    
    .shop-text {
        color: white;
        transform: rotate(-90deg);
        font-weight: bold;
        font-size: 1.2em;
        display: inline-block;
        margin-left: -41px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06)), linear-gradient(90deg, rgba(247, 171, 68, 0.8) 0%, rgba(247, 123, 66, 0.8) 158.62%);
        padding: 4px 27px;
        border-radius: 4px 4px 0px 0px;
    }
   
     .shop-brnd-arabic{
       direction: rtl;
       font-family: "Noto Kufi Arabic", sans-serif;
     }
   
     
     .shopbanner-text::before {
       border-radius: 8px; 
     }
     .shopbanner-text h1{
       font-size: 36px;
       color: #fff;
       font-family: "Noto Sans", sans-serif;
       margin: 0 0 0px 0;
       padding: 0;
       font-weight: 700;
     }
     .shopbanner-text p{
       font-size: 12px;
       color: #fff;
       font-family: "Noto Sans", sans-serif;
       margin: 0;
       padding: 0;
       font-weight: 400;
     }
 

     strong.shop-sidetitle{
        font-size: 18px;
        font-weight: 700;
        font-family: "Noto Sans", sans-serif;
        color: #fff;
        transform: rotate(270deg);
        position: absolute;
        z-index: 9;
        
       
        bottom: 105px;
    left: 20px;
      }


   .flex-cls{
       display: flex;
       gap: 20px;
       align-items: center;
   
   }
   
     .shopbanner img.nike-logo {
       width: 154px;
       height: 154px;
   }
   .ptext{
       font-family: "Noto Sans", sans-serif;
       color: #2d2d2d;
       font-size: 16px;
       margin: 0 0 20px 0;
   }
   .shopbrand-info-sec {
       background: linear-gradient(to right, #f67c42, #f2c183);
 

       
       background-size: cover;
       background-repeat: no-repeat;
       border-radius: 8px;
       font-size: 18px;
       padding:0 20px;
   }
   .shop-brand-info:last-child{
    border: none;
   }
    .vist-but a{
       padding: 10px 20px;
       border-radius: 8px;
        background: #59458B;
      color: #fff;
      font-size: 16px;
      font-family: "Noto Sans", sans-serif;
      display: inline-block;
    }


    .vist-but a img{
       margin: -3px 0px 0 15px;
    }
    .vist-but{
        margin-bottom: 50px;
    }
    .hr {
        background: #d5d5d5;
        width: 100%;
        height: 1px;
      }
   .readmore, .readmore a{
       font-family: "Noto Sans", sans-serif;
       color: #2d2d2d;
       font-size: 18px;
       margin: 20px 0 20px 0;
       font-weight: 700;
         cursor: pointer;
   }
   .readmore img{
       margin-right: 15px;
   }

   .shop-brand-info {
       padding:20px 30px;
       border-bottom: 1px solid #dfdfdf;
        
   }
   .shop-brand-info {
       display: flex;
       align-items: center;
       gap: 20px;
   }
   .shop-brand-info img {
       width: 30px;
   }
   .shop-brand-info h6 {
       font-size: 18px;
       font-weight: 700;
       line-height: 30.8px;
       margin-bottom: 0px;
       color: #fff;
   }
   .shop-head {
        font-weight: 700;
         font-size: 40px;
        color: #59458B;
        margin-bottom: 10px;
        font-family: "Noto Sans", sans-serif;
   }
   
   
   
     /* breadcrumbs start   */
     
   
     .newbreadvrumb{
       width: 100%;
   margin: 10px 0 20px 0;
     }
     .breadcrumb {
       list-style: none;
       display: flex;
       padding: 0;
       margin: 0;
     }
     
     .breadcrumb li {
       position: relative;  
     }
     
     .breadcrumb li a {
       text-decoration: none;
       color:  #D5D5D5;
       font-family: "Noto Sans", sans-serif;
       font-size: 16px;
       font-weight: 400;
     }
     
     .breadcrumb li a:hover {
       text-decoration: underline;
     }
     
     .breadcrumb li::after {
       content: "";  
       display: inline-block;
       width: 10px;  
       height: 10px;  
       background-image: url('../images/arrow_breadcrumb.svg');  
       background-size: contain;  
       background-repeat: no-repeat;
       margin-left: 10px;  
     }
     
     .breadcrumb li:last-child::after {
       content: none;  
     }
     
     .breadcrumb .active {
       font-weight: 400;
       color: #2d2d2d;
       pointer-events: none;  
     }
   
     
   
    /* breadcrumbs end  */
   
   
   
   
     .arabic-dir    .btn-promotion-arrow {
     transform: scaleX(-1);
   }
   .arabic-dir .dt-arrow {
     transform: scaleX(-1);
   }
   .arabic-dir .border-start-blue {
     border-right: 3px solid #195EB3;
     border-left: 0!important;
  
     padding-right: 10px;
     padding-left: 0px!important;
   }
   
   .arabic-dir .border-start-green {
     border-right: 3px solid #0ECF8A;
      
     border-left: 0!important;
     
     padding-right: 10px;
     padding-left: 0px!important;
   }
   .arabic-dir  .border-start-purple {
     border-right: 3px solid #7C1D5E;
  
     padding-left: 10px;
     border-left: 0!important;
     
     padding-right: 10px;
     padding-left: 0px!important;
   }


   .arabic-shop-promotion-banner{
       transform: scaleX(-1);
   }
   
     .promo-card {
         display: flex;
         align-items: center;
         border: 1px solid #D5D5D5;
         border-radius: 8px;
         margin-bottom: 30px;
     }
     .multi-sec-promo {
         display: flex;
         align-items: center;
         justify-content: space-between;
     }
     .dt-card-img-promo img{
      width: 30px;
     }
    
     .border-start-blue {
         border-left: 3px solid #195EB3;
         
         padding-left: 10px;
     }
     .border-start-purple {
         border-left: 3px solid #7C1D5E;
   
         padding-left: 10px;
     }
     .multisection-content {
         margin: 15px;
         width: 100%;
     }
     .arabic-dir{
         direction: rtl;
     }
     
   
   .shopbanner{
     width: 100%;
     height: calc(100vh - 150px);
     background: #ccc;
     overflow: hidden;
     position: relative;
   
   }
   .shopbanner img.banner-background{
   width: 100%;
   height: calc(100vh - 150px);
   object-fit: cover;
   }
     .dt-arrow {
         width: 30px;
     }
     .promo-card h6 {
     font-size: 18px;
     font-weight: 700;
           width: 150px;
     }

.nav-scroller::-webkit-scrollbar {
  display: none;
}
 
.scroll-btn {
  border: none;
  cursor: pointer;
  position: absolute;
  z-index: 10;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  top:2px;
}
 
.scroll-btn.left {
  left: 10px;   
}
 
.scroll-btn.right {
  right: 10px;
}
.tabs-wrapper1 {
  position: relative;
}


     @media screen and (max-width: 768px)  {
         .promo-card {
             margin-bottom: 20px;
         }
       
       
     }
   /*   shop page  css end */




/* Footer start Styling */

.mb-8 {
    margin-bottom: 12px;
}
.footer-info-grp p {
    font-weight: 300;
}

.footer-info-grp {
    display: flex;
    align-items: center;
    gap: 10px;
}


.newsletter-form .form-control {
    padding: 10px;
    border-radius: 8px;
    /* border: none; */
    padding-bottom: 13px;
}

/*Footer spacing*/
.copyright-text {
    margin-top: 80px;
}

/*Footer icon width */
.footer-icon {
    width: 22px;
}
.list-unstyled li a, .footer-bg .text-white{
    font-weight: 300;
}

/*Footer background properties */
.footer-bg {
    background-image: url('../images/footer-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    padding: 40px 0px;
}

.footer-bg  .position-absolute img {
    width: 86% !important;
}

/*Footer border color and opacity */
.footer-border-bottom {
    border-bottom: 1px solid #9b9b9b;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*font size weight spacing nd alignment*/
.fs-14 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}

.logo-sec-footer img {
    max-width: 100px;
    /* Adjust logo size */
}

/* Input field styles for the newsletter */
.custom-placeholder::placeholder {
    color: #606060;
    font-size: 12px;
    opacity: 0.5;
    border: none;
}

/*Footer arrow width */
.footer-arrow-icon {
    width: 12px;
}

/* Social Media Icons */
.footer-social-img {
    width: 30px;
    transition: transform 0.2s;
}

/*Footer border color and opacity */
.mbl-border-bottom {
    border-bottom: 1px solid #ffffff;
    opacity: 20%;
}
.linkcls{
    color: #fff;
}
.space20{
    margin-left: 20px;
}





@media only screen and (max-width: 991px) {

    #shopdine-carousel{
        padding: 0px;
    }
    
     #flyva-carousel{
        padding: 0  0 0 10px;
    }

    #shopdine-carousel .border-start-green {
        float: none;
        margin-top: 0px;
    }

    #clientslogo-carousel .item .client-img img{
        width: 100px!important;
    }

    #flyva-carousel .card-custom img{
        width: auto;
        height: 100%!important;
        object-fit: cover;
    } 
    #flyva-carousel h6{
        font-size: 18px;
    }
    #flyva-carousel p, .text-ellipse, .og-content-card-sec p{
        font-size: 16px;
    }

    #flyva-carousel .card-custom {
        width: auto;
        height: 380px;
    }
    .experience-Unforgattable{
        flex-direction: column;
        gap:0px;
    }
   #shopdine-carousel .card-custom{
    border-radius: 20px;

    }
    #shopdine-carousel  .custom-card-body{
        left: 5%;
        padding: 10px 10px;
    }
    .content-arrow h6{
        font-size: 18px;
      width:150px;
    }
    .mobile_menu ul li.language_drop_but img{
        margin-top: -4px;
        width: 26px;
    }
    img.logo-eng{
        width: 85px;
    }
    .right-header{
        display: none;
    }
    .timings{
        display: block;
        text-align: center;
        color: #fff;
        border-bottom: 1px solid  rgba(255, 255, 255, .5);
        padding: 10px;
        margin-bottom: 10px;
        font-size: 12px;
    }
    .header{
        display: block;
    }
    .logo {
        width: 170px;
    }
    .mobile_menu{
        display: flex;
        justify-content: flex-end;
        padding-top: 14px;
        width: 100%;
    }

    .header_wraper{
        position: fixed;
    }

    /* banner start */


    .banner_info h1{
        font-size: 26px;
    }
    .banner-custom-card{
        width: 90% !important;
    padding-right: 10px !important;
    }
    .banner_learnmore{
        font-size: 16px;
        width:150px
    }
    .bg-img, .bg-video{
        object-position: 64% 0;
    }
    img.store-icons {
        width: 22px;
    }
    .og-content-card-sec{
        padding: 22px;
    }
    .btn.og-learnmore-btn{
        width: 68%;
    }
    h2.StoreDir-head{
        font-size: 32px;
    }

     /* banner end */
}

/* Footer Responsive Styles for Different Devices */


/*  Footer Responsive Styles for Different Devices */
@media (max-width: 768px) {
    .shop-text-container{
        font-size: 20px;
    }
    .shop-text-container{
        left: -58px;
    }
    .shopbanner{
        height: calc(100vh - 120px);
    }
    .shopbanner img.banner-background{
        height: calc(100vh - 120px);

    }
    .social-media-footer {
        margin-top: 20px;
    }
    .blog-heading{
        margin-bottom: 26px;
    }
    .fs-global-h2{
        font-size:32px;
    }
    .view-all-transparent{
        margin: 0;
    }
    .social-border-top {
        border-top: 1px solid #9b9b9b;
    }

    .footer-bg {
        background-position: center;
    }

    .social-border-top {
        border-top: 1px solid #9b9b9b;
        /*Footer border color */
    }

    .copyright-text {
        margin-top: 10px;
        /*Footer Adjust spacing and alignment for tablets and below */
    }

    /*Footer Adjust spacing and alignment for tablets and below */
    .mt-mbl {
        margin-top: 30px;
    }

    .footer-social-img {
        width: 30px;
       /*  Increase icon size for smaller screens */
    }

    .mt-2-mbl {
        margin-top: 10px;
        /*Footer Adjust spacing and alignment for tablets and below */
    }

    /*Footer Adjust spacing and alignment for tablets and below */
    .custom-offset {
        margin-right: auto;
        position: relative;
        top: -65px;
    }

    /* Adjust the max-width as needed */
    #carousel .owl-stage {
        padding-left: 0px !important;
      }
   
    /*OG section responsive style start */
    .og-content-card-sec {
        margin: 0 auto;
        margin-top: 170px;
        margin-bottom: 30px;
        width: 90%;
        left: auto;

    }
    .og-section {
        background-position: center;
    }

    .og-content {
        font-size: 30px;
    }
    .og-learnmore-btn {
        gap: 10px;
    }
    /*OG section responsive style end */



    /*Ourblog section responsive style start */
    #my-owl-carousel {
        padding: 0px 0px 0px 20px;
    }

    #my-owl-carousel .owl-nav button.owl-prev img {
        display: none;
    }
    #my-owl-carousel .owl-nav button.owl-next img {
        display: none;
    }
    .text-ellipse {
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    #my-owl-carousel .owl-stage {
        padding-left: 0px !important;
    }
     /*Ourblog section responsive style end */


      /*Flyva section responsive style start */
     #flyva-carousel .owl-stage {
        padding-left: 0px !important;
    }
    /*Flyva section responsive style end */


    /*wtsnew section responsive style start */
    #wtsnew-carousel .owl-nav button.owl-prev img {
        display: none;
    }

    #wtsnew-carousel .owl-nav button.owl-next img {
        display: none;
    }
    #wtsnew-carousel {
        padding: 0px 0px 0px 14px;
    }
    #wtsnew-carousel .owl-stage {
        padding-left: 0px !important;
    }
     /*wtsnew section responsive style start */

     /*Experience section responsive style start Satyaa*/
    
     .gradient-bg h2 {
        font-size: 40px;
     }
     .gradient-bg{
        background-position: right top;
     }

     #shopdine-carousel .card-custom img{
        height: auto;
     }

      
    
    .shopbanner-text{
        width: auto!important;
        max-width: 80%;
    }
  
     .landing-banner .shopbanner-text{
       max-width: 93%;
     }
     
     .landing-banner .shopbanner-text p{
       margin-top : 10px;
     }
     
     
    #gallery-carosal .item .caption{
        bottom: 16px!important;
    }
  .shopbanner-text h1 {
        font-size: 30px;
    }
}


@media (max-width: 576px) {

    /*Footer Adjust input and button for mobile */
    .newsletter-form .form-control {
        width: 100%;
        margin-bottom: 10px;
    }

    /*Footer newsletter-form for mobile */
    .newsletter-form button {
        width: 100%;
    }
}

#dynamic-tabContent .owl-nav button.owl-prev img {
    position: absolute;
    left: 30px;
    top: 40%;
    width: 34px;
}
#dynamic-tabContent .owl-nav button.owl-next img {
    position: absolute;
    right: 30px;
    top: 40%;
    width: 34px;
}

#gallery-carosal .owl-nav button.owl-prev img {
    position: absolute;
    left: 30px;
    top: 45%;
    width: 34px;
}

#gallery-carosal .owl-nav button.owl-next img {
    position: absolute;
    right: 30px;
    top: 45%;
    width: 34px;
}

#gallery-carosal .item .caption{
    position: absolute;
    bottom: 0px;
    left: 50px;
    font-size: 12px;
    color: #fff;
linear-gradient(0deg, rgba(45, 45, 45, 0.06), rgba(45, 45, 45, 0.08)), linear-gradient(200deg, rgba(89, 69, 139, 0) -9.07%, rgba(89, 69, 139, 0.6) 100%);
  padding: 10px 25px;
    width: 60%;
    border-radius: 8px 8px 0 0;

}



@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .wptheme2Col .wpthemePrimaryContainer.wpthemeCol, .wptheme2Col .wpthemeSecondaryContainer.wpthemeCol {
        width: 100%!important;
    }
}
.arabic-eventdetails pre{
     white-space: normal;
     word-wrap: break-word;
     overflow:hidden;
     line-height: 24px;
     font-size: 16px;
}
.directoryPage .swiperSlide.py-4 {
   position:relative;
}
 
.scroll-btn{
   top:auto;
}