במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

]]jkjjgdjffksdkdxdsghfghdfghfgdfsdsdfsdfsfdsbcxvxcbccwewqeqwewqskfgj במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

<?php include "header.php"; ?>

<style>
   .form-control{
   border-radius:8px!important; border: 2px solid #ced4da!important;
   }
   .modal-header-2{
   background-color: black!important;
   }
   .close{
   color: white!important;
   }
   .modal-title-2{
   color: white;
   }
   .modal-footer{
   background-color: lightgrey;
   }
   .logo_modal{
   float: left!important; margin-top: 0rem!important;
   }
   .modal-footer button{
   background-color: black!important; border-radius: 19px!important;
   }
   .modal-footer button:hover{
   background-color: white!important;
   color: black
   }
   .modal-dialog-2 {
   margin: 0% auto;
   max-width: 600px;
   }
   /*.owl-prev, .owl-next {display: none!important;}*/
  /* .___my_owl .owl-prev {
        margin-top: 13%;
    left: -32px!important;
   }
   .___my_owl .owl-next {
    margin-top: 13%;
    right: -32px!important;
   } 
   .___my_owl_2 .owl-next {
    margin-top: 15%;
    right: -26px!important;
          position: absolute!important;
   }
   .___my_owl_2 .owl-prev {
        margin-top: 15%;
    left: -26px!important;
          position: absolute!important;
   }*/

.owl-prev{
      position: absolute;
    left: 0;
}

.owl-next{
      position: absolute;
    right: 0;
}

@media only screen and (min-width: 150px) and (max-width:768px) {
    .___my_owl .owl-prev {
      margin-top: 42%;
      left: 0;
     }
     .___my_owl .owl-next {
      margin-top: 42%;
      right: 0;
     } 
     .___my_owl_2 .owl-next {
      margin-top: 50%;
      right: 0;
     }
     .___my_owl_2 .owl-prev {
          margin-top: 50%;
      left: 0;
     }
  }

.newarvl
{
    padding: 20px 0px;
}
.innarbox
{
    margin-top: 15px;
}
.ninnxt
{
    font-size: 16px;
    font-weight: 600;
}
.newiner
{
    background: #fff;
    height: 100%;
    position: relative;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 20px;
}
.new2box
{
    margin-bottom: 20px;
    box-shadow:4px 5px 7px 0px #eee;
    padding:5px;
}
.new2box img
{
    width: 100%;
}
.new2box p
{
    font-size: 12px;
    color: #111;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.stimg img
{
    width: 100%;
}
</style>

.zones {
    color: #000;
    background: none;
    border-color: #000000;
    width: 100%;
    border-radius: 0;
}
.zones:hover{
    background:none;
    color:black;
    border:1px solid black !important;
}
.modal-dialog .modal-body {
    padding: 14px 15px;
}
.modal-body p{
    margin-bottom:14px;
}
.pridp
{
        position: absolute;
    top: 0px;
    left: 0px;
    background: #ea1d25;
    color: #fff !important;
    padding: 5px;
    font-size: 12px;
}

@media only screen and (max-width: 550px) {
    /*.mobile_banner {*/
    /*    display: block !important;*/
    /*}*/

/*.desktopbanner {*/
    /*    display: none !important;*/
    /*}*/

.customimgsize {
        float: left;
        width: 100px;
        height: auto !important;
        object-fit: cover;
    }

}
.mobile_banner {
    display: none !important;
}

.moblst1 h6
{
    margin-bottom:0px !important;
}
</style>

<div  id="carouselExampleControls" class="carousel slide mobile_banner" data-ride="carousel" style="display:none">
    <div class="carousel-inner">
       <?php
          $mbanner_condition = "`status`= 1";
          $mbanner_query = $sel_obj->display_rcd("mobile_5", $mbanner_condition);
          if (is_array($mbanner_query) and !empty($mbanner_query)) {
              $a = 1;
              foreach ($mbanner_query as $m_banner_data) {
                  $img_link = "admin/upload/" . $m_banner_data["image"]; ?>
       <div class="carousel-item <?php
          if ($a == 1) { ?>active<?php }
          $a + 1;
          ?>">
           <a href="<?=$banner_data["link"]?>">  
          <img src="<?php echo $img_link; ?>" class="d-block w-100" alt="banner-image">
          </a>
       </div>
       <?php $a++;
          }
          }
          ?>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
    </a>
 </div>
 

<section class="mainbaner">
  <div class="container-fluid" style="padding:0px;">
    <div class="row">
      <div class="col-lg-12" style="padding:0px;">
        <div id="carouselExampleIndicators_1" class="carousel slide desktopbanner" data-ride="carousel">
         
            <div class="carousel-inner">
              <?php
                 $banner_condition1 = array('status'=>1);
                $banner_query1 = $sel_obj->select_where("banner", $banner_condition1);
                $nn = 0;
                foreach ($banner_query1 as $banner_data) { 
                if($banner_data['type']==1) { 
                $nn++;$extension  = pathinfo( $banner_data["image"], PATHINFO_EXTENSION );?>
              <div class="carousel-item forh_w <?php echo ($nn==1)?' active':''; ?>">
                <?php if($extension=="jpeg" || $extension=="jpg" || $extension=="png" || $extension=="webp"){ ?>
                 <a href="<?=$banner_data["link"]?>">  
                    <img src="<?=BASE_URL?>admin/upload/<?php echo $banner_data["image"]; ?>" class="d-block w-100" alt="banner image">
                </a>    
                <?php } if($extension=="mp4" || $extension=="webm" || $extension=="ogv"){ ?>
                  <video  controls autoplay class="slider-height-11 d-flex align-items-start justify-content-start bg-img" style="width: 100%">
                    <source src="<?=BASE_URL?>admin/upload/<?php echo $banner_data["image"]; ?>" type="video/mp4">
                  </video>
                  <?php } ?>
              </div>
               <?php } } ?>
            </div>
            <button class="carousel-control-prev bggdg" type="button" data-target="#carouselExampleIndicators_1" data-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </button>
            <button class="carousel-control-next bggdg" type="button" data-target="#carouselExampleIndicators_1" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </button>
          </div>
      </div>
  </div>
  </div>
</section>

<script src="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>

<?php 
  $ofr_cat_condition = "`status`= 1";
  $ofr_cat_query = $sel_obj->display_rcd("offer_category", $ofr_cat_condition);
  if (is_array($ofr_cat_query) and !empty($ofr_cat_query)) {
?>
<section>
  <div class="container-fluid pl-3 pr-3 m-auto ">
    <div class="owl-carousel owl-theme owl-loaded owl-drag owlcat">   
       <div class="owl-stage-outer">
         <div class="owl-stage" style="transform: translate3d(-1527px, 0px, 0px); transition: all 0.25s ease 0s; width: 3334px;">
           <?php
              foreach ($ofr_cat_query as $ofr_cat_data) {
                  $img_link = "admin/upload/offer_category/" . $ofr_cat_data["image"]; 
            ?>
            <div class="owl-item " >
              <a href="<?=BASE_URL?>category/<?php echo $ofr_cat_data['category_id'];?>/1/<?php echo strtolower(str_replace(" ","-",$ofr_cat_data['title']));?>">
              
                <div class="slide category-list_oop" style="padding: 0px!important; border-radius: 2px;">
                  <div class="container-fluid m-0  for_next_imhp owlcatt">
                    <b><?php echo $ofr_cat_data["title"]; ?></b>
                  </div>
                  <div class="custom_css_cls33 container-fluid">
                    <div class="row">
                      <div class="col-md-12 pt-2 pr-0 owlimgy">
                        <img src="<?php echo $img_link; ?>" class="img-fluid" alt="category-image">
                      </div>
                      
                      
                      
                      
                      
                    </div>
                  </div>
                  <div class="show_mord container-fluid m-0 "> Show More Details </div>
                </div>
              
              </a>
            </div>
            <?php } ?>
         </div>
       </div> 
    </div>
  </div>
</section>
<?php } ?>
 <script type="text/javascript">
//   var owl = $('.owl-carousel');
//   owl.owlCarousel({
//       items:4, 
//       loop:true,
//       autoplay:true,
//       autoplayTimeout:3000,
//       autoplayHoverPause:true,
//       dots: false,
//       responsive:{
//           0:{
//               items:1
//           },
//           600:{
//               items:2
//           },
//           800:{
//               items:3
//           },
//           1000:{
//               items:4
//           }
//       }
//   });
 </script>

<?php
   $condition = "status= 1  and s_home=1 ORDER BY `short_order` DESC";
   $query = $sel_obj->display_rcd("all_brands", $condition);
   if (is_array($query) || !empty($query)) {
   foreach ($query as $data) {
        $brand_name = $data["name"];
        $cat_banner_1 = $data["cat_banner_1"];
        $cat_banner_2 = $data["cat_banner_2"];
        $cat_link_1 = $data["cat_link_1"];
        $cat_link_2 = $data["cat_link_2"];
        $brandID = $data["id"];
       ?>

<?php if($data["dsiplaytype"] ==1):?>
<section class="categorie-area  _wrapper ">

<div class="container owlcat">
      <div class="section-title catmtol">
         <h2><?=$brand_name?></h2>
         <a href="<?=BASE_URL?>shop-brand/<?=$brandID?>/1/<?php echo strtolower(str_replace(" ","-",$brand_name));?>" class="vibtno">
           View All
         </a>
        <div class="clear"></div>
      </div>
      <div class="category-slider owl-carousel owl-nav-style ___my_owl_2 owlcat">
         <?php
       $condition = " cat_id IN(SELECT cat_id FROM multi_order_cat WHERE o_id=$brandID) and status=1 AND s_home=1";
       $query = $sel_obj->display_rcd("category", $condition);
      
       if (is_array($query) || !empty($query)) {
       foreach ($query as $dataCat) {
            $cat_name       = $dataCat["name"];
            $cat_banner_1   = $dataCat["cat_banner_1"];
            $cat_banner_2   = $dataCat["cat_banner_2"];
            $cat_link_1     = $dataCat["cat_link_1"];
            $cat_link_2     = $dataCat["cat_link_2"];
           ?>
         <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
            <div class="banner-wrapper">
               <a href="<?=BASE_URL?>category/<?php echo $dataCat['cat_id'];?>/1/<?php echo strtolower(str_replace(" ","-",$dataCat['name']));?>">
               <img src="<?=BASE_URL?>admin/upload/<?php echo $dataCat[
                  "image"
                  ]; ?>" alt="category-image" /></a>
            </div>
            <span class="img-caption cattetx">
            <?php echo $cat_name; ?>
            </span>
         </div>
         <?php }
            }
            ?>
      </div>
   </div>
  
</section>

<?php else:?>

<section class="stosec">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-12">
        <div class="storbox">
         
              
            
                  <div class="row alificat">
                    <div class="col-md-7 mobnone">
                      <div class="stimg ">
                          <a href="<?=BASE_URL?>shop-brand/<?=$brandID?>/1/<?php echo strtolower(str_replace(" ","-",$brand_name));?>">
                        <img src="<?=BASE_URL?>admin/upload/<?php echo $data["imagemore"]; ?>" alt="Jewellery Image">
                        </a>
                      </div>
                    </div>
                    <div class="col-md-5">
                      <div class="sttext moblst1">
                       <?php echo html_entity_decode($data["content"]);?>
                       
                       <a href="<?=BASE_URL?>shop-brand/<?=$brandID?>/1/<?php echo strtolower(str_replace(" ","-",$brand_name));?>" class="button-with-dash w-inline-block">
                        <div class="dash"></div>
                        <div class="dash-button-text p-left-1-07em">Shop now</div>
                      </a>
                      </div>
                    </div>
                  </div>
                
            
        </div>
      </div>
    </div>
  </div>
</section>

<?php endif;?>
    
<?php
   } }  ?>

<div class="banner-3-area">
   <div class="container">
      <div class="row">
         <div class="col-lg-12 col-md-6 col-sm-12 col-xs-12 mb-res-xs-30 mb-res-sm-30">
            <div class="banner-wrapper desk_banner">
               <a href="https://crystalmiracle.co.in/shop-brand/391/1/karma-and-crystals"><img src="<?=BASE_URL?>/assets/images/bg-parallax.jpg" alt="parallax Image" /></a>
            </div>
            
            <div class="banner-wrapper mobil_banner">
               <a href="https://crystalmiracle.co.in/shop-brand/391/1/karma-and-crystals"><img src="<?=BASE_URL?>/assets/images/Crystals-phone banner.jpg" alt="parallax Image" /></a>
            </div>
         </div>
      </div>
   </div>

<section class="recent-add-area mt-20">
   <div class="container">
      <div class="row">
         <div class="col-md-12">
            
            <div class="section-title text-center">
               <h2>New Arrivals</h2>
               
            </div>
            
         </div>
      </div>
      
      <div class="recent-product-slider owl-carousel owl-nav-style ___my_owl_2">
         <?php
            $condition = "`status`= 1 AND type=1 ORDER BY `p_id` DESC LIMIT 10";
            $query = $sel_obj->display_rcd("product", $condition);
            if (is_array($query) || !empty($query)) {
                foreach ($query as $p_data) { ?>
         <div class="product-inner-item">
            
            <article class="list-product mb-30px">
               <div class="img-block">
                   <?php if($p_data['combo_product_ids'] !=""):
                              $comboData = json_decode($p_data['combo_product_ids']);
                              if(count($comboData) > 0): ?><span class="comtitlo">Combo Product</span>
                        <?php endif;endif;?>
                        <?php $offers_data = json_decode($p_data['offers'], true);
                              if(!empty($offers_data)) : ?><span class="comtitlo">Offer</span>
                        <?php endif;?> 
                  <a href="<?=BASE_URL?>product-details/<?=$p_data["p_id"]?>/<?=generateSlug($p_data['p_name'])?>" class="thumbnail">
                  <?php if ($p_data["p_img"] != "") { ?>                  
                  <img class="first-img" src="<?=BASE_URL?>admin/upload/<?php echo $p_data[
                     "p_img"
                     ]; ?>" alt="combo-image" />
                  <?php } else { ?>
                  <img class="first-img" src="assets/images/noimg_found.jpg" alt="not-found image" />
                  <?php } ?>
                  </a>
               </div>
               <ul class="product-flag">
                  <li class="new">New</li>
               </ul>
               <div class="product-decs">
                  <h2><a href="<?=BASE_URL?>product-details/<?=$p_data["p_id"]?>/<?=generateSlug($p_data['p_name'])?>" class="product-link">
                     <?php echo substr($p_data["p_name"], 0, ); ?> </a>
                  </h2>
                  <?php if ($p_data["price"] != "") { ?>
                  <div class="pricing-meta">
                     <ul>
                        <li><small>M.R.P.</small></li>
                        
                        <li class="current-price">₹<b><?php echo $p_data[
                           "d_price"
                           ]; ?></b></li>
                        
                     </ul>
                     
                        <a href="" class="shop_btns">Shop Now</a>
                  </div>
                  <?php } ?>
               </div>
            </article>
         </div>
         <?php }
            }
            ?>
      </div>
   </div>
</section>

<?php if (isset($_COOKIE['recent_view_product'])) : ?>
<section class="categorie-area  _wrapper ">
    <div class="section-title mt-res-sx-30px mt-res-md-30px text-center">
         <h2>Recent View</h2>
    </div>
  <div class="recent-product-slider owl-carousel owl-nav-style ___my_owl_2 owlcat">
    <?php 
      $productIDs=implode(',',array_reverse(json_decode($_COOKIE['recent_view_product'], true)));
      $condition = "`p_id` IN ($productIDs) LIMIT 20";
      $product_query = $sel_obj->display_rcd("product", $condition);
      if (is_array($product_query) and !empty($product_query)) {
      foreach ($product_query as $p_data) { ?>
      <div class="product-inner-item">
         
         <article class="list-product mb-30px">
            <div class="img-block">
               <a  href="<?=BASE_URL?>product-details/<?=$p_data["p_id"]?>/<?=generateSlug($p_data['p_name'])?>" class="thumbnail">
               <img class="first-img" src="admin/upload/<?php echo $p_data['p_img'];?>" alt="Recent View Image" />
               </a>
            </div>
            <hr>
            <div class="product-decs">
               <h2><a href="<?=BASE_URL?>product-details/<?=$p_data["p_id"]?>/<?=generateSlug($p_data['p_name'])?>" 
                class="product-link">
                  <?php echo substr($p_data["p_name"], 0, ); ?> </a>
               </h2>
               <?php if ($p_data["price"] != "") { ?>
               <div class="pricing-meta">
                  <ul>
                     <li><small>M.R.P.</small></li>
                    
                     <li class="current-price"><b>₹<?php echo $p_data[
                        "d_price"
                        ]; ?></b></li>
                     
                  </ul>
                 
                    <?php if($p_data['buyType'] ==1): ?>     
                    <a class="shop_btns" style=""  href="<?=BASE_URL?>product-details/<?=$p_data["p_id"]?>/<?=generateSlug($p_data['p_name'])?>"> Shop Now <i class="ion-android-arrow-dropright-circle"></i></a>
                     <?php else:?>
                        <a class="btn btn-info btn-xs" style="color:#fff;"  href="<?=BASE_URL?>enquiry-now.php?product=<?=base64_encode($p_data['p_id'])?>"> Enquiry Now <i class="ion-android-arrow-dropright-circle"></i></a>
                    <?php endif;?>
               </div>
               <?php } ?>
            </div>
         </article>
         
      </div>
       <?php } } ?>
   </div>

</section>

<?php endif; ?>

<section class="static-area">
   <div class="container">
      <div class="static-area-wrap">
         <div class="row">
            
            <div class="col-lg-4 col-xs-12 col-md-4 col-sm-6">
               <div class="single-static pb-res-md-0 pb-res-sm-0 pb-res-xs-0 pt-res-xs-20">
                  <img src="assets/images/icons/static-icons-2.png" alt="static-icon" class="img-responsive" />
                  <div class="single-static-meta">
                     <h4>Free Returns</h4>
                     <p>Returns are free within 9 days</p>
                  </div>
               </div>
            </div>
            <div class="col-lg-4 col-xs-12 col-md-4 col-sm-6">
               <div class="single-static pt-res-md-30 pb-res-sm-30 pb-res-xs-0 pt-res-xs-20">
                  <img src="assets/images/icons/static-icons-3.png" alt="static-icon" class="img-responsive" />
                  <div class="single-static-meta">
                     <h4>100% Payment Secure</h4>
                     <p>Your payment are safe with us.</p>
                  </div>
               </div>
            </div>
            <div class="col-lg-4 col-xs-12 col-md-4 col-sm-6">
               <div class="single-static pt-res-md-30 pb-res-sm-30 pt-res-xs-20">
                  <img src="assets/images/icons/static-icons-4.png" alt="static-icon" class="img-responsive" />
                  <div class="single-static-meta">
                     <h4>Support</h4>
                     <p>Contact us : +91 7701967267</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>

<?php if (!isset($checksession) && !isset($_SESSION["guest_sesion"])) { ?> 
<div id="guest_model" class="modal fade p-3">
   <div class="modal-dialog modal-dialog-2 modal-sm" style="max-width: 800px;">
      <div class="modal-content">
         
         <div class="modal-header modal-header-2" style="    background-color: #fef5f0!important;">
            <div class="container-fluid m-0" >
               <div class="row">
                  <div class="col-lg-6 col-md-8 col-sm-12 col-xs-12 col-12 p-0">
                     <div class="main_box_pop">
                         <h5 class="modal-title-2" id="exampleModalLabel">Welcome to Crystal Miracle</h5>
                         <form action="" method="post">
                            <div class="modal-body" style="">
                               <p>Please enter your details to get in touch and latest update.</p>
                               
                               <div class="form-group bottom_line">
                                  <input type="text" name="mobile" class="form-control" placeholder="Phone Number" pattern="[789][0-9]{9}" title="Enter 10 digit mobile number" required>
                               </div>
                               <div class="form-group bottom_line">
                                  <input type="email" name="email" class="form-control" placeholder="Email Address" required>
                               </div>
                               <button type="submit" name="guest_submit" class="btn btn-danger zones">Sign Up</button>
                            </div>
                         </form>
                     </div>
                  </div>
                  <div class="col-lg-6 col-md-4 col-sm-4 col-xs-4 col-4 p-0">
                     <div class="img_pop">
                         <img src="assets/images/popups.jpg" alt="Popups Image">
                     </div>
                  </div>
               </div>
            </div>
         </div>
         
      </div>
   </div>
</div>
</div>
<?php } ?>

<?php include "footer.php"; ?>
<script>
   $(document).ready(function(){
     $("#guest_model").modal('show');
   });
</script>
<?php $_SESSION["guest_sesion"] = 1; ?>

<?php
   if (isset($success_guest)) { ?> 
<div id="success_guest" class="modal fade mt-5 p-2">
   <div class="modal-dialog modal-dialog-2 modal-sm" style="max-width: 600px;">
      <div class="modal-content">
         <div class="modal-header modal-header-2" style="background-color: #25af91;">
            <div class="container-fluid">
               <div class="row">
                  <div class="col-lg-4 col-md-3 col-sm-3 col-xs-1 logo_modal mt-3">
                     <img class="img-fluid" src="assets/images/logo/vdc.png" alt="vdc-logo">
                  </div>
                  <div class="col-lg-7 col-md-8 col-sm-8 col-xs-10">
                     <h5 class="modal-title-2 mt-1" id="exampleModalLabel">Welcome to Crystal Miracle</h5>
                  </div>
                  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 mt-1 ">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                     </button>
                  </div>
               </div>
            </div>
         </div>
         <div class="modal-body" style="background-color: #ffffff;">
            <h3 class="alert alert-success">Thanks for contacting us</h3>
         </div>
      </div>
   </div>
</div>

<script>
   $("#success_guest").modal('show');
</script>
<?php }
   unset($success_guest);
    ?>
    
    
    <style>
    
.button-with-dash {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1.7em;
    padding-bottom: 1.7em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    white-space: nowrap;
}
.dash {
    width: 6.87em;
    height: 2px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background-color: #081312;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}
.dash-button-text.p-left-1-07em {
    padding-left: 1.07em;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    font-family: Worksans, sans-serif;
    font-size: 1.11em;
}
.dash-button-text {
    color: #081312;
    font-size: 1.45em;
    line-height: 1.3;
    font-weight: 600;
    text-transform: uppercase;
}
.button-with-dash:hover {
    -webkit-transform: translate(5px, 0px);
    -ms-transform: translate(5px, 0px);
    transform: translate(5px, 0px);
}
.alificat{
    align-items: center;
}
.sttext
{
    padding:50px;
}

.catmtol .vibtno
{
    float:right;
    color:#666;
        margin-top: -35px;
}
.shop_btns{
           border: 1px solid #424141;
    padding: 6px 15px 6px 15px;
    color: black;
    margin-top: 31px;
    position: relative;
    top: 5px;
}

#main .stosec
{
    
}
#main .stosec:nth-child(1) .alificat .moblst1 .MsoNormal {
    display:none !important;
}

#main .stosec:nth-child(even) .alificat{
  flex-direction: row-reverse;
}
.stosec
{
    padding:30px 0px;
}

.catmtol .vibtno
{
    float:right;
        margin-top: -35px;
}
.shop_btns{
           border: 1px solid #424141;
    padding: 6px 15px 6px 15px;
    color: black;
    margin-top: 31px;
    position: relative;
    top: 5px;
}
.img_pop{
    height:100%;
}
.img_pop img{
    width:100%;
    height: 100%;
    object-fit: cover;
}
.modal-header-2{
    padding:0px;
}
.p-0{
    padding:0px;
}
.main_box_pop{
    padding: 53px;
}
.modal-title-2 {
    color: black;
    
    font-size: 30px;
    font-weight: 400;
}
.modal-dialog .modal-body {
    padding: 14px 0px;
}
.bottom_line input{
    border-bottom: 1px solid black !important;
    border-radius: 0 !important;
    padding-left:5px !important;
}
.form-control {
    border: none !important;
}

@media (max-width:768px)
{
    .sttext
    {
        padding:50px 30px 0px 30px;
    }
    .img_pop{
        display:none;
    }
}
    </style>