@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@700&display=swap');

:root {
  --animate-delay: 2s;
}


/* This only changes this particular animation duration */
.animate__animated .animate__bounce {
  --animate-duration: 2s;
}

/* This changes all the animations globally */
:root {
  --animate-duration: 800ms;
  --animate-delay: 0.9s;
}

.add_advs_orders_types_selected > img
{
border-radius:50px;    
}

.items_line
{
display:inline-block;
width:45%;
position:relative;
}

html,body,p,div,h1,h2,h3,h4,h5,h6
{
font-family: 'Almarai', sans-serif !important;
}

#footer-bar a:not(.btn) span
{
font-family: 'Almarai', sans-serif !important;
}

.animation_home_welcome_1 {
animation: bounce;
animation-duration: 2s; 
animation-iteration-count: 2;
}

.animation_home_welcome_2 {
animation: fadeInTopLeft; 

animation-duration: 3s;
#animation-delay: 2s;
animation-iteration-count: 1;

}

.home_top_div_icons
{
animation: jackInTheBox; 
animation-duration: 2s;
animation-delay: 2s;
animation-iteration-count: 1;	
}

.home_top_logo
{
animation: lightSpeedInRight; 
animation-duration: 2s;
animation-delay: 2s;	
}

.inner_page_titles
{
animation: bounceIn; 
animation-duration: 2s;
animation-iteration-count: 1;
}

.rate_stars
{
font-size:26px;	
}



@keyframes slidein {
  0% {
    margin-left: 0%;
  }
  50% {
    margin-left: 300px;
  }
  100% {
    margin-left: 0%;
  }
}



.iti--container
{
top:38% !important;
left:94% !important;
z-index:9999 !important;	
}

.home_top_icons
{
border-radius:50px !important;	
}


.this_font
{
font-family: 'Almarai', sans-serif !important;
}


.master_color
{
color:#4b1a8f !important;	
}

.selected_membership > a
{
border:1px solid #4b1a8f;	
}

.disabled_membership > a
{
border:4px dashed #ff0000;	
background-image:url('soon.png');
background-size:initial;
background-position:top 5% right 7%;
}



.select_space_modal_link
{
color:#00adef;	
}

.request_adv_modal_selected
{
color:#000000 !important;		
}




.verfied_subscription > a
{
border:1px solid #8cc152;	
}

.theme-light .shadow-card::marker
{

}

.content
{

  padding:7px;
  margin:10px;
  border-radius:10px;
}

.home_content_divs 
{
    cursor:pointer !important;
    vertical-align:middle !important;
	
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 10px -20px;
	  transition: transform 250ms;

}


.home_content_divs:active
{

   box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.6)  !important;
	

}



.home_content_divs:hover
{
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.6)  !important;
	

}

.carousel-control-next-icon, .carousel-control-prev-icon
{
background-color:#e25d1e !important;	
border-radius:25px;
}


.sidebar
{
background-color:#ff5c00 !important;
}

.ms_external_links, .middlesolution_external_pages  
{
 # color:#ffffff !important;
}

.home_links
{
  transition: transform 250ms;
}

.home_links:hover
{
  transform: translateY(-10px);
}

.rtl .pl-2, .rtl .px-2
{
display:inline !important;	
}

.ms_main_preloader_logo
{
width:75%;
position:absolute;
padding-left:16px;
margin-right:-20px;
padding-top:18px;
	
}

.pageloader
{
opacity:0.85;	
}

.btn-default, .selectoption input[type="checkbox"]:checked + label
{
color:#ffffff !important;
border:2px solid #e25d1e !important;
}

.accepted_cards
{
width:100;
text-align:center;
padding-bottom:50px;	
}

.middlesolution_socialmedia_links
{
font-size:40px !important;	
}



.modal-footer > .btn-inline > .btn
{
min-height:45px !important;	
}

.ms_profile_values
{
padding-right:25px;	
}





.topnav11{
  /* Title bar height on iOS 10 */
  padding-top: 20px !important;
  margin-top: 38px !important;

  /* Title bar height on iOS 11+ */
  padding-top: constant(safe-area-inset-top);
  margin-top: -constant(safe-area-inset-top);
}


.topnav11::before
{
    
    background-color:#ff0000 !important;
}



.ms_active_stage_dots
{
width:20px !important;
height:20px !important;
left:-7px !important;
border:2px solid #000 !important;
}



.ms_active_stage_dots {

  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transition: all 1s; 
  
}


.ms_active_stage_dots.css {  
  -webkit-animation-delay:1s;
  -moz-animation-delay:1s;
  -ms-animation-delay:1s;
  -o-animation-delay:1s;
  animation-dely:1s;
}
.ms_active_stage_dots.animated {
  -webkit-animation: 1600ms pulsate infinite alternate ease-in-out;
  -moz-animation: 1600ms pulsate infinite alternate ease-in-out;
  -ms-animation: 1600ms pulsate infinite alternate ease-in-out;
  -o-animation: 1600ms pulsate infinite alternate ease-in-out;
  animation: 1600ms pulsate infinite alternate ease-in-out;
}
.ms_active_stage_dots:before,
.ms_active_stage_dots:after { 
  position: absolute; 
  content: "";
  left: 50px;
  top: 0;
  width: 50px;
  height: 80px;
  -moz-border-radius: 50px 50px 0 0;
  border-radius: 50px 50px 0 0;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 0 100%;
     -moz-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
       -o-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.ms_active_stage_dots:after {
  left: 0;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
     -moz-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
       -o-transform-origin: 100% 100%;
          transform-origin :100% 100%;
}
.ms_active_stage_dots.css:hover {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  -webkit-animation:'';
  -moz-animation:none;
  -ms-animation:'';
  -o-animation:'';
  animation:'';
}

@keyframes pulsate {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}
@-webkit-keyframes pulsate {
  0% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.3); }
  100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulsate {
  0% { -moz-transform: scale(1); }
  50% { -moz-transform: scale(1.3); }
  100% { -moz-transform: scale(1); }  
}
@-ms-keyframes pulsate {
  0% { -ms-transform: scale(1); }
  50% { -ms-transform: scale(1.3); }
  100% { -ms-transform: scale(1); }  
}
@-o-keyframes pulsate {
  0% { -o-transform: scale(1); }
  50% { -o-transform: scale(1.3); }
  100% { -o-transform: scale(1); }  
}





.ms_home_icon_link
{
border:2px solid #FCE002;
width:70%;
display:inline-block;
border-radius:55%;	
padding:15px;	


    -webkit-box-shadow: -5px 8px 7px -6px black;
       -moz-box-shadow: -5px 8px 7px -6px black;
            box-shadow: -5px 8px 7px -6px black;

/* For IE 8 */
       -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');



width:80px;
height:80px;


}


.ms_home_icon_link:hover
{
	background-color:#FCE002 !important;

  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}







.ms_card
{
background-image:url('/uploads/master_images/ms_app_bg.jpg');	
border-radius:65px !important;
border:2px solid #FCE002;

    -webkit-box-shadow: -5px 8px 7px -6px black;
       -moz-box-shadow: -5px 8px 7px -6px black;
            box-shadow: -5px 8px 7px -6px black;

/* For IE 8 */
       -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

}

.ms_card > .card-body
{
padding-top:1px;
padding-bottom:1px;	
}


.appBottomMenu
{
#background-image:url('/uploads/master_images/ms_app_bg.jpg');	

}

.ms_back_toolbar
{
background:#FCE002 !important;

}

.ms_back_toolbar > .left > a > ion-icon
{
font-size:25px !important;
padding:7px;
color:#ffffff;
}

.ms_addcart_icons
{
font-size:40px !important;
padding-left:0px;
}

.ms_items_price
{
margin-top:30px;	
}

.ms_inner_title
{
color:#000000;
}

.ms_orderdetails_icons
{
font-size:33px !important;

}



.ms_orderrates_icons
{
font-size:51px !important;

}




.ms_clients_items_link
{
border:2px solid #FCE002;
width:70%;
display:inline-block;
border-radius:55%;	
padding:15px;	


    -webkit-box-shadow: -5px 8px 7px -6px black;
       -moz-box-shadow: -5px 8px 7px -6px black;
            box-shadow: -5px 8px 7px -6px black;

/* For IE 8 */
       -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');



width:99px;
height:99px;
background-color:#ffffff !important;


}

.ms_clients_items_link:hover
{
	background-color:#cacaca !important;

  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}


.checkbox_lbl_titles
{
display:inline-block;	
}

.title_over_div
{
	padding-top:0px !important;
    background-color:#ffffff;
	  -khtml-opacity: .90;
    -moz-opacity: .90;
    -ms-filter: ”alpha(opacity=90)”;
    filter: alpha(opacity=90);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);
    opacity: .90;
	width:80%;
	margin:0 auto;
	border-radius:20px;
}