@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --primary-color: #be0b1e;
  --secoundary-color: #000000;
  --third-color: #ffffff;
}

body { font-family: 'Montserrat', sans-serif;; padding: 0px; margin: 0px; direction: rtl; background-color: #2A2A2A; text-align: right;}

:focus-visible { outline: none; }
button:focus{ outline: none; }
button{ cursor: pointer; }

/*Header*/
.header { display: flex; justify-content: space-between; flex-direction: row-reverse; padding-top: 7px;}
.header .contact-area { padding-top: 22px; }
.header .contact-area a { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; color: var(--third-color); text-decoration: none; padding-left: 63px; padding-top: 6px; transition: all .5s ease;}
.header .contact-area a:hover { color: var(--primary-color); transition: all .5s ease; }
.header .contact-area i { padding-left: 9px; padding-top: 6px;}

/*Slider*/
.sldier{ margin: 100px 0px; }
.sldier .col-lg-5 img { width: 100%; }
.sldier .col-lg-7 h1 { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 82px; line-height: 100px; text-transform: uppercase; color: var(--primary-color); margin-bottom: 18px;}
.sldier .col-lg-7 h4 { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 18px; line-height: 22px; color:var(--primary-color); margin-bottom: 15px; }
.sldier .col-lg-7 h3 { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 30px; line-height: 42px; color:var(--third-color); margin-bottom: 13px; }
.sldier .col-lg-7 p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 15px; line-height: 27px; color: var(--third-color); margin-bottom: 29px; }
.sldier .col-lg-7 a.btn-view{border: var(--primary-color) 1px solid; border-radius: 5px; position: relative; line-height: 40px; display: inline-block; padding: 0 20px 0 55px; color: var(--third-color); background-color: var(--primary-color); font-size: 15px; font-weight: 400; text-decoration: none; transition: all .5s ease;}
.sldier .col-lg-7 a.btn-view::before{font-family: "Font Awesome 5 Free"; width: 34px; height: 34px; background: var(--secoundary-color); color: var(--third-color); font-weight: 700; content: '\f104'; position: absolute; top: 3px; left: 3px; font-size: 21px; border-radius: 5px; text-align: center; line-height: 34px;}
.sldier .col-lg-7 a.btn-view:hover{background: var(--third-color); color: var(--secoundary-color); transition: all .5s ease;}

/* Specification */
.specification { display: flex; flex-wrap: wrap;}
.specification .box-design { background: var(--third-color); padding: 51px 44px; width: 33.33%; text-align: center; border:1px solid rgba(0, 0, 0, 0.4);}
.specification .box-design img { padding-bottom: 24px; transition: all .5s ease;}
.specification .box-design:hover img { transform: scale(1.1); transition: all .5s ease;}
.specification .box-design h4 { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; color: var(--secoundary-color); margin-bottom: 15px; }
.specification .box-design p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px; line-height: 25px; text-align: center; color: rgba(0, 0, 0, 0.8); }

/* Video */
.video { position: relative; overflow: hidden; object-fit: cover;  transition: all .5s ease;}
.video .video-bg { width: 100%; height: 300px; transition: all .5s ease;}
.video:hover .video-bg { transform: scale(1.1); transition: all .5s ease; }
.video .play-btn { position: absolute; display: flex; top: 0; border: 0; right: 0; left: 0; width: 100%; height: 100%; justify-content: center; align-items: center; }

/* Text Area */
.about{ margin: 100px 0px; padding: 0px 64px;}
.about h3{ font-family: 'Inter', sans-serif; font-style: normal; font-weight: 700; font-size: 38px; line-height: 49px; text-align: center; color: var(--third-color); margin-bottom: 23px;}
.about h4{ font-family: 'Inter', sans-serif; font-style: normal; font-weight: 400; font-size: 20px; line-height: 25px; text-align: center; color: var(--third-color); }

/* About My Dream */
.about-my-dream h3 { font-family: 'Montserrat'; font-weight: 800; font-size: 75px; line-height: 91px; text-transform: uppercase; color: var(--primary-color); width: 100%; text-align: center; margin-bottom: 23px; }
.about-my-dream .about-area-1 {width: 100%;  display: flex; flex-wrap: wrap;}
.about-my-dream .about-area-1 .image-area{ width: 50%; }
.about-my-dream .about-area-1 .image-area img { height: 100%; width: 100%; }
.about-my-dream .about-area-1 .contain-area { width: 50%; background: #fff; text-align: center; display: flex; justify-content: center; align-items: center; }
.about-my-dream .about-area-1 .contain-area .align-center-contain { padding: 85px 65px;  }
.about-my-dream .about-area-1 .contain-area .align-center-contain h4 { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 19px; line-height: 23px; text-align: center; color: #000000; margin-bottom: 18px;}
.about-my-dream .about-area-1 .contain-area .align-center-contain p { width: 290px; font-family: 'Inter', sans-serif; font-weight: 400; font-size: 17px; line-height: 25px; text-align: center; color: rgba(0, 0, 0, 0.8); margin: 0px auto;}
.about-my-dream .about-area-1 .contain-area .align-center-contain h5 { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 17px; line-height: 25px; text-align: center; color: #BE0B1E; margin: 15px 0px; }
.about-my-dream .about-area-2 img{ width: 100%; height: 422px; }
.about-my-dream .about-area-3 {width: 100%;  display: flex; flex-wrap: wrap;}
.about-my-dream .about-area-3 .image-area{ width: 50%; height: 100%; position: relative; }
.about-my-dream .about-area-3 .image-area .img-bg { width: 100%; }
.about-my-dream .about-area-3 .image-area .image-align { position: absolute; display: flex; top: 0; border: 0; right: 0; left: 0; width: 100%; height: 100%; justify-content: center; align-items: center; }
.about-my-dream .about-area-3 .image-area .image-align img { transition: all .5s ease;}
.about-my-dream .about-area-3:hover .image-area .image-align img { transform: scale(1.1); transition: all .5s ease;}
.about-my-dream .about-area-3 .contain-area { width: 50%; background: #fff; text-align: center; display: flex; justify-content: center; align-items: center; }
.about-my-dream .about-area-3 .contain-area .align-center-contain { padding: 59px 42px;  }
.about-my-dream .about-area-3 .contain-area .align-center-contain h4 { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 18px; line-height: 22px; text-align: center; color: #000000;}
.about-my-dream .about-area-3 .contain-area .align-center-contain p { font-family:  'Inter', sans-serif; font-weight: 500; font-size: 17px; line-height: 29px; text-align: center; color: rgba(0, 0, 0, 0.8); padding-bottom: 50px;}
.about-my-dream .about-area-3 .contain-area .align-center-contain h5 { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 23px; line-height: 28px; text-align: center; color: #BE0B1E; padding-top: 11px; }

/*Testimonual*/
.testimonual{ width: 60%; margin: 100px auto; text-align: center; }
.testimonual i.fas.fa-quote-left { color: #BE0B1E; font-size: 65px; }
.testimonual p { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 44px; line-height: 56px; text-align: center; color: #FFFFFF; padding: 0px 13px;}
.testimonual h6{ font-family: 'Inter', sans-serif; font-weight: 700; font-size: 44px; line-height: 53px; text-align: center; color: #BE0B1E;}

/* Gallery */
.gallery{ display: flex; flex-wrap: wrap;}
.gallery .width-gallery{ width: 277px; height: 376px; overflow: hidden; position: relative; transition: 0.5s;}
.gallery .width-gallery img{ width: 100%; height: 100%; overflow: hidden; object-fit: cover;  transition: all .5s ease; }
.gallery .width-gallery:hover img { transform: scale(1.1); transition: all .5s ease; }

/* Specification Contain */
.specification-contain { margin-top: 100px; }
.specification-contain h3{ font-family: 'Inter', sans-serif; font-weight: 700; font-size: 56px; line-height: 68px; text-align: center; text-transform: uppercase; color: #BE0B1E; margin-bottom: 30px;}
.specification-contain .cart-area { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; }
.specification-contain .cart-design { width: 24%; margin: 0.5%; background: #fff; text-align: center; padding: 20px; }
.specification-contain .cart-design h5 { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; color: var(--secoundary-color); margin-bottom: 15px; }
.specification-contain  .cart-design p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px; line-height: 25px; text-align: center; color: rgba(0, 0, 0, 0.8); margin: 0px; }
.specification-contain .specification-table ul { align-items: center; flex-wrap: wrap; width: 100%; list-style: none; justify-content: center; margin-bottom: 30px; column-gap: 5px; padding: 0px;}
.specification-contain .specification-table ul li {width:100%; display: flex; text-align: center; background-color: #ffffff; margin-bottom: 5px; }
.specification-contain .specification-table ul li .name { width: 240px; border-left: 1px solid #000; text-align: right; padding: 10px 20px; font-size: 20px;line-height: 28px; font-weight: 700; color: var(--primary-color);}
.specification-contain .specification-table ul li .dec {font-size: 18px;line-height: 28px; width: 181px; text-align: right; padding: 10px 20px; font-weight: 400;}



/* Product Discription */
.product-dis{ margin: 100px 0px; text-align: center;}
.product-dis img{ height: 223px;  margin: 25px 0px 40px 0px; transition: all .5s ease;}
.product-dis:hover img{ transform: scale(1.1); transition: all .5s ease;}
.product-dis h3{  font-family: 'Inter', sans-serif; font-weight: 700; font-size: 56px; line-height: 68px; text-align: center; text-transform: uppercase; color: #BE0B1E; }
.product-dis h4{ font-family: 'Inter', sans-serif; font-weight: 700; font-size: 26px; line-height: 31px; text-align: center; color: #FFFFFF; margin-bottom: 7px;}
.product-dis p{ font-family: 'Inter', sans-serif; font-weight: 500; font-size: 17px; line-height: 25px; text-align: center; color: #FFFFFF; margin: 10px 0px 0px 0px; padding: 0px 30px;}

/*Prize*/
.prize {width: 100%;  display: flex; flex-wrap: wrap; margin-bottom: 78px;}
.prize .image-area{ width: 50%; overflow: hidden; object-fit: cover;  transition: all .5s ease;}
.prize .image-area img { height: 100%; width: 100%; transition: all .5s ease;  }
.prize:hover .image-area img { transform: scale(1.1); transition: all .5s ease; }
.prize .contain-area { width: 50%; background: #fff; text-align: center; display: flex; justify-content: center; align-items: center; }
.prize .contain-area .align-center-contain h5{ font-family: 'Inter', sans-serif; font-weight: 700; font-size: 17px; line-height: 21px; text-align: center; color: #BE0B1E; margin-bottom: 10px;}
.prize .contain-area .align-center-contain h4{ font-family: 'Inter', sans-serif; font-weight: 700; font-size: 39px; line-height: 60px; text-align: center; color: #000000; margin-bottom: 22px;}
.prize .contain-area .align-center-contain h3{ font-family: 'Inter', sans-serif; font-weight: 700; font-size: 35px; line-height: 27px; text-align: center; color: #BE0B1E; }
.prize .contain-area .align-center-contain p{ font-family: 'Inter', sans-serif; font-weight: 400; font-size: 23px; line-height: 47px; text-align: center; color: #000000; margin: 0px;}

/* Contact Info */
.contact-info { display: flex; flex-wrap: wrap; margin-bottom: 100px;}
.contact-info .box-design { background: var(--third-color); padding: 44px 44px; width: 33.33%; text-align: center; border:1px solid rgba(0, 0, 0, 0.4);}
.contact-info .box-design img { padding-bottom: 24px; transition: all .5s ease;}
.contact-info .box-design:hover img { transform: scale(1.1); transition: all .5s ease;}
.contact-info .box-design h4 { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; color: var(--secoundary-color); margin-bottom: 15px; }
.contact-info .box-design a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px; line-height: 25px; text-align: center; color: rgba(0, 0, 0, 0.8); text-decoration: none; }

/* Copy Right */
.copy-right{ font-weight: 500; font-size: 15px; line-height: 24px; text-align: center; color: rgba(255, 255, 255, 0.5); padding: 20px 0px; border-top: 1px solid rgba(255, 255, 255, 0.3); }
.copy-right span{ color: rgba(255, 255, 255, 0.9); }

/*Sticky Icon*/
.fix-icon-bottom { position: fixed; bottom: 80px; left: 0; padding-left: 22px; z-index: 50;}
.fix-icon-bottom img { transition: all .5s ease; width: 45px;}
.fix-icon-bottom img:hover { transform: scale(1.1); transition: all .5s ease;}
.fix-icon-bottom .text-icon { text-align: center;  font-family: 'Inter', sans-serif; font-weight: 700; font-size: 17px; line-height: 17px; text-align: center; text-transform: uppercase; color: #BE0B1E; margin-left: 10px; }
.fix-icon-bottom a.phone-stick { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 20px; text-decoration: none;  }
.fix-icon-bottom a.whatsapp-stick { display: flex; justify-content: flex-end; align-items: center; text-decoration: none; }




/************ Small Desktop Screen **************/

@media (max-width:1366px) {

}

/************ Tablet Screen **************/

@media (min-width: 768px) and (max-width: 1024px){

  /* Header */
  .header .logo-area img { width: 140px; }
  .header .contact-area a {padding-left: 23px;}

  /* Sldier */
  .sldier .col-lg-7 h1 { font-size: 52px; line-height: 61px; }
  .sldier .col-lg-7 h3 {font-size: 25px; line-height: 34px; }
  .sldier .col-lg-5 img { margin-top: 70px; }

  /* Specification */
  .specification .box-design { padding: 25px 10px; }
  .specification .box-design img { padding-bottom: 14px; }
  .specification .box-design h4 { margin-bottom: 10px; }
  .specification .box-design p { font-size: 14px; line-height: 21px; }
  .video .video-bg { height: 250px; }

  /* About */
  .about { padding: 0px 0px; }
  .about h3 { font-size: 30px; line-height: 43px; }
  .about h4{ margin: 0px; }

  /* About My Dream */
  .about-my-dream h3 { font-size: 52px; line-height: 61px; }
  .about-my-dream .about-area-1 .contain-area .align-center-contain { padding: 30px 10px; }
  .about-my-dream .about-area-2 img { height: 290px; }
  .about-my-dream .about-area-3 .contain-area .align-center-contain { padding: 30px 10px; }
  .about-my-dream .about-area-3 .contain-area .align-center-contain p { padding-bottom: 0px; }
  .about-my-dream .about-area-3 .image-area .image-align img { height: 269px; }
  .about-my-dream .about-area-3 .image-area .img-bg { height: 518px; }

  /*Testimonual*/
  .testimonual { width: 80%; }
  .testimonual p { font-size: 43px; line-height: 50px; }
  .testimonual h6 { font-size: 39px; line-height: 46px; }

  /*Gallery*/
  .gallery { display: flex; flex-wrap: nowrap; }
  .gallery .width-gallery { width: 25%; height: 263px; }

  /* Specification List */
  .specification-contain .cart-design { width: 24%; margin: 0.5%; background: #fff; text-align: center; padding: 10px 7px; }

  /* Product Detail */
  .product-dis h3{ font-size: 52px; line-height: 61px; }
  .product-dis img { height: 174px; }

  /* Prize */
  .prize .contain-area .align-center-contain h4 { font-size: 26px;  line-height: 40px; margin-bottom: 15px;}
  .prize .contain-area .align-center-contain h3 { font-size: 36px; line-height: 33px; }

  /* Contact Info */
  .contact-info .box-design { padding: 25px 10px; }
  .contact-info .box-design img { padding-bottom: 14px; }
  .contact-info .box-design h4 { margin-bottom: 10px; }
  .contact-info .box-design p { font-size: 14px; line-height: 21px; }

}

@media (min-width: 1200px){}
.container {
    max-width: 1140px;
}

/************ Mobile Screen **************/


@media (max-width: 767px){

  /*Header*/
  .header .logo-area img { width: 90px; }
  .header .contact-area a { padding-left: 5px; }

  /* Slider */
  .sldier { margin: 50px 0px; }
  .sldier .col-lg-7 h1 { font-size: 44px; line-height: 46px;  margin-top: 60px; }
  .sldier .col-lg-7 h3 { font-size: 25px; line-height: 36px; }
  .sldier .col-lg-7 p { font-weight: 400; font-size: 17px; }

  /* Specification */
  .specification .box-design{ width: 100%; padding: 20px 20px; }

  /* Video */
  .video .video-bg { height: 170px; }
  .video .play-btn img { width: 36px; }

  /* About */
  .about { margin: 50px 0px; padding: 0px 0px; }
  .about h3 { font-size: 23px; line-height: 31px; }
  .about-my-dream h3 { font-size: 44px; line-height: 46px; }

  /* About My Dream */
  .about-my-dream .about-area-1 .contain-area { width: 100%; }
  .about-my-dream .about-area-1 .image-area { width: 1000%; }
  .about-my-dream .about-area-1 .contain-area .align-center-contain { padding: 40px 20px; }
  .about-my-dream .about-area-2 img { height: 150px; }
  .about-my-dream .about-area-3 .image-area { width: 100%; }
  .about-my-dream .about-area-3 .contain-area { width: 100%; }
  .about-my-dream .about-area-3 .contain-area .align-center-contain { padding: 40px 20px; }
  .about-my-dream .about-area-3 .contain-area .align-center-contain p { padding-bottom: 0px; }
  .about-my-dream .about-area-3 .image-area .image-align img { height: 150px; }

  /* Testimonual */
  .testimonual { width: 100%; margin: 50px auto;}
  .testimonual p { font-size: 25px; line-height: 39px; }
  .testimonual h6 { font-size: 36px; line-height: 49px; }

  /* Gallery */
  .gallery { display: flex; flex-wrap: wrap;}
  .gallery .width-gallery { width: 50%; height: 250px; }

  /* Specification List */
  .specification-contain .cart-design { width: 49%; }

  /* Product Detail */
  .product-dis h3 { font-size: 23px; line-height: 31px; }
  .product-dis img { height: 130px; }
  .product-dis p{ padding: 0px; }

  /* Prize */
  .prize .image-area{ width: 100%; }
  .prize .contain-area{ width: 100%; }
  .prize .contain-area .align-center-contain { padding: 20px 10px;}
  .prize .contain-area .align-center-contain h4 { font-size: 21px; line-height: 44px; }

  /* Contact Info */
  .contact-info{ margin-bottom: 50px; }
  .contact-info .box-design{ width: 100%; padding: 20px 20px; }

  /* Sticky Icon */
  .fix-icon-bottom { bottom: 20px; }

}

@media (max-width: 450px){

    /* Specification List */
    .specification-contain .cart-design { width: 100%; }

}