@charset "UTF-8";
:root {
  --primary: #17A2B8;
  --secondary: #43919b;
  --third: #133E5A;
  --bg: #e2e2e2;
  --sec-bg: #cacaca;
  --text: #6f6f6f;
  --black: #000000;
  --sec-black: #100f0f;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #ed1e24;
  --light: #f8f9fa;
  --dark: #343a40;
  --sec-dark: #333333;
  --main-color: #ED1E24;
  --secondary-color: #126ED2;
  --third-color: #FCEC00;
  --green-color: #30af0d;
  --side-bar-color: #f0f6fe;
  --main-transition: 0.6s ;
}

@font-face {
  font-family: Cairo;
  src: url(../fonts/Cairo-Medium.ttf);
  font-display: swap;
}
@font-face {
  font-family: Cairo-Regular;
  src: url(../fonts/Cairo-Regular.ttf);
  font-display: swap;
}
@font-face {
  font-family: roboto;
  src: url(../web/fonts/Roboto-Regular.ttf);
  font-display: swap;
}
@font-face {
  font-family: a;
  src: url("../web/fonts/ConsolaMono-Bold.ttf");
  font-display: swap;
}
@media (max-width: 767px) {
  html {
    font-size: 10px;
  }
}

body {
  margin: 0;
  font-weight: 400;
  color: #212529;
  text-align: left;
  font-family: roboto;
}

html {
  overflow-x: hidden;
}

#root {
  overflow: hidden;
}

a {
  /* text-decoration: none; */
  color: var(--black);
  transition: 0.5s !important;
}

a:hover {
  text-decoration: none !important;
  color: var(--secondary-color);
}

.p-button {
  background: var(--primary) !important;
  border: 1px solid var(--primary) !important;
}

.menu .nav .nav-item.p-button {
  transition: 0.8s;
}

.Sub-title {
  font-size: 12px;
}

.menu .nav .nav-item.p-button {
  padding: 0.6rem 1rem !important;
  margin: 0 15px;
}

.menu .nav .nav-item.p-button:hover {
  background: #eac024 !important;
  border: 1px solid var(--primary) !important;
  color: #eac024 !important;
  /* border: 1px solid var(--primary) !important; */
}

@media (max-width: 991.98px) {
  .n-d-col {
    display: flex;
    flex-direction: column;
  }
  .nav-p2 {
    padding-top: 1rem;
  }
  .nav-col .team-member-social i {
    font-size: 15px !important;
  }
  .nav-col .btn-sign-up,
  .nav-col .btn-login {
    font-size: 13px;
  }
  .n-d-padding {
    padding-top: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  /* .main-nav,
   img.img-slider.rounded.aos-init.aos-animate {
      display: none !important;
  } */
}
element.style {
  background-color: transparent !important;
  color: var(--bs-primary);
  font-size: 25px;
  border: none !important;
}

button.p-button.p-component.nav-item.btn-lang {
  background-color: transparent !important;
  color: var(--bs-primary);
  font-size: 25px;
  border: none !important;
}

.menu .nav .p-button.btn-sub-lan {
  background: #fff !important;
  text-align: left;
  margin: 5px 0;
}

.nav-item.dropdown:hover .dropdown-menu {
  display: flex;
  flex-direction: column;
  opacity: 1;
  animation-name: animationMenu;
  animation-duration: 1s;
  position: absolute;
  left: 0;
  padding: 0;
  border: 0;
  border-radius: 0px;
}

.nav-item.dropdown .dropdown-menu {
  opacity: 0;
}

.menu .nav .p-button.btn-sub-lan.active {
  background-image: linear-gradient(var(--primary), #2bbef9) !important;
  text-align: left;
  border-radius: 4px;
}

.language {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0px;
}

.itm-lang:hover .itm-lang.dropdown-menu {
  display: block !important;
}

.header-height {
  height: 60px;
}

.header ul button.active {
  background-color: var(--primary) !important;
}

.offcanvas-menu .accordion-item {
  margin: 5px 0;
}

.accordion-button::after {
  margin-left: auto !important;
  margin-right: 0;
}

.offcanvas-menu a {
  background: transparent !important;
  border: 0;
  color: var(--third) !important;
}

.offcanvas-menu a:hover {
  background: transparent !important;
  color: var(--primary) !important;
}

.none-After::after {
  display: none;
}

.rtl .menu .nav .p-button.btn-sub-lan {
  text-align: right;
}

.rtl .menu .nav .p-button.btn-sub-lan span {
  text-align: right;
  margin-left: 10px;
}

.dropdown-menu.true {
  display: flex;
  flex-direction: column;
  opacity: 1;
  animation-name: animationMenu;
  animation-duration: 0.5s;
  border-radius: 5px;
  position: absolute;
  left: 0;
}

@keyframes animationMenu {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.dropdown-menu {
  transition: all 0.8s;
  top: 99%;
  opacity: 0.5;
  animation-name: animationMenu 0.5s;
  transition: 0.8s;
}

.home .sectoin-slide .btn-Read-more i {
  transform: rotate(180deg);
}

/* media */
@media (max-width: 576px) {
  .img-conpany-slider {
    width: 40px;
    height: 40px !important;
    border-radius: 50% !important;
  }
  .d-flex.company-info {
    transform: translateY(30px);
    right: 5%;
  }
  .logo.d-flex {
    width: 100%;
  }
  .info h1 {
    font-size: 25px;
  }
  .info p {
    font-size: 20px;
  }
  .home .sectoin-slide .btn-Read-more {
    font-size: 14px;
  }
  .sectoin-customer-reviews .head-reviews {
    font-size: 18px;
  }
  .sectoin-customer-reviews .head-reviews span {
    padding: 0px 15px;
    border-radius: 18px 5px;
  }
  .sectoin-customer-reviews .container .reviews .containt-reviews .head-reviews {
    font-size: 20px;
    line-height: 32px;
  }
  .sectoin-Best-Selling .container .products::after {
    bottom: -12%;
  }
  .sectoin-customer-reviews .container .reviews .containt-reviews .text-reviews {
    font-size: 16px;
  }
  .home .sectoin-slide .contant-text .header-text {
    font-size: 24px;
    line-height: 28px;
    height: 50px;
    overflow: hidden;
  }
  .home .sectoin-slide .contant-text .header-p {
    font-size: 18px;
  }
  .sectoin-know-more .head-know-more {
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 20px;
  }
  .img-product-select .select-image {
    width: 100px;
    height: 50px;
  }
  .sectoin-Best-Selling .container .products .products-absolute {
    width: 300px;
    height: 300px;
  }
  .sectoin-Best-Selling .container .products .products-absolute img {
    width: 100px !important;
    height: 50px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .card {
    width: 100px !important;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-1 {
    top: 0%;
    right: 100px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-2 {
    bottom: 0;
    right: 100px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-3 {
    top: 120px;
    left: -25px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-4 {
    top: 120px;
    right: -25px;
  }
  section.imgs {
    margin-top: 350px;
  }
  section.jobs .job-description {
    flex-direction: column;
  }
  .single .add-cart .name-product {
    font-size: 16px;
  }
  .single .add-cart .btn-add-cart {
    font-size: 18px;
  }
  .single .add-cart .qty .number-qty {
    font-size: 18px;
  }
  .single .contact-Description {
    padding: 15px;
  }
  .Subscribe-input {
    width: 100%;
  }
  .footer .Subscribe {
    font-size: 20px;
  }
  .contact iframe {
    width: 100%;
    height: 300px;
  }
  .width-employers-cv {
    width: 100%;
  }
  .sectoin-Best-Selling .container .products .button-cart {
    bottom: -25px;
  }
}
@media (max-width: 576px) {
  .sectoin-Best-Selling .container .products .button-cart button {
    font-size: 18px;
  }
  .butts {
    width: 100%;
    margin-right: 0;
  }
  .img-slider {
    width: 100%;
    height: 200px;
  }
  .logo.d-flex {
    width: 100%;
  }
  .home .sectoin-slide .contant-text .header-p {
    height: 60px;
    overflow: hidden;
  }
}
@media (min-width: 576px) {
  .sectoin-Best-Selling .container .products .button-cart button {
    font-size: 18px;
  }
  .butts {
    width: 100%;
    margin-right: 30px;
  }
  .img-slider {
    width: 100%;
    height: 200px;
  }
  .company-info-footer {
    transform: translateY(0);
  }
  .img-conpany-slider {
    width: 70px;
    height: 70px !important;
    border-radius: 50% !important;
  }
  .home .sectoin-slide .btn-Read-more {
    font-size: 14px;
  }
  .info h1 {
    font-size: 30px;
  }
  .info p {
    font-size: 25px;
  }
  .sectoin-customer-reviews .head-reviews {
    font-size: 18px;
  }
  .sectoin-customer-reviews .head-reviews span {
    padding: 0px 15px;
    border-radius: 18px 5px;
  }
  .sectoin-customer-reviews .container .reviews .containt-reviews .head-reviews {
    font-size: 20px;
    line-height: 32px;
  }
  .sectoin-customer-reviews .container .reviews .containt-reviews .text-reviews {
    font-size: 16px;
  }
  .sectoin-Best-Selling .container .products::after {
    bottom: -5%;
  }
  .home .sectoin-slide .contant-text .header-text {
    font-size: 45px;
    line-height: 47px;
  }
  .home .sectoin-slide .contant-text .header-p {
    font-size: 17px;
  }
  .sectoin-know-more .head-know-more {
    font-size: 40px;
    line-height: 50px;
  }
  .img-product-select .select-image {
    width: 100px;
    height: 50px;
  }
  .sectoin-Best-Selling .container .products .products-absolute {
    width: 400px;
    height: 400px;
  }
  .sectoin-Best-Selling .container .products .products-absolute img {
    width: 200px !important;
    height: 150px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .card {
    width: 200px !important;
    margin: auto;
    position: absolute;
    /* left: 100px; */
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-1 {
    top: 0%;
    right: 325px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-3 {
    top: 150px;
    left: 0;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-4 {
    top: 150px;
    right: 0;
  }
  section.imgs {
    margin-top: 350px;
  }
  section.jobs .job-description {
    flex-direction: column;
  }
  .single .add-cart .name-product {
    font-size: 16px;
  }
  .single .add-cart .btn-add-cart {
    font-size: 18px;
  }
  .single .add-cart .qty .number-qty {
    font-size: 18px;
  }
  .single .contact-Description {
    padding: 15px;
  }
  .Subscribe-input {
    width: 100%;
  }
  .footer .Subscribe {
    font-size: 23px;
  }
  .contact iframe {
    width: 100%;
    height: 400px;
  }
  .width-employers-cv {
    width: 75%;
  }
  .sectoin-Best-Selling .container .products .button-cart {
    bottom: 0;
  }
}
@media (min-width: 768px) {
  .sectoin-Best-Selling .container .products .button-cart button {
    font-size: 24px;
  }
  .img-slider {
    width: 100%;
    height: 100%;
  }
  .company-info-footer {
    transform: translateY(0);
  }
  .d-flex.company-info {
    transform: translateY(30px);
    left: 5%;
  }
  .home .sectoin-slide .btn-Read-more {
    font-size: 18px;
  }
  .sectoin-customer-reviews .head-reviews {
    font-size: 22px;
  }
  .sectoin-customer-reviews .head-reviews span {
    padding: 0px 15px;
    border-radius: 18px 5px;
  }
  .sectoin-customer-reviews .container .reviews .containt-reviews .head-reviews {
    font-size: 22px;
    line-height: 35px;
  }
  .sectoin-customer-reviews .container .reviews .containt-reviews .text-reviews {
    font-size: 18px;
  }
  .home .sectoin-slide .contant-text .header-text {
    font-size: 45px;
    /* line-height: 45px; */
    height: 96px;
    overflow: hidden;
  }
  .img-product-select .select-image {
    width: 150px !important;
    height: 100px;
  }
  .sectoin-Best-Selling .container .products .products-absolute {
    width: 550px;
    height: 550px;
  }
  .sectoin-Best-Selling .container .products .products-absolute img {
    width: 150px !important;
    height: 100px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .card {
    width: 150px !important;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-1 {
    top: -8px;
    right: 200px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-2 {
    bottom: 0;
    right: 200px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-3 {
    top: 182px;
    left: -25px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-4 {
    top: 190px;
    right: -25px;
  }
  section.imgs {
    margin-top: 150px;
  }
  section.jobs .job-description {
    flex-direction: column;
  }
  .single .add-cart .name-product {
    font-size: 16px;
  }
  .single .add-cart .btn-add-cart {
    font-size: 18px;
  }
  .single .add-cart .qty .number-qty {
    font-size: 18px;
  }
  .single .contact-Description {
    padding: 15px;
  }
  .Subscribe-input {
    width: 75%;
  }
  .footer .Subscribe {
    font-size: 30px;
  }
  .contact iframe {
    width: 100%;
    height: 500px;
  }
}
@media (min-width: 992px) {
  .company-info-footer {
    transform: translateY(-50px);
  }
  .home .sectoin-slide .btn-Read-more {
    font-size: 14px;
  }
  .sectoin-customer-reviews .head-reviews {
    font-size: 22px;
  }
  .sectoin-customer-reviews .head-reviews span {
    padding: 0px 15px;
    border-radius: 18px 5px;
  }
  .sectoin-customer-reviews .container .reviews .containt-reviews .head-reviews {
    font-size: 22px;
    line-height: 35px;
  }
  .sectoin-customer-reviews .container .reviews .containt-reviews .text-reviews {
    margin-top: 10px;
    font-size: 18px;
  }
  .img-product-select .select-image {
    width: 150px !important;
    height: 100px;
  }
  .sectoin-Best-Selling .container .products .products-absolute {
    width: 550px;
    height: 550px;
  }
  .sectoin-Best-Selling .container .products .products-absolute img {
    width: 150px !important;
    height: 100px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .card {
    width: 150px !important;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-1 {
    top: -30px;
    right: 190px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-2 {
    bottom: -30px;
    right: 190px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-3 {
    top: 200px;
    left: -25px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-4 {
    top: 200px;
    right: -25px;
  }
  section.imgs {
    margin-top: 100px;
  }
  section.jobs .job-description {
    flex-direction: row;
  }
  .single .add-cart .name-product {
    font-size: 20px;
  }
  .single .add-cart .btn-add-cart {
    font-size: 18px;
  }
  .single .add-cart .qty .number-qty {
    font-size: 18px;
  }
  .single .contact-Description {
    padding: 10px 30px;
  }
  .Subscribe-input {
    width: 558px;
  }
  .footer .Subscribe {
    font-size: 34px;
  }
}
@media (min-width: 1200px) {
  .sectoin-Best-Selling .container .products .products-absolute {
    width: 550px;
    height: 550px;
  }
  .img-product-select .select-image {
    width: 250px !important;
    height: 150px;
  }
  .sectoin-Best-Selling .container .products .products-absolute img {
    width: 83px !important;
    height: 70px;
    margin-bottom: 11px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .card {
    width: 150px !important;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-1 {
    top: -50px;
    right: 200px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-2 {
    bottom: -50px;
    right: 150px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-3 {
    top: 160px;
    left: -50px;
  }
  .sectoin-Best-Selling .container .products .products-absolute .product-4 {
    top: 180px;
    right: -50px;
  }
}
@media (min-width: 1400px) {
  .d-flex.company-info {
    transform: translateY(30px);
    left: 10%;
  }
}
/* nav-col */
.navbar.navbar-expand-lg {
  background-color: var(--third);
  padding: 6px 0px 0px 0px;
}

.nav-col .nav-icon i {
  font-size: 20px;
  color: var(--primary);
}

.nav-col .head-info {
  color: var(--text);
}

.nav-col .info {
  font-family: ALMARAI;
  color: #ffffff;
  font-size: 14px;
}

.nav-col .info a {
  color: #ffffff;
}

.nav-col .info a i {
  color: var(--primary);
}

.nav-col .nav-icon .badge {
  font-size: 10px !important;
  background: var(--sec-bg);
  color: var(--sec-black);
}

.nav-col .team-member-social {
  display: flex;
  justify-content: center;
}

.nav-col .team-member-social i {
  color: white;
  /* background: var(--primary); */
  padding: 10px;
  border-radius: 8px;
  font-size: 15px;
  margin-right: 10px;
  transition: 0.5s;
}

.nav-col .team-member-social a:hover i {
  transform: rotate3d(1, 1, 1, 360deg);
}

.nav-col .team-member-social a:hover i.fa-facebook {
  background: #1877f2;
}

.nav-col .team-member-social a:hover i.fa-instagram {
  background-image: linear-gradient(to bottom left, #833ab4, #c13584, #e1306c, #fd1d1d, #f56040, #f77737, #fcaf45, #ffdc80);
}

.nav-col .team-member-social a:hover i.fa-phone {
  background: #68217a;
}

.nav-col .team-member-social a:hover i.fa-whatsapp {
  background-image: linear-gradient(to bottom left, #075e54, #128c7e, #25d366);
}

.nav-col .btn-sign-up {
  background: var(--primary);
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  border-radius: 10px;
  border: none;
}

.ltr .nav-col .btn-sign-up {
  margin-right: 10px;
}

.rtl .nav-col .btn-sign-up {
  margin-left: 10px;
}

.nav-col .btn-login {
  background: #126ed1;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  border-radius: 10px;
  border: none;
  margin: 0 7pt;
}

.ltr .nav-col .btn-login {
  margin-right: 10px;
}

.rtl .nav-col .btn-login {
  margin-left: 10px;
}

/* img-header */
.header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: aliceblue;
  background: #dae8fc;
  transition: 0.8s !important;
  z-index: 200;
}

.sec-img {
  width: 150px;
  height: 150px;
}

.header .img-header {
  height: 50pt;
  /* transform: translateY(20px);
  background: var(--primary);
  border-radius: 4px;
  padding: 4px; */
}

.header .nav-link {
  margin: 0 5px;
  font-size: 16px;
}

.header .nav-link:hover {
  background: transparent;
}

.dropdown-menu .nav-link:hover {
  background: aliceblue;
}

.header .nav-link.active {
  background: var(--primary);
  color: #fff !important;
  position: relative;
  padding: 6px 20pt;
}

.header .nav-link.active + .hovv::after {
  content: none !important;
}

.header .nav-link.active + .hovv::before {
  content: none !important;
}

@keyframes nav-link-active {
  from {
    height: 0%;
  }
  to {
    height: 100%;
  }
}
.header .nav-link.active::after {
  content: " ";
  position: absolute;
  top: 0;
  left: -10px;
  width: 2px;
  height: 100%;
  background: var(--primary);
  animation: nav-link-active 0.8s linear;
}

.header .nav-link.active::before {
  content: " ";
  position: absolute;
  bottom: 0;
  right: -10px;
  width: 2px;
  height: 100%;
  background: var(--primary);
  animation: nav-link-active 0.8s linear;
}

.header .hovv {
  margin-left: 0;
  width: 100%;
  height: 5px;
  background: none;
  border-radius: 22px;
  position: relative;
  border: none;
}

.header .hovv::after {
  content: "";
  background-color: var(--primary);
  position: absolute;
  right: 40%;
  top: 0;
  height: 2px;
  width: 0%;
  border-radius: 22px;
  transition: all 0.8s ease-in-out;
}

.header .nn:hover .hovv::after {
  width: 50%;
}

.header .hovv::before {
  content: "";
  background-color: var(--primary);
  position: absolute;
  left: 40%;
  top: 0;
  height: 2px;
  width: 0%;
  border-radius: 22px;
  transition: all 0.8s ease-in-out;
}

.header .nn:hover .hovv::before {
  width: 50%;
}

.nn {
  display: flex;
  flex-direction: column;
  margin: 2pt;
}

.d-flex.company-info {
  background: transparent;
  border-radius: 4px;
  padding: 10px 6px;
  transition: 0.8s !important;
  position: absolute;
  top: -24px;
  position: fixed;
  animation: Logo 2s infinite;
}

@keyframes Logo {
  0% {
    transform: translateY(30px);
  }
  50% {
    transform: translateY(25px);
  }
  0% {
    transform: translateY(30px);
  }
}
.d-flex.company-info.disactive {
  z-index: 100000000;
  padding-top: 0;
}

.d-flex.company-info.disactive .Sub-title,
.d-flex.company-info.disactive .title {
  display: none;
}

.number-company i {
  font-size: 22px;
}

.btn-number-company {
  border: 4px solid #fff;
  border-radius: 50%;
  margin-left: 50px !important;
}

.btn-number-company .position-absolute {
  top: 0;
  right: -20px;
}

.header .company-info .name {
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 5px;
  color: var(--primary);
}

.header .company-info p {
  letter-spacing: 2px;
  color: var(--black);
  font-weight: bold;
}

.menu-mobile.true {
  display: block;
  background: #fff;
  border-radius: 4px;
}

.menu-mobile.true .nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  flex-direction: column;
  align-items: flex-start;
}

.menu-mobile.false {
  display: none;
}

.menu .nav .btn {
  color: var(--text);
}

.menu .nav .btn.btn-lang {
  border: 1px solid var(--primary);
}

.lang-manu:hover .dropdown-menu {
  display: flex;
  flex-direction: column;
  opacity: 1;
  animation-name: animationMenu;
  animation-duration: 1s;
  border-radius: 5px;
  position: absolute;
  /* bottom: 0; */
}

.ltr .lang-manu:hover .dropdown-menu {
  left: 0;
}

.menu .nav .nav-link:hover {
  color: var(--primary) !important;
  border-color: transparent;
}

.menu .nav .btn.active {
  color: #fff;
}

.menu .nav .btn.active:hover {
  color: #ffd333 !important;
}

.products .product .btn {
  font-size: 16px;
}

.ico {
  color: var(--primary);
}

ul.pagination {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}

ul.pagination li a,
ul.pagination li span {
  padding: 6px 15px !important;
}

.page-item:first-child .page-link {
  border-radius: 6px 0 0 6px !important;
}

.page-item:last-child .page-link {
  border-radius: 0 6px 6px 0 !important;
}

/* home */
/* home */
.home .sectoin-slide .overflow-1 {
  background-size: cover;
  background-position: center center;
  /* height: 100%; */
  /* background-image: linear-gradient(220deg, #2e3b96, #126ed2); */
  background-size: cover;
  background-position: center;
}

.home .sectoin-slide .overflow-2 {
  background-image: url("./image/background/background/unsplash__y0tTb95xeY.png");
  background-size: cover;
  padding: 20px 0 90px 0;
}

.home .sectoin-slide .overflow-3 {
  background-image: url("./image/background/Background.jpg");
  background-size: cover;
  padding: 20px 0 90px 0;
}

@media (max-width: 1399.98px) {
  .home .sectoin-slide .contant-text .header-p {
    font-size: 20px;
  }
}
@media (max-width: 1200.98px) {
  h2.head-containt.fw-bold {
    margin-top: 2rem;
  }
}
@media (max-width: 575.98px) {
  .home .sectoin-slide .overflow-1 {
    height: 530px;
  }
}
.home .sectoin-slide .contant-text {
  display: flex;
  align-items: center;
  /* width: 75%; */
  position: relative;
  padding-right: 0;
  padding-left: 80px;
}

.rtl .home .sectoin-slide .contant-text {
  position: relative;
  padding-right: 80px;
  padding-left: 0;
}

@media (min-width: 1024px) {
  .logo-companys {
    transform: translateY(70px);
  }
}
@media (min-width: 1024px) {
  .logo-companys {
    transform: translateY(35px);
  }
}
@media (min-width: 1400px) {
  .logo-companys {
    transform: translateY(70px);
  }
}
.home .sectoin-slide .btn-contact {
  background: var(--primary);
  color: #fff;
  padding: 15px 40px;
  font-size: 15px;
  border-radius: 10px;
  border: 1px solid #fff;
  direction: rtl;
  transition: 0.5s;
}

.home .sectoin-slide .btn-contact:hover {
  background: #fff;
  color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
}

.home .sectoin-slide .btn-Read-more {
  background: var(--primary);
  color: #fff;
  padding: 15px 40px;
  /* font-weight: bold; */
  border-radius: 10px;
  border: 1px solid #fff;
  direction: rtl;
}

.home .sectoin-slide .btn-Read-more:hover {
  background: #fff;
  color: var(--primary) !important;
  border: 1px solid var(--primary);
}

.header-text {
  color: #fff;
  animation: mymove 5s infinite;
  animation-timing-function: ease;
  text-align: center;
}

.rtl .home .sectoin-slide .contant-text .header-text {
  text-align: right;
}

.more-logos-1 {
  position: absolute;
  left: -20%;
  z-index: -1;
  border: 1px solid var(--primary);
}

.more-logos-2 {
  position: absolute;
  left: -40%;
  z-index: -2;
  border: 1px solid var(--primary);
}

.more-logos-3 {
  position: absolute;
  left: -60%;
  z-index: -3;
  border: 1px solid var(--primary);
}

@media (max-width: 575.98px) {
  .row-slider {
    display: flex;
    flex-direction: column-reverse;
  }
  .row-slider img {
    height: 150px;
  }
}
@media (min-width: 575.98px) {
  .row-slider {
    display: flex;
    flex-direction: row;
  }
}
.home .sectoin-slide .img-slider.bluer {
  opacity: 0.5 !important;
}

/* @keyframes mymove {
    from {
      left: 0px;
    }

    to {
      left: 300px;
    }
  } */
.white {
  background-color: #fff;
  margin-right: 6px;
  border-radius: 50%;
}

.w-100 {
  width: 90%;
}

.home .sectoin-slide .contant-text .header-p {
  color: #fff;
  font-weight: 100;
  /* line-height: 35px; */
  max-width: 90%;
  margin: 0 auto 43px auto;
  display: -webkit-box;
  overflow-y: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.rtl .home .sectoin-slide .contant-text .header-p {
  text-align: right;
}

.link-header {
  background: var(--primary);
  color: #fff;
  padding: 15px 40px;
  font-size: 20px;
  font-weight: bold;
  border-radius: 10px;
}

.sectoin-News .testimonial-carousel .owl-item img {
  width: 100px !important;
  height: 100px;
  display: block;
  border-radius: 50%;
}

.sectoin-News .owl-nav span {
  font-size: 50px;
}

/* sectoin-News */
.mantine-x64ipo {
  direction: ltr;
}

.mantine-qo1k2 a {
  color: var(--primary);
}

.mantine-qo1k2 a:hover {
  color: var(--primary) !important;
}

.rtl .mantine-1aj1o1a {
  display: flex;
  align-items: flex-end;
}

.rtl .mantine-Text-root,
.rtl .mantine-14w9d7k {
  text-align: right;
}

.rtl .mantine-h818ca {
  align-items: flex-end;
}

.mantine-14w9d7k {
  font-size: 25px;
  font-weight: normal;
  line-height: 35px;
}

.breadcrumb {
  height: 150px;
}

#carouselExampleIndicators1 .product-name,
.product-pro .carousel-product-name,
.owl-carousel .carousel-product-name,
.owl-carousel .carousel-product-name {
  line-height: 25px;
  margin: 10px 0 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: bold;
  color: var(--bs-blue);
}

.product-name.Departments {
  color: var(--main) !important;
}

.sectoin-Best-Selling .owl-theme .owl-dots {
  margin-top: 20px;
}

.sectoin-News .head-News {
  color: var(--bs-blue);
  font-weight: bold;
}

.sectoin-News h1 .News {
  color: var(--primary);
}

.sectoin-News .news-single {
  border: 1px;
}

.rtl .news-single p {
  text-align: right;
}

.news-single p {
  overflow: hidden;
  height: 75px;
}

.sectoin-News .date {
  color: #e9c231;
}

.rtl .sectoin-News .date {
  color: #e9c231;
}

.sectoin-News .btn-view-all {
  border-radius: 12px;
  width: 140px;
  background: #2e3b96;
  color: white;
  padding: 10px;
  font-size: 18px;
}

/* sectoin-events  */
.sectoin-events {
  margin: 80px 0;
}

.event-item {
  padding: 20px;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  background: #f5f5f5;
  margin: 0 5px;
}

.event-item .product-item-content .typeEvent {
  color: #ed1e24;
}

.event-item .product-item-content .text {
  color: #161722;
  font-size: 19px;
  font-family: "ALMARAI";
  height: 200px;
  overflow: hidden;
}

.rtl .headEvent,
.rtl .event-item .product-item-content .text {
  text-align: right;
}

.event-footer {
  color: var(--primary);
}

.ltr .event-footer i {
  margin-right: 10px;
}

.rtl .event-footer i {
  margin-left: 10px;
}

.rtl .event-footer {
  display: flex;
  flex-direction: row-reverse;
}

.event-item .product-item-content .icon {
  color: #ed1e24;
}

.sectoin-events .card {
  border: 0px solid rgba(0, 0, 0, 0.125);
}

.sectoin-events .p-carousel-indicators.p-reset {
  display: none;
}

.p-carousel-items-container.p-items-hidden {
  direction: ltr;
}

.sectoin-events .row.event-footer {
  color: var(--text);
}

.play {
  color: #ed1e24;
}

.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
  width: 3rem;
  height: 3rem;
  color: #fff;
  border: 0 none;
  background: #fdf0c1;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin: 0.5rem;
}

.p-carousel .p-carousel-content .p-carousel-prev {
  border-radius: 8px 0 0 8px;
}

.p-carousel .p-carousel-content .p-carousel-next {
  border-radius: 0 8px 8px 0;
}

.rtl .p-carousel .p-carousel-content .p-carousel-prev {
  border-radius: 0 8px 8px 0;
}

.rtl .p-carousel .p-carousel-content .p-carousel-next {
  border-radius: 8px 0 0 8px;
}

/* sectoinknow-more */
.sectoin-Best-Selling {
  padding: 25px 0;
}

.sectoin-Best-Selling .container .products {
  position: relative;
  background: #ffffff;
  background: url("./image/background/Ellipse 4.png");
  /* border: 2px dashed #000;
  border-radius: 50%; */
  height: 44rem;
}

.sectoin-Best-Selling .btn-sm-filter {
  background-color: var(--primary);
  color: #fff;
  font-size: 25px;
  margin-bottom: 50px;
}

.sectoin-Best-Selling .container .products .products-absolute {
  border: 2px dashed var(--primary);
  border-radius: 50%;
  transform: rotate(0deg);
  position: relative;
  margin: auto;
  transition: 0.8s;
  transition-timing-function: ease-in-out;
  /* overflow: hidden; */
  /* width: 400px; */
  /* height: 400px; */
}

.sectoin-Best-Selling .container .products .products-absolute .card {
  transition: 0.8s;
  transition-timing-function: ease-in-out;
}

.sectoin-Best-Selling .container .products::after {
  content: "";
  position: absolute;
  right: 0px;
  width: 100%;
  height: 40%;
  background: white;
  bottom: 22px;
}

h1 span {
  /* border-bottom: 3px dashed #ed1e24; */
  padding: 0 5px;
}

.sectoin-Best-Selling .owl-theme .owl-nav .owl-next,
.sectoin-Best-Selling .owl-theme .owl-nav .owl-prev {
  top: -20px;
  border-radius: 4px !important;
  border: 1px solid var(--bs-border-color-translucent);
  background: var(--primary) !important;
  transition: 0.5s;
}

.sectoin-Best-Selling .owl-theme .owl-nav .owl-next:hover,
.sectoin-Best-Selling .owl-theme .owl-nav .owl-prev:hover {
  background: #999 !important;
}

.sectoin-Best-Selling .owl-theme .owl-nav .owl-next:hover span,
.sectoin-Best-Selling .owl-theme .owl-nav .owl-prev:hover span {
  color: #fff;
}

.sectoin-Best-Selling .owl-theme .owl-nav .owl-prev {
  transform: translate(-110%, -100%);
}

.sectoin-Best-Selling .owl-theme .owl-nav .owl-next {
  transform: translate(0%, -100%);
}

.sectoin-Best-Selling .owl-theme .owl-nav .owl-prev span,
.sectoin-Best-Selling .owl-theme .owl-nav .owl-next span {
  font-size: 45px;
  color: #fff;
  display: flex;
  align-items: center;
}

.sectoin-events .head-events .events,
.sectoin-team-member .head-team-member .team-member,
.sectoin-company-statistics .head-company-statistics .company-statistics,
.sectoin-customer-reviews .head-customer-reviews .customer-reviews,
.sectoin-Best-Selling .head-Best-Selling .Best-Selling {
  color: var(--primary);
  font-weight: bold;
}

.sectoin-events .head-events,
.sectoin-team-member .head-team-member,
.sectoin-company-statistics .head-company-statistics,
.sectoin-customer-reviews .head-customer-reviews,
.sectoin-Best-Selling .head-Best-Selling {
  color: var(--primary);
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}

.rtl .select-filter {
  text-align: right;
}

.select-filter .head-filter {
  color: var(--text);
}

.select-filter .select-filter-color label,
.select-filter .select-filter-type label {
  font-size: 19px;
  margin-left: 10px;
}

.rtl .select-filter .select-filter-color label,
.rtl .select-filter .select-filter-type label {
  margin-right: 10px;
}

.select-filter .head-select {
  color: var(--primary);
}

.select-filter .sec-head-select {
  color: var(--sec-dark);
}

.select-filter .text-select {
  font-size: 18px;
  line-height: 30px;
  font-family: "ALMARAI";
}

.sectoin-Best-Selling .container .products .buttons-action {
  bottom: 29%;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  z-index: 10;
}

.sectoin-Best-Selling .container .products .buttons-action button {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  background: var(--primary);
  color: #fff;
  border: 0;
}

.sectoin-Best-Selling .container .products .buttons-action button i {
  font-size: 25px;
}

.sectoin-Best-Selling .container .products .button-cart {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  z-index: 10;
  position: absolute;
  bottom: 12%;
}

.sectoin-Best-Selling .container .products .button-cart button {
  border-radius: 8px;
  padding: 7px 25px;
  font-size: 24px;
  background: var(--primary);
  color: #fff;
  border: 0;
  /* position: absolute; */
}

.sectoin-Best-Selling .container .products .button-cart button i {
  margin-left: 10px;
}

.rtl .sectoin-Best-Selling .container .products .button-cart button i {
  margin-right: 10px;
}

/* sectoin-customer-reviews */
.sectoin-customer-reviews {
  position: relative;
  margin: 50px 0 30px;
  background: #f8f8f8;
}

.sectoin-customer-reviews::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url("./image/background/testimonial-shape2 1.png");
  width: 50%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.sectoin-customer-reviews .head-reviews span {
  border: 0;
  background: var(--primary);
  color: #fff;
  border: 0;
}

.rtl .sectoin-customer-reviews .head-reviews {
  text-align: right;
}

.sectoin-customer-reviews .container .img-bg {
  background: url("./image/background/coustomer.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.sectoin-customer-reviews .container .btn-img-reviews {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  background: #d5d5d5;
  color: #fff;
  border: 0;
  font-size: 25px;
}

.sectoin-customer-reviews .container .reviews .btn-img-reviews {
  visibility: hidden;
}

.sectoin-customer-reviews .container .reviews .containt-reviews {
  position: relative;
  padding: 20px;
  background: #fff;
  width: 100%;
  border-radius: 50px 0;
}

/* .sectoin-customer-reviews .container .reviews .containt-reviews::before {
    content: '';
    position: absolute;
    bottom: -100px;
    left: 0;
    border: 50px solid;
    border-color: #ffffff transparent transparent transparent;
  } */
.sectoin-customer-reviews .container .reviews .dotes {
  border: 5px solid #d9d9d9;
  height: 5px;
  width: 20px;
  border-radius: 3px;
  margin: 0 10px;
}

.sectoin-customer-reviews .container .reviews .dotes.active {
  border: 5px solid var(--primary);
  height: 5px;
  width: 20px;
}

.sectoin-customer-reviews .container .reviews .containt-reviews .head-reviews {
  font-weight: 800;
  font-family: "ALMARAI";
}

.sectoin-customer-reviews .container .reviews .containt-reviews .text-reviews {
  color: var(--text);
}

.rtl .sectoin-customer-reviews .container .reviews .containt-reviews .text-reviews {
  text-align: right;
}

.sectoin-customer-reviews .container .reviews .containt-reviews .Customer-review {
  font-weight: 600;
}

.sectoin-customer-reviews .container .reviews .containt-reviews .Job-Customer-review {
  font-weight: 600;
  color: var(--primary);
  line-height: 40px;
}

/* company statistics */
.sectoin-News .btn-play {
  border-radius: 50%;
  font-size: 17px;
  background: var(--main-color);
  color: #fff !important;
  border: 0;
  /* box-shadow: 0px 0px 0 10px rgb(0 123 255 / 30%); */
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  margin-right: 14px;
}

i.fa-solid.fa-play {
  /* transform: rotate(0deg); */
  transform: rotateY(0deg);
  margin-top: 4px;
  margin-right: -4px;
}

.sectoin-News .btn-play::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 38px;
  height: 38px;
  background: var(--main);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.sectoin-News .trust {
  position: absolute;
  left: 0;
  bottom: -50px;
  color: var(--primary);
}

.sectoin-company-statistics .btn-play {
  position: relative;
}

.sectoin-company-statistics .fa-solid.fa-right-long {
  font-size: 30px;
}

.sectoin-company-statistics .box-3,
.sectoin-company-statistics .box-2,
.sectoin-company-statistics .box-1 {
  padding: 20px;
  color: #fff;
  border-radius: 8px;
}

.sectoin-company-statistics .box-1 {
  background: #257f03;
  transition: 0.5s;
  box-shadow: 0px 0px 40px rgba(171, 236, 200, 0.7);
}

.sectoin-company-statistics .box-2 {
  background: #1b2430;
  transition: 1.3s !important;
  box-shadow: 0px 0px 40px rgba(124, 181, 234, 0.12);
}

.sectoin-company-statistics .box-3,
.sectoin-company-statistics .box-1,
.sectoin-company-statistics .box-2 {
  position: relative;
  margin-right: 50px;
  margin-top: 30px;
  padding: 33px 21px;
}

.sectoin-company-statistics .box-3 {
  background: #003865;
  transition: 1.3s !important;
  box-shadow: 0px 0px 40px rgba(234, 200, 124, 0.27);
}

.sectoin-company-statistics .twm-media {
  position: absolute;
  right: -50px;
  top: 30px;
  width: 90px;
  height: 90px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  box-shadow: -5px 10px 25px rgba(56, 152, 226, 0.4);
}

.sectoin-company-statistics .twm-media span img {
  width: 60px;
  height: 60px;
}

/* text-description-member */
.sectoin-team-member {
  background: #f9f9f9;
  overflow: hidden;
}

.home-sm-img .pod-card {
  padding: 0px;
}

.img-hei {
  height: 181px;
}

.sectoin-team-member .head-team-member {
  margin-bottom: 40px;
}

.sectoin-team-member .row .card-member {
  position: relative;
  background: #fff;
  border-radius: 50px 0;
  margin: 0;
  padding: 10px 0;
  align-items: center;
  transition: 0.8s;
  border: 2px solid #fff;
}

/* .sectoin-team-member .row .card-member:hover{
    border: 2px solid var(--primary);
  } */
/* Shine */
.hover14 figure {
  position: relative;
}

.hover14 figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
}

.hover14 figure:hover::before {
  animation: shine 0.75s;
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.sectoin-team-member .row .text-description-member {
  color: var(--text);
  font-size: 18px;
  text-align: center;
  line-height: 30px;
}

.sectoin-team-member .row .team-member-social {
  display: flex;
  justify-content: space-evenly;
  width: 80%;
}

.sectoin-team-member .row .team-member-social i {
  color: white;
  background-image: linear-gradient(220deg, #007bff, #cddef5);
  padding: 8px;
  border-radius: 5px;
  font-size: 22px;
  transition: 0.5s;
}

.sectoin-team-member .row .team-member-social i:hover {
  background-color: #2e3b96;
  background-image: linear-gradient(220deg, #007bff, #2e3b96);
  transform: translateY(-10px);
}

/* footer */
.footer {
  overflow: hidden;
  background: #1c1c1c;
  color: #fff;
  background-image: linear-gradient(220deg, #133E5A, #17A2B8);
}

.footer .footer-logo {
  width: 100px;
  box-shadow: 7px -7px 2px 0px var(--third);
}

.footer .position-relative input {
  height: 50px !important;
}

.footer .position-relative .btn-Subscribe {
  position: absolute;
  top: 0;
  background: #ffd333;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  border-color: #ffd333;
  z-index: 4;
  height: 100%;
}

.ltr .footer .position-relative .btn-Subscribe {
  right: 0;
}

.rtl .footer .position-relative .btn-Subscribe {
  left: 0;
}

.footer .company-name {
  color: #ffd333;
}

.footer .company-description {
  line-height: 25px;
  font-size: 15px;
  text-align: justify;
  font-weight: bold;
  letter-spacing: 1px;
}

.footer .head-col-footer span {
  color: #fff;
  position: relative;
  padding-bottom: 7pt;
}

.footer .head-col-footer span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #ffd333;
  bottom: 5px;
  left: 0;
}

.footer .head-col-footer span::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  transform: rotate(45deg);
  right: -18px;
  bottom: 10px;
  background-color: #ffd333;
}

.footer .link-manu-footer {
  position: relative;
  color: #fff;
}

.footer .link-manu-footer i {
  color: #ffd333;
  transition: 0.5s;
  padding-right: 3pt;
}

.footer .contact-icon {
  padding-right: 10pt !important;
}

.footer .link-manu-footer:hover i {
  transform: translateX(3px);
}

.w-100 {
  width: 100% !important;
}

.contact .contact-info i,
.footer .socail .link-manu-footer i {
  color: #ffd333;
  position: relative;
}

.contact .contact-info i::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: var(--text);
  bottom: 0;
  right: 0;
}

.ltr .contact .contact-info i::after {
  left: 24px;
}

.rtl .contact .contact-info i::after {
  right: 24px;
}

/* .rtl .phone {
    padding-right: 15px;
  } */
.footer .footer-bottom-left {
  background: var(--third);
  border: 1px solid var(--third);
  border-radius: 0px 60px 0px 60px;
}

.footer .footer-bottom-right {
  background: var(--third);
  border: 1px solid var(--third);
  border-radius: 60px 0px 60px 0px;
}

@media (max-width: 768px) {
  .footer .Copyright {
    font-size: 1rem !important;
  }
}
@media (min-width: 768px) {
  .footer .Copyright {
    font-size: 18px;
  }
}
.footer .Copyright span {
  color: #f47521;
}

.footer .Copyright span.aqua {
  color: var(--primary);
}

.footer .Copyright span.lima {
  color: var(--third);
}

/* contact */
.contact .head-message {
  color: #223253;
}

.rtl h2.head-message {
  text-align: right;
  direction: ltr;
}

.contact .form {
  background: #e0e8f5;
  border-radius: 15px 0 0 15px;
}

.rtl .info {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
}

.contact .form input {
  height: 55px;
  border-radius: 9px;
}

.contact .form textarea {
  border-radius: 9px;
}

.contact .form .btn-submit {
  background: var(--primary);
  color: #fff;
  font-size: 20px;
  padding: 5px 39px;
  border-radius: 8px 10px;
  transition: 0.8s;
  float: right;
}

.contact .form .btn-submit:hover {
  box-shadow: 5px 5px rgba(0, 123, 255, 0.31);
}

.contact .contact-info {
  background-image: linear-gradient(220deg, #2e3b96, #126ed2);
  color: #fff;
  border-radius: 0 15px 15px 0;
}

.contact .contact-info h1 {
  color: #fff;
}

.contact .contact-info .info {
  margin-top: 80px;
}

.contact .contact-info a {
  color: #fff;
  font-size: 18px;
}

/* single-product */
.single .img-single-product {
  background: #dae8fc;
  position: relative;
  border-radius: 20px 0 0 20px;
}

.single .img-single-product::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: rgba(186, 214, 245, 0.3);
  border-radius: 50% 50% 0 0;
}

.single .contact-Description {
  margin-bottom: 100px !important;
  /* padding: 10px 10px 100px 10px; */
}

.foot-big {
  padding: 5px;
}

/* .single .container .position-relative {
    margin-bottom: 100px !important;
  } */
.single .contact-Description .btn-offer {
  background: #f12b2c;
  color: #fff;
}

.single .contact-Description .company-name {
  color: #f12b2c;
  font-size: 18px;
}

.single .contact-Description .star {
  color: var(--primary);
  font-size: 18px;
}

.single .contact-Description .Reviews {
  font-size: 18px;
}

.single .contact-Description .Description .Description-ul li {
  margin-top: 5px;
  font-size: 18px;
}

.sub-img-product div {
  margin: 0 5px;
  background: #dae8fc;
  border-radius: 10px;
}

.single .size .btn-size {
  background: #f6f6f6;
  color: rgba(63, 62, 63, 0.3019607843);
  font-size: 18px;
}

.single .size .btn-size.active {
  background: #ffd333;
  color: #fff;
  font-size: 18px;
}

.single .add-cart {
  position: absolute;
  bottom: -20px;
  border-radius: 30px 15px;
  background: #fff;
  animation: animation-opacity 5s;
}

@keyframes animation-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.single .add-cart .category {
  color: #50cc98;
  font-size: 18px;
}

.qty button {
  border: 2px solid var(--primary);
  color: var(--primary);
  border-radius: 10px;
  margin: 0 5px;
  transition: 0.5s;
}

.qty button.btn:hover {
  background: var(--bg);
  border: 2px solid var(--bg);
  color: var(--primary);
}

.qty .number-qty {
  border: 2px solid #d4d4d4;
  color: #d4d4d4;
  border-radius: 10px;
}

.single .add-cart .btn-add-cart {
  background: var(--primary);
  color: #fff;
  border-radius: 10px;
}

/* about */
.about {
  background-size: cover;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  background-image: linear-gradient(220deg, var(--third), var(--primary));
}

.job.about::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 0%;
  background: rgba(255, 255, 255, 0.3);
}

section.about h1,
section.about p {
  z-index: 10;
  color: #fff;
}

@media (max-width: 768px) {
  section.about p {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  section.about p {
    font-size: 18px;
  }
}
section.about h1 {
  font-weight: bold;
}

section.about p {
  text-align: center;
}

.head-who-are-we {
  color: var(--primary);
  font-size: 22px;
}

.who-are-we .btn-more {
  background: #126ed2;
  color: #fff;
  font-size: 18px;
  padding: 10px 30px;
  margin-top: 50px;
}

.who-are-we li {
  color: #eee;
  list-style-type: disc;
  margin: 5px 0;
  font-family: "ALMARAI";
}

::marker {
  color: var(--primary);
}

.head-who-are-we span {
  color: #ed1e24;
  font-weight: bold;
  /* border-bottom: none; */
}

.who-are-we.Explore .number {
  color: #ed1e24;
  text-align: center;
}

.who-are-we.Explore .text {
  color: var(--primary);
}

.who-are-we p {
  margin-top: 50px;
  color: var(--text);
  font-size: 18px;
}

.who-are-we .img-1 {
  transform: translate(25%, 0%);
  opacity: 0.5;
  transition-timing-function: ease;
  transition: 2s;
}

.form-check-input {
  z-index: 10000;
  position: relative;
}

.rtl .who-are-we .img-1 {
  transform: translate(-25%, 0%);
}

.who-are-we .img-2 {
  transform: translate(0%, 10%);
  transition-timing-function: ease;
  transition: 2s;
}

.div-service p {
  height: 50px;
  overflow: hidden;
  text-align: justify;
}

.div-service .btn {
  background: #126ed1;
  color: #fff !important;
  padding: 11px 40px;
  font-weight: bold;
  border-radius: 10px;
  border: 1px solid #126ed1;
}

.who-are-we .imgs:hover .img-1 {
  opacity: 1;
  z-index: 10;
}

.who-are-we .imgs:hover .img-2 {
  opacity: 0.5;
}

.creative {
  background-image: url("./image/background/Background.jpg");
  background-size: cover;
  position: relative;
  height: 60vh;
}

.creative::after {
  content: "";
  position: absolute;
  top: 0;
  background-image: url("./image/background/Rectangle 407.png");
  background-size: cover;
}

section.Explore {
  background-color: var(--third);
  margin-top: 100px;
}

section.Explore img {
  border-radius: 22px;
}

/* section-award-winners */
.section-award-winners .row {
  position: absolute;
  top: 80%;
  background: #d9d9d9;
  border-top: 10px solid #ed1e24;
  border-radius: 6px;
}

.section-award-winners .container .row div {
  border-right: 2px solid #fff;
}

.section-award-winners .row div.col-3 {
  border-right: 2px solid #fff;
}

.section-award-winners p.number {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}

.section-award-winners p {
  font-size: 20px;
  color: var(--text);
}

section.imgs img {
  opacity: 0.7;
  transition: 0.8s;
}

section.imgs img:hover {
  opacity: 1;
}

section.imgs .img-right img,
section.imgs .img-left img {
  height: 600px;
}

section.imgs .img-center img {
  height: 290px;
}

section.imgs .img-dottom {
  margin-top: 20px;
}

section.jobs {
  margin-top: 80px;
}

.rtl .accordion-body {
  text-align: right;
}

section.jobs .accordion .btn {
  background: #dae8fc;
  border: 1px solid #e7e7e7;
}

section.jobs .job-description {
  border-bottom: 2px solid #e7e7e7;
}

section.jobs .accordion-body .head-job {
  color: #ed1e24;
}

.description-head {
  color: #9c9c9c;
}

section.jobs .adress-job,
section.jobs .job-description {
  color: var(--text);
}

.card-job {
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 10pt;
}

.card-job i {
  background: rgba(18, 110, 210, 0.2901960784);
  border-radius: 50%;
  padding: 15px;
  font-size: 18px;
}

.btn-type-time {
  background: rgba(237, 30, 36, 0.2509803922) !important;
  color: #ed1e24 !important;
  border: none;
}

.btn-apply {
  color: #126ed2;
  border: 1px solid #126ed2;
  transition: 0.3s all ease-in-out;
}

.time-ago {
  color: #ed1e24;
}

.job-name {
  color: #000d6a;
}

.job-description {
  color: #707070;
  border-bottom: 0 !important;
}

section.job .p-inputtext,
section.job .p-dropdown,
section.job .p-button {
  border-radius: 0px;
}

.rtl .p-dropdown-panel .p-dropdown-items,
.rtl .p-dropdown .p-dropdown-label.p-placeholder {
  text-align: right;
}

section.job .p-inputtext {
  border-radius: 6px 0 0 6px;
}

section.job .p-button {
  border-radius: 0 6px 6px 0;
}

section.jobs .job-description .head-description {
  color: var(--primary);
}

section.jobs .job-description .Description-ul li {
  margin-top: 5px;
}

section.jobs .job-description .btn-apply {
  background: #126ed2;
  color: #fff;
  padding: 10px 20px;
}

a {
  text-decoration: none;
  color: black;
}

li {
  /* list-style-type: none; */
  list-style-position: revert;
}

a.site-button-link.site-text-primary {
  background: var(--primary);
  color: #fff;
}

.landing {
  background-image: linear-gradient(220deg, #2e3b96, #126ed2);
  padding: 30px 0;
}

.rtl .info {
  display: flex;
  align-items: baseline;
}

.info h1 {
  width: 80%;
  font-weight: 700;
  text-transform: capitalize;
}

.rtl .info h1 {
  text-align: right;
}

.info p {
  color: #fff;
  font-weight: 300;
  width: 100%;
  margin-left: 20px;
}

.rtl .info p {
  text-align: right;
}

.employers-cv-btn .join {
  background-color: #eac024;
  color: white;
}

.employers-cv-btn .join:hover {
  border: 2px solid var(--secondary-color);
  background-color: transparent;
}

.find {
  background-image: url("./image/background/shape.png");
  background-image: url("./image/background/shape.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 20px;
}

.find .img-person .spans div {
  width: 500px;
  height: 500px;
  background-color: var(--secondary-color);
  position: absolute;
  top: 180px;
  left: 160px;
  border-radius: 13px;
  z-index: -1;
}

.find .img-person {
  background-image: url("../person.webp");
  background-repeat: no-repeat;
  height: 575px;
  background-position: center;
}

.text-job {
  color: #e7e7e7;
  text-align: justify;
  font-size: 18px;
  font-family: "ALMARAI";
}

.employers-btn {
  margin-top: 10px;
}

.employers-btn a {
  background-color: var(--primary);
  border: 2px solid var(--primary) !important;
  color: #fff !important;
  padding: 10px 20px;
  font-size: 22px;
  border-radius: 5px;
  transition: var(--main-transition);
}

.width-employers-cv {
  margin: 7rem 2rem 0;
}

.employers-btn a:hover {
  background-color: #eac024;
  border: 2px solid #eac024 !important;
}

.rtl .t-info {
  text-align: right;
  padding: 30px;
}

.find .t-info h1 {
  font-size: 35px;
  font-weight: 600;
}

.find .t-info p {
  font-size: 22px;
}

.employers-cv-btn a {
  background-color: transparent;
  display: inline-block;
  border: 2px solid var(--primary);
  padding: 12px 30px;
  color: var(--primary);
  font-weight: 500;
  font-size: 22px;
  border-radius: 5px;
  transition: var(--main-transition);
}

.employers-cv-btn a:hover {
  background-color: #eac024;
  border: 2px solid #eac024;
  color: white;
}

.employers-cv-btn .btn-file:hover {
  background-color: #eac024;
  border: 2px solid #eac024;
  color: white !important;
}

.employers-cv-btn a svg {
  color: white;
}

/* products */
.products .banner {
  padding: 15px 10px;
  border: 1px solid hsl(240, 6%, 87%);
  border-radius: 8px;
  background-image: url("./images/cover-site-01.webp");
  background-repeat: no-repeat;
  height: 290px;
  background-size: cover;
  background-position: center;
}

.products .banner .header-banner span {
  color: var(--primary);
}

.pi-filter-fill {
  border-radius: 4px !important;
  padding: 2px 8px !important;
}

.filtter-products-mobile {
  background: aliceblue;
  padding: 15px 10px;
  border: 1px solid hsl(240, 6%, 87%);
  border-radius: 8px;
  color: #71778e;
}

.landing-products {
  background-image: url("public/web/images/cover site-01.png");
  background-repeat: no-repeat;
  height: 80vh;
}

.landing-products .head-landing {
  font-size: 35px;
  text-align: left;
  text-shadow: 2px 1px #eac024;
  filter: drop-shadow(0px 2px 2px #616161);
}

.landing-products .head-landing span {
  color: #eac024;
}

.btn-shop {
  margin-top: 30px;
  border: 2px solid #eac024;
  color: #eac024;
  font-size: 20px;
  width: 50%;
  background: transparent;
  border-radius: 6px;
  padding: 8px 0;
  transition: 0.8s;
}

.btn-shop:hover {
  background-color: #eac024;
  color: white;
  border: 2px solid transparent;
}

/*product*/
.head-product {
  text-transform: capitalize;
  font-size: 2rem;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

.products .bg-product-section {
  background: rgba(237, 241, 244, 0.3);
  border: 1px solid hsl(240, 6%, 87%) !important;
  border-radius: 6px;
  overflow: hidden;
}

.products .product:hover .hidden-element {
  right: 5px;
}

.product-img {
  position: relative;
}

.product-img .offer {
  position: absolute;
  background-color: #2bbef9;
  padding: 3px 13px;
  top: 10px;
  border-radius: 9px;
  color: white;
}

.hidden-element {
  position: absolute;
  right: -57px;
  top: 10px;
  transition: var(--main-transition);
}

.info-product h3 {
  color: #ed1e24;
  font-size: 2rem;
  font-weight: 600;
}

.rtl .products-grid .info-product {
  align-items: flex-start;
}

.rtl .products-grid-Add-to-Cart {
  justify-content: flex-start !important;
}

.products-grid-Add-to-Cart {
  justify-content: flex-start !important;
}

.info-product h3 span {
  font-size: 1rem;
  text-decoration: line-through;
  color: gray;
  font-weight: 400;
}

.rtl .dataview-demo .p-dropdown {
  display: flex;
}

.rtl .dataview-demo .p-dataview-layout-options {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
}

.head-product::after {
  content: "";
  position: absolute;
  background-color: var(--secondary-color);
  width: 70%;
  height: 2px;
  bottom: -12px;
  left: 0;
}

#carouselExampleIndicators1 .product-name {
  font-size: 20px;
}

.product-name {
  text-transform: capitalize;
  font-size: 14px;
  color: rgba(36, 33, 33, 0.9803921569);
  /* font-weight: 900; */
  transition: 0.3s all ease-in-out;
}

.rtl .div-product-name {
  display: flex;
  justify-content: flex-end !important;
}

.rtl .product-size {
  text-align: right;
}

.product-size {
  font-size: 0.8rem;
}

.rate i {
  font-size: 1rem;
  color: #ffd333;
}

.rtl .description-rate {
  display: flex;
  align-items: flex-start;
}

.p-rating .p-rating-icon.pi-star-fill {
  color: var(--primary);
}

.product .btn-addBasket {
  margin: 10px 0;
  background: transparent;
  border: 1px solid var(--primary);
  color: var(--primary);
  font-size: 16px;
  box-shadow: 5px 5px rgba(0, 123, 255, 0.2);
  border-radius: 8px;
  transition: 0.8s !important;
}

.product .btn-addBasket:hover {
  background: #eac024;
  border: 1px solid #ffffff;
  color: #ffffff !important;
  box-shadow: 2px 2px rgba(234, 192, 36, 0.5);
}

@media (max-width: 767px) {
  .hide {
    display: none;
  }
  .width-employers-cv {
    margin: 0rem 2rem 0;
  }
}
.layout-fixed .main-sidebar {
  background: #133e5a;
}

.site-sidebar .widget.widget_klb_product_categories {
  background: var(--side-bar-color);
  border-radius: 4px;
}

.rtl .site-scroll.ps,
.rtl .widget-title {
  text-align: right;
}

.rtl .widget .form-check {
  display: flex;
}

.rtl .offcanvas-body .head-filter {
  text-align: right;
}

.ltr .offcanvas-body .form-check-label {
  margin-left: 30px;
}

.rtl .site-sidebar .p-checkbox-label {
  margin-right: 30px;
}

.site-sidebar .widget-title {
  font-size: 1.5rem;
  margin-bottom: 20px;
}

.site-sidebar .p-checkbox {
  align-items: center;
}

.site-sidebar .p-checkbox .p-checkbox-box {
  width: 16px;
  height: 16px;
}

.wt-post-readmore {
  display: flex;
  justify-content: flex-end;
}

.product-pro .item {
  margin: 0;
}

.sectoin-News .item {
  margin: 0 5px;
}

.item {
  margin: 0 5px;
}

.select-filter .select-filter-color label,
.select-filter .select-filter-type label,
.select-filter-color .form-check-label,
.site-sidebar .p-checkbox-label {
  font-size: 16px;
  margin-left: 5px;
  color: #71778e;
}

.sectoin-Best-Selling .form-check {
  display: flex;
}

.rtl .select-filter .select-filter-color label,
.rtl .select-filter .select-filter-type label {
  margin-right: 30px;
}

.carousel-demo .product-item .product-item-content {
  border: 1px solid var(--surface-d);
  border-radius: 3px;
  margin: 0.3rem;
  text-align: center;
  padding: 2rem 0;
}

.carousel-demo .product-item .product-image {
  width: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.site-sidebar .product-item-content .product-image {
  width: 250px;
  height: 230px;
}

.site-sidebar .p-carousel .p-carousel-content .p-carousel-prev,
.site-sidebar .p-carousel .p-carousel-content .p-carousel-next {
  display: none;
}

.site-sidebar .card {
  background-color: transparent !important;
  border: 0px;
}

.p-carousel .p-carousel-indicators .p-carousel-indicator button {
  background: #eef2ff !important;
  border-radius: 2px;
  background: #cbcbcb !important;
  border-radius: 2px;
  border: 0 !important;
}

.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  border: 1px solid #2bbef9 !important;
  background: #2bbef9 !important;
}

.p-carousel .offer-slider {
  color: var(--main);
}

.product-item {
  position: relative;
}

.product-item .offer.product-slider {
  position: absolute;
  background-color: #2bbef9;
  padding: 3px 13px;
  top: 10px;
  border-radius: 9px;
  color: white;
}

.site-sidebar .p-carousel.p-component.p-carousel-vertical {
  margin: 0 !important;
}

/* DataViewDemo.css */
.dataview-demo .p-dropdown {
  width: 14rem;
  font-weight: normal;
}

.dataview-demo .product-name a {
  font-size: 1rem;
  font-weight: 700;
  color: var(--bs-primary);
}

.rtl .dataview-demo .product-name a {
  text-align: right;
}

.dataview-demo .product-description {
  margin: 0 0 1rem 0;
}

.dataview-demo .product-category-icon {
  vertical-align: middle;
  margin-right: 0.5rem;
}

.dataview-demo .product-category {
  font-weight: 600;
  vertical-align: middle;
}

.dataview-demo .product-list-item {
  display: flex;
  align-items: center;
  padding: 1rem;
  width: 100%;
}

.dataview-demo .product-list-item img {
  width: 150px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  margin-right: 2rem;
}

.rtl .dataview-demo .product-list-item img {
  margin-left: 2rem;
  margin-right: 0;
}

.dataview-demo .product-list-item .product-list-detail {
  flex: 1 1 0;
}

.rtl .dataview-demo .product-list-item .product-list-detail {
  text-align: right;
}

.dataview-demo .product-list-item .p-rating {
  margin: 0 0 0.5rem 0;
}

.dataview-demo .product-list-item .product-price {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  align-self: flex-end;
}

.dataview-demo .product-list-item .product-list-action {
  display: flex;
  flex-direction: column;
}

.dataview-demo .product-list-item .p-button {
  margin-bottom: 0.5rem;
}

.dataview-demo .product-grid-item {
  margin: 0.5em;
  border: 1px solid var(--surface-border);
  padding: 2rem;
}

.dataview-demo .product-grid-item .product-grid-item-top,
.dataview-demo .product-grid-item .product-grid-item-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dataview-demo .product-grid-item img {
  width: 75%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  margin: 2rem 0;
}

.dataview-demo .product-grid-item .product-grid-item-content {
  text-align: center;
}

.dataview-demo .product-grid-item .product-price {
  font-size: 1.5rem;
  font-weight: 600;
}

@media screen and (max-width: 576px) {
  .dataview-demo .product-list-item {
    flex-direction: column;
    align-items: center;
  }
  .dataview-demo .product-list-item img {
    width: 75%;
    margin: 2rem 0;
  }
  .dataview-demo .product-list-item .product-list-detail {
    text-align: center;
  }
  .dataview-demo .product-list-item .product-price {
    align-self: center;
  }
  .dataview-demo .product-list-item .product-list-action {
    display: flex;
    flex-direction: column;
  }
  .dataview-demo .product-list-item .product-list-action {
    margin-top: 2rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  color: #fff !important;
}

.p-paginator .p-paginator-pages .p-paginator-page {
  color: #fff;
}

.products .p-button:disabled {
  background: #2bbef9 !important;
  border-color: #2bbef9 !important;
  color: #fff;
}

.n_25 {
  margin-top: 30px;
  height: 150px;
}

.n_20 {
  margin-top: 20px;
}

.product-image.n_2 {
  height: 130px;
}

/* mission_page */
:root {
  --main: #ed1e24;
}

/* slide */
.slide-mission {
  /* background-image: url(./images/slider.webp); */
  color: #fff;
  padding: 5rem;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-mission .bor {
  border-left: 3px solid #eac024;
  padding-left: 15px;
  border-radius: 4px;
}

.slide-mission .bor::before {
  content: "";
  width: 41px;
  height: 26px;
  background-color: var(--main);
}

.slide-mission h3 {
  font-size: 39px;
  margin-bottom: 21px;
}

.yellow {
  color: var(--bs-yellow);
}

.red {
  color: #eac024;
}

.slide-mission p {
  padding-bottom: 21px;
  font-family: inherit;
  font-size: 17px;
  width: 80%;
  margin: 20px 0;
}

.b_btn {
  padding: 11px 30px;
  font-size: 17px;
  border: none;
  border-radius: 13px;
  color: #fff;
  background-color: var(--primary);
  transition: all 0.3s ease-in-out;
}

.b_btn:hover {
  background-color: #eac024;
}

.slide .small {
  margin-top: 10px;
}

/* our mission */
.mission {
  margin: 6rem 0;
}

.mission .center {
  text-align: center;
  font-weight: bolder;
  font-size: 37px;
  padding-bottom: 1rem;
}

.mission .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  padding: 40px;
  height: 79rem;
  position: relative;
  /* margin: auto; */
  margin-top: 2rem;
}

.mission .box h2 {
  margin: 5px 0 20px;
}

.mission .box p {
  height: 59%;
  font-size: 15px;
  color: #424242;
  overflow: hidden;
  text-align: center;
}

.mission .coler1 {
  background-color: #edf5f6;
  height: auto;
}

@media (max-width: 767px) {
  .mission .coler1 {
    height: auto;
  }
}
@media (max-width: 280px) {
  .mission .coler1 {
    height: auto;
  }
}
.mission .coler2 {
  background-color: #ffeeee;
  height: auto;
}

.mission .coler3 {
  background-color: #f8f3e5;
  height: auto;
}

.mission .image {
  height: 47%;
}

/* .back{
    background-image: url(./img/back.png);
    backface-visibility: visible;
  } */
/* develop */
.develop .Ellipse {
  width: 60%;
  position: relative;
  margin-top: 14%;
  height: 100%;
}

.develop .Rectangle {
  width: 100%;
  /* position: absolute; */
  /* top: 0; */
  /* right: 19px; */
  height: 27rem;
}

.know .Rectangle {
  height: 19.5rem;
}

.releva {
  position: relative;
}

.absl {
  position: absolute;
  top: 0;
  left: 95px;
}

.home-sm-img .absl1 {
  width: -moz-fit-content;
  width: fit-content;
  right: 0px;
  top: 0;
}

.develop img {
  height: 250px;
  -o-object-fit: fill;
     object-fit: fill;
  aspect-ratio: 1/1;
}

.develop .prag h1 {
  /* margin: 56px 0px 21px; */
  font-size: 40px;
  font-family: Impact;
}

.develop .prag p {
  font-size: 18px;
  padding-bottom: 18px;
  width: 85%;
  text-align: justify;
}

@media (min-width: 320px) and (max-width: 990px) {
  .develop .prag p {
    width: 100%;
  }
}
.col-7.prag {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
}

.single-project-desc h3 {
  font-weight: bold;
  font-family: "Bukra";
  color: var(--primary);
}

.single-project-desc h5 {
  font-family: LamaSans;
  text-align: justify;
}

/* know our */
.know {
  margin: 8rem 0 2rem;
}

.know .releva {
  direction: rtl;
}

.know .absl {
  left: 0px;
  right: 8rem;
}

.know .Ellipse {
  margin-top: 56%;
  width: 30%;
  left: 57%;
  margin-right: 12%;
}

/* .know .prag h1 {
    margin-top: -40px;
  } */
.n_img {
  width: 80% !important;
}

.n_iso {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

@media (max-width: 1400px) {
  .know .Ellipse {
    margin-top: 72%;
    width: 30%;
    left: 51%;
    margin-right: 12%;
  }
}
@media (max-width: 991.98px) {
  .develop .Rectangle {
    width: 70%;
    height: 30rem;
  }
  .know .Rectangle {
    /* left: -3px; */
    margin-left: 10%;
  }
  .n_flex {
    display: flex;
    flex-direction: column-reverse;
  }
  .develop .Ellipse {
    width: 40%;
    margin-top: 9%;
  }
  .know .Ellipse {
    margin-top: 50%;
    margin-right: 5%;
    width: 31%;
  }
  .releva {
    margin-top: 3rem;
  }
  .n_releva {
    display: flex;
    justify-content: flex-end;
  }
  .n_absl {
    position: absolute;
    top: 0;
    left: 154px;
    width: 88%;
  }
  .mission {
    margin: 6rem 0 1rem;
  }
  .none2 {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .develop .Rectangle {
    width: 78%;
    height: 22rem;
  }
  .n_absl {
    left: 53px;
  }
  .develop .Ellipse {
    width: 40%;
    margin-top: 77px;
  }
  .know .Ellipse {
    margin-top: 44%;
    margin-right: 11%;
  }
  .know .absl {
    right: 6rem;
  }
  .w-100 {
    width: 100% !important;
  }
  .n_img {
    width: 50%;
  }
  .n_w {
    width: 50% !important;
    margin: auto;
    margin-left: 104px;
  }
  .n_rounded {
    width: 100% !important;
  }
  .n_img {
    width: 60% !important;
  }
}
@media (max-width: 575.98px) {
  .slide-mission p {
    display: none;
  }
  .releva {
    display: none;
  }
  .know {
    margin-top: 0rem;
  }
  .w-100 {
    width: 100% !important;
  }
  .n_w {
    width: 50% !important;
    margin: auto;
    margin-left: 104px;
  }
  .n_rounded {
    width: 50% !important;
  }
  .text-light {
    width: 70%;
  }
  .n_d-image {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .n_d-prag {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
@media (max-width: 425px) {
  .slide-mission h3 {
    font-size: 27px;
  }
  .n_w {
    margin-left: 70px;
  }
}
@media (max-width: 320px) {
  .slide-mission h3 {
    font-size: 20px;
  }
  .n_w {
    margin-left: 45px;
  }
}
.rtl .n_d-prag {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.contact-help {
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 20px;
  width: 50px;
  background: var(--primary) !important;
  height: 50px;
  color: #fff;
  border-radius: 6px;
  z-index: 100;
}

.ltr .contact-help {
  right: 20px;
}

.rtl .contact-help {
  left: 20px;
}

.contact-help .comment {
  background: var(--primary) !important;
}

.contact-help-collapse .whatsapp {
  background: #25d366 !important;
  border: 0 !important;
}

.contact-help-collapse .phone {
  background: #00b2ff !important;
  border: 0 !important;
}

.contact-help.accordion-button::after {
  display: none;
}

.contact-help.accordion-button:focus {
  background: var(--secondary) !important;
  color: #fff !important;
  border-radius: 4px;
}

.contact-help-collapse {
  position: fixed;
  bottom: 75px;
  background: aliceblue;
  border-radius: 10px;
  z-index: 1;
}

.ltr .contact-help-collapse {
  right: 10px;
}

.rtl .contact-help-collapse {
  left: 10px;
}

.contact-help.accordion-button:not(.collapsed)::after {
  display: none;
}

.contact-help-collapse .accordion-body {
  padding: 0.5rem 0.5rem;
  background: #f6f6f6;
  border-radius: 8px;
}

/* end-misssion */
i.fa-solid.fa-arrow-right {
  font-size: 30px;
}

section.sectoin-company-statistics .fw-bold {
  /* padding-left: 18pt; */
  margin-bottom: 0;
  text-align: left;
}

.sectoin-statistics .statistics-text {
  font-size: 18px;
}

a.btn.btn-view-all:hover {
  border: none;
}

.menu-mobile {
  display: none;
}

.header .nav-link.active {
  background: var(--primary);
  color: #fff !important;
  position: relative;
}

.btn-apply:hover {
  background-color: rgba(18, 110, 210, 0.7882352941);
  color: #fff;
  border: 1px solid rgba(18, 110, 210, 0.7882352941);
}

.contact .contact-info i::after {
  left: 15px;
}

a.link-manu-footer span {
  margin-left: 5px;
}

/* navbar */
.navbar-brand .title,
.navbar-brand .Sub-title {
  font-size: 12pt;
  color: #fff;
}

.navbar-brand .Sub-title {
  font-size: 10pt;
}

.n_logo {
  position: absolute;
}

a.btn.nav-link:hover {
  border: transparent;
}

a.btn.nav-link {
  width: 100%;
}

.header .nav-link.active:hover {
  color: #fff !important;
}

a.btn.nav-link {
  color: black !important;
  border: 0;
}

.navbar-toggler {
  color: var(--primary);
}

.img-header1 {
  display: none;
}

@media (max-width: 993px) {
  .nn {
    margin: auto;
  }
}
@media (max-width: 768px) {
  .nn_logo {
    display: none;
  }
  .img-header1 {
    display: none;
    width: 55pt;
  }
}
@media (max-width: 576px) {
  .nn {
    margin: auto;
  }
}
@media (max-width: 250px) {
  .nn {
    width: 100%;
    margin: auto;
  }
}
.block {
  display: block;
  width: 100%;
  margin-top: 12px;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  justify-content: center;
  padding: 0;
  margin-right: 0% !important;
  margin-bottom: 0rem !important;
  margin-left: 0 !important;
  list-style: none;
  background-color: #f0f8ff;
  text-align: center;
}

.carousel-indicators [data-bs-target] {
  background-color: #cbcbcb !important;
  height: 3pt !important;
}

.carousel-indicators .active {
  background-color: var(--primary) !important;
}

.n_w_img {
  width: 100%;
  /* max-height: 150px; */
  margin: auto;
}

.products div#carouselExampleIndicators1 {
  background-color: #f0f8ff !important;
  transition: 0.3s all ease-in-out;
  padding: 18px;
  margin: 15pt 0;
  border-radius: 7px;
  border: 1px solid transparent;
  overflow: hidden;
}

.caro1.active,
.caro1-next,
.caro1-prev {
  height: 20rem;
}

.p-button {
  background: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  padding: 5px;
  color: #fff;
  font-size: 16px;
  border-radius: 13px;
}

.absl1 {
  position: absolute;
  right: 0;
  background-color: var(--third);
  padding: 3px 5px;
  top: 0;
  color: white;
  font-size: 13px;
  width: -moz-fit-content;
  width: fit-content;
}

.card {
  padding: 18px 6px 0px !important;
  border-radius: 0;
}

.carousel-product-img {
  height: 226px !important;
}

.card .rela1 {
  padding: 0;
}

.carousel .card .div-img,
.product-pro .owl-item .card .div-img,
.sectoin-Best-Selling .owl-item .card .div-img {
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: 0.6s;
}

.card .p-button {
  background-color: transparent !important;
  color: var(--primary);
  box-shadow: 2px 3px 0px 1px rgba(0, 123, 255, 0.4588235294);
  transition: 0.3s all ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card p {
  margin-bottom: 0;
  font-weight: 100;
  color: rgba(95, 95, 95, 0.9803921569);
}

.card .d-flex i {
  color: var(--warning);
  margin-bottom: 15px;
}

.card .p-button:hover {
  background-color: var(--warning) !important;
  border: var(--warning) !important;
  box-shadow: 2px 3px 0px 1px rgba(181, 136, 0, 0.2509803922);
  color: white;
}

.products {
  margin-top: 0.5rem !important;
  margin-bottom: 2.5rem !important;
}

@media (max-width: 576px) {
  .d-flex.flex-column {
    padding-right: 15px;
    text-align: center;
  }
  .home-slide {
    height: 110vh;
  }
}
@media (min-width: 576px) {
  .home-slide {
    height: 96%;
  }
}
.home-slide {
  width: 100%;
  /* background-image: url("./images/slider.webp"); */
  background-repeat: no-repeat;
  background-size: cover;
  /* height: calc(100vh - 135px); */
  margin-top: 23px;
  overflow: hidden;
  position: relative;
}

.home-slide::before {
  content: " ";
  background: #0d121c;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  left: 0;
  opacity: 0.77;
  top: 0;
}

.home-slide .carousel-item {
  height: 100%;
}

.home-slide .carousel-item .overflow-1 {
  position: relative;
  z-index: 1;
}

carousel-control-next,
.carousel-control-prev {
  opacity: 1;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  border-radius: var(--border-radius-large);
  background-size: 60% 60%;
  width: 35px;
  height: 35px;
  /* opacity: 0; */
  transition: all 0.5s;
  position: relative;
}

.carousel-control-next-icon:hover,
.carousel-control-prev-icon:hover {
  background-color: var(--primary);
  border-radius: 50%;
}

.home-slide .carousel-control-prev {
  left: 10px !important;
}

.home-slide .carousel-control-next {
  right: 10px !important;
}

div#carouselExampleFade {
  width: 100%;
  height: 100%;
}

.btn2 {
  width: 50px;
}

.products {
  margin-top: 0.5rem !important;
  margin-bottom: 2.5rem !important;
}

img.w-100.n_w {
  height: 10rem;
}

.fw-bold {
  margin-bottom: 0px;
}

.card-member p {
  margin-bottom: 0px;
}

/* footer */
h2.head-col-footer.mb-3.mt-2 {
  font-size: 22px;
}

h1.head-reviews.fw-bold {
  margin-bottom: 15px;
}

.fw-bold {
  font-weight: 700 !important;
  font-size: 21px;
}

@media (max-width: 767.98px) {
  .n_w {
    width: 100% !important;
    margin: 0;
    margin-left: 104px;
  }
}
@media (max-width: 576px) {
  .home .sectoin-slide .contant-text {
    padding-right: 0;
    padding-left: 0;
  }
  .home .sectoin-slide .contant-text .header-text {
    /* text-align: center; */
    margin-left: 30px;
  }
  .cent {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(60px);
  }
  .card-member p {
    display: none;
  }
  .fw-bold {
    margin-bottom: 15px;
  }
  .find .t-info p {
    font-size: 19px;
  }
  .find .t-info h1 {
    font-size: 30px;
    font-weight: 600;
  }
  .width-employers-cv {
    margin: 0rem 1px 0;
  }
  .text-light {
    width: 100%;
  }
  .info h1 {
    width: 90%;
    font-size: 26px;
  }
  .info p {
    font-size: 16px;
  }
  .fw-bold {
    font-size: 18px;
  }
  h2.head-col-footer.mb-3.mt-2 {
    font-size: 20px;
  }
}
.contact-icon::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: var(--text);
  bottom: 0;
  left: 20px !important;
}

/* drop-menu */
.dropdown-menu .d_menu {
  position: relative;
}

.dropdown-menu .prod-menu span.poduct-count {
  top: 50%;
  transform: translateY(-50%);
}

a.btn.nav-link {
  text-align: left;
  padding: 10px 0;
  background: transparent;
}

.lan i {
  padding-top: 3px;
  color: var(--primary);
  font-size: 20px;
}

.lan:hover {
  border: 1px solid var(--primary);
}

.btn.lan:hover {
  background: var(--primary);
}

.btn.lan:hover i {
  color: #fff !important;
}

.img-flag {
  width: 17px;
  height: 17px;
}

.flag span {
  margin-left: 5px;
}

.flag.d-flex:hover {
  transform: translate(10px, 0px);
  cursor: pointer;
}

.flag.d-flex.align-items-center {
  overflow: hidden;
}

.flag.d-flex,
.d_menu {
  transition: 0.3s all ease-in-out;
}

ul.dropdown-menu.flaggs {
  min-width: 160px !important;
}

@media (max-width: 576px) {
  .sectoin-Best-Selling .container .products {
    height: 21rem;
  }
  .sectoin-Best-Selling .container .products::after {
    height: 49%;
  }
  .sectoin-Best-Selling .container .products .button-cart {
    bottom: -50px;
  }
}
/* menu */
.dropmenu ul {
  margin: 0;
  padding: 0;
}

.dropmenu li {
  float: left;
  list-style: none;
  position: relative;
}

.dropmenu li a {
  text-decoration: none;
  color: var(--text);
  display: block;
  padding: 0.5em 1em;
}

.dropmenu ul li:hover a {
  color: var(--primary);
  /* font-weight: 700; */
  /* transform: translate(5px, 0px); */
}

.dropmenu li ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  min-width: calc(100% + 110px);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  animation-name: animationMenu;
  animation-duration: 0.5s;
  z-index: 999;
}

.dropmenu li ul ul.prod-menu {
  min-width: 100%;
}

.dropmenu li ul ul.prod-menu li {
  border-bottom: 1px solid #e7e7e7;
  color: #fff;
}

.dropmenu li ul li {
  float: none;
}

.dropmenu li ul li ul {
  left: 100%;
  top: 0;
}

.dropmenu li:hover > ul {
  display: block;
  background-color: #fff;
  opacity: 1;
}

.dropmenu:after {
  content: "";
  display: table;
  clear: both;
}

.dir h5 {
  color: var(--primary);
  padding: 10px 10px 0;
}

ul.dropmenu {
  margin-left: -25px;
}

li.dir.d-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

i.fa-solid.fa-chevron-right {
  padding-right: 16px;
  color: var(--text);
  font-size: 15px;
}

.review-car {
  height: 15rem;
}

.offcanvas.offcanvas-start {
  z-index: 1000000;
}

.accordion-collapse .nav-link {
  position: relative;
}

.accordion-collapse span.poduct-count,
.accordion-button span.poduct-count,
.prod-menu span.poduct-count {
  right: 10px;
  font-size: 11px;
  top: 50%;
  transform: translateY(-50%);
}

.dropdown-menu.prod-menu span.poduct-count {
  top: 50%;
  transform: translateY(-50%);
}

.btn-indecator {
  height: 3pt !important;
}

/* social-links */
.contact-help {
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 50px;
  background: var(--primary) !important;
  height: 50px;
  color: #fff;
  border-radius: 6px;
}

.contact-help .comment {
  background: var(--primary) !important;
}

.contact-help-collapse .whatsapp {
  background: #25d366 !important;
  border: 0 !important;
  transition: 0.5s;
}

.contact-help-collapse .whatsapp:hover {
  transform: rotate(45deg) scale(0.8);
}

.contact-help-collapse .phone {
  background: #00b2ff !important;
  border: 0 !important;
  transition: 0.5s;
}

.contact-help-collapse .phone:hover {
  transform: rotate(45deg) scale(0.8);
}

.contact-help.accordion-button::after {
  display: none;
}

.contact-help.accordion-button:focus {
  background: var(--secondary) !important;
  color: #fff !important;
  border-radius: 4px;
}

.contact-help-collapse {
  position: fixed;
  bottom: 75px;
  left: 10px;
  background: aliceblue;
  border-radius: 10px;
}

.contact-help.accordion-button:not(.collapsed)::after {
  display: none;
}

.contact-help-collapse .accordion-body {
  padding: 0.5rem 0.5rem;
  background: #f6f6f6;
  border-radius: 8px;
}

.accordion-button i.fa-solid.fa-headset {
  color: #fff;
  transition: 0.5s;
}

.accordion-button:hover i.fa-solid.fa-headset, .accordion-button:focus i.fa-solid.fa-headset {
  transform: scale(1.5) rotateX(1turn);
}

button.socia-butt {
  font-size: 18px;
  width: 50px;
  height: 50px;
  border-radius: 6px;
  text-align: center;
}

.accurd-btn {
  border-top: 3px solid red !important;
  transform: translateY(10px);
  opacity: 0.7;
}

i.fa-solid.fa-star-of-life.pe-2 {
  color: rgba(0, 123, 255, 0.768627451);
}

.d_menu a {
  text-align: left !important;
}

hr {
  margin: 1px 0 !important;
}

.color-bg {
  margin: 0 !important;
}

.color-bg:hover {
  /* background: var(--primary) !important; */
  color: #fff;
}

.color-bg .d_menu a {
  margin: 0;
}

.color-bg .d_menu a:hover {
  color: #007bff !important;
}

.color-bg:hover i.fa-solid.fa-star-of-life {
  color: #fff;
}

ul.dropdown-menu {
  box-shadow: -2px 6px 10px 1px rgba(0, 18, 50, 0.4196078431);
}

.contact .link-manu-footer i::after {
  left: 21px !important;
}

.prod-menu {
  min-width: calc(100% + 100px);
}

.dropmenu ul li:hover i {
  color: #fff !important;
}

.dirr1 {
  text-decoration: none;
  color: var(--text) !important;
}

.dirr1 li a:hover {
  color: #fff !important;
}

li.dir.dirr1 a:hover {
  color: #fff !important;
  color: #fff !important;
  color: var(--primary) !important;
}

/* home */
.col-12.col-xxl-7.col-xl-7.col-lg-6.contant-text.py-5.my-5 {
  margin-top: 8rem !important;
}

@media (max-width: 1250px) {
  .col-12.col-xxl-7.col-xl-7.col-lg-6.contant-text.py-5.my-5 {
    margin-top: 1rem !important;
    margin-left: 3rem;
  }
  .home .sectoin-slide .contant-text .header-p {
    font-size: 18px;
  }
  .home .sectoin-slide .contant-text .header-p {
    line-height: 29px;
  }
  .home .sectoin-slide .btn-contact,
  .home .sectoin-slide .btn-Read-more {
    padding: 11px 35px;
    font-size: 14px;
  }
}
.home .carousel-control-prev {
  left: 10px !important;
}

.block-md {
  display: none;
}

.navbar.navbar-expand-lg {
  box-shadow: 0px 3px 9px 0 rgba(151, 151, 151, 0.7294117647);
}

.navbar.navbar-expand-lg.navbar-light.bg-light {
  padding: 10px;
}

@media (max-width: 1350px) {
  .home .sectoin-slide .contant-text .header-p {
    line-height: 30px;
  }
  .home .sectoin-slide .btn-contact,
  .home .sectoin-slide .btn-Read-more {
    font-size: 14px;
    padding: 10px 15px !important;
  }
}
@media (max-width: 991.98px) {
  .home .sectoin-slide .btn-contact.w-100,
  .home .sectoin-slide .btn-Read-more.w-100 {
    width: 75%;
  }
  .home-slide {
    height: 560px;
  }
}
@media (max-width: 991.98px) {
  ul.dropmenu {
    margin: 0px 0px;
  }
  .dropmenu li {
    float: none;
  }
  /* hidden drop menu */
  .dNone-droped,
  hr {
    display: none !important;
  }
  .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    display: flex;
    flex-direction: row;
  }
  /*
  .english {
      border-right: 0.5px solid rgba(128, 128, 128, 0.651);
  } */
  .flaggs .nn {
    padding: 0 15px;
  }
  .flag.d-flex:hover {
    transform: translate(0px, -10px);
  }
  .block-md {
    display: block;
  }
  ul.dropmenu {
    padding-left: 0 !important;
  }
  .block-md .nn {
    margin: 0;
  }
  .block-md .nn a {
    margin-right: 15px;
  }
}
@media (max-width: 575.98px) {
  .home .carousel-control-prev {
    left: 7px !important;
  }
}
@media (max-width: 575.98px) {
  .home .sectoin-slide .btn-contact,
  .home .sectoin-slide .btn-Read-more {
    width: 100% !important;
  }
}
@media (max-width: 470px) {
  .head-reviews span {
    display: block;
    width: 45%;
  }
}
.pp-price {
  color: var(--primary);
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 768px) {
  .find .t-info h1 {
    font-size: 30px;
  }
  .find .t-info p {
    font-size: 20px;
  }
  .employers-cv-btn a {
    font-size: 20px;
    padding: 10px 20px;
  }
  .info p {
    font-size: 15px;
    width: 95%;
  }
  .info h1 {
    font-size: 20px;
  }
  .employers-btn a {
    font-size: 18px;
  }
}
/*======================= news ================*/
.news .date {
  color: var(--danger);
}

.news p span {
  color: var(--text);
}

.news p {
  color: var(--text);
}

.news .main-news .date-main p {
  /* color: var(--danger); */
  font-weight: 700;
  margin-bottom: -3px;
}

.news .main-news .date-main h1 {
  width: 90%;
  font-weight: bold;
}

.news .main-news .img-main {
  height: 30rem;
  margin: 2rem 0;
}

.news img {
  width: 100%;
  height: 100%;
}

.news .main-news .prag-main {
  width: 80%;
  margin-left: auto;
  /* margin-right: 1%; */
}

.news .main-news .prag-main h3 {
  font-weight: 700;
}

.news .other {
  margin-top: 3rem;
}

.news .other .other-block {
  margin-bottom: 2rem;
  transition: 0.3s all ease-in-out;
}

.news .other .date-other p {
  margin-bottom: 0;
  font-weight: 700;
  padding-left: 7px;
}

.news .other .img-other {
  overflow: hidden;
}

.news .other .img-other img {
  transition: 0.3s all ease-in-out;
}

.bg-img-model {
  height: 120px;
  background-size: cover;
  background-position: center;
}

#model_name_product {
  color: var(--bs-primary);
}

.form-floating > label {
  right: 0 !important;
  left: 40px !important;
}

.news .other .prag-other {
  background-color: red;
  padding: 15px 20px;
}

.news .other .prag-other p {
  line-height: 1.3;
}

.news .other .prag-other h3 {
  font-weight: 600;
  font-size: 22px;
}

.news .other-block:hover {
  box-shadow: 0 3px 5px 3px rgba(128, 128, 128, 0.2392156863);
}

.news .other-block:hover img {
  transform: scale(1.2) rotate(5deg);
}

.news .prag-other p.date {
  font-weight: 700;
  margin-bottom: 5px;
}

.aaa {
  color: red;
}

@media (max-width: 992px) {
  .news .main-news .date-main h1 {
    width: 100%;
    font-size: 27px;
  }
  .news .main-news .prag-main {
    width: 100%;
  }
}
.news .head-text {
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

.news .head-text .red {
  color: var(--danger);
  border-bottom: 2px dotted(--danger);
}

.news .head-text .blue {
  color: var(--primary);
  border-bottom: 2px dotted var(--primary);
  font-weight: bold;
}

.n_news {
  background-color: #f5f5f5;
  padding: 1rem;
}

.environment-landing {
  background-image: url(./images/slider1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 55vh;
  z-index: -2;
  background-attachment: fixed;
}

.environment-landing::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to left, rgba(18, 110, 210, 0.4392156863), rgba(237, 30, 36, 0.6588235294));
  z-index: -1;
}

.environment-landing .head {
  font-size: 3rem;
  color: white;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.environment-landing p {
  font-size: 2rem;
  font-weight: 600;
  color: white;
}

/*print*/
.print .list li {
  font-size: 1.2rem;
  border-radius: 4px !important;
  cursor: pointer;
  background-color: var(--primary);
  color: white;
  padding: 10px 35px;
  text-transform: capitalize;
  transition: var(--main-transition);
  border-bottom: 2px solid white;
}

.print .list li:after {
  font-family: "Font Awesome 5 Free";
  content: "+";
  font-weight: 900;
  position: relative;
}

.print .list li:hover {
  background-color: black;
}

.print .list .active {
  background-color: var(--main);
}

.right h1 {
  font-size: 1.5rem;
  color: red;
  text-transform: uppercase;
  margin: 20px 0;
}

.right p {
  font-size: 1rem;
  line-height: 25px;
  color: #474545;
  font-weight: 300;
}

.container {
  position: relative;
}

.container .cards .card {
  position: relative;
  width: 320px;
  height: 450px;
  background: #232323;
  border-radius: 20px;
  overflow: hidden;
}

.container .cards .card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--secondary-color);
  -webkit-clip-path: circle(150px at 80% 20%);
          clip-path: circle(150px at 80% 20%);
  transition: 0.5s ease-in-out;
}

.container .cards .card:hover:before {
  -webkit-clip-path: circle(300px at 80% -20%);
          clip-path: circle(300px at 80% -20%);
}

.container .cards .card:after {
  content: "print";
  position: absolute;
  top: 30%;
  left: 0%;
  font-size: 8em;
  font-weight: 800;
  font-style: italic;
  color: rgba(13, 110, 253, 0.1019607843);
}

.container .cards .card .imgBx {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10000;
  width: 100%;
  height: 220px;
  transition: 0.5s;
}

.container .cards .card:hover .imgBx {
  top: 0%;
  transform: translateY(0%);
}

.container .cards .card .imgBx img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-25deg);
  width: 270px;
  transition: var(--main-transition);
}

.container .cards .card:hover .imgBx img {
  transform: translate(-50%, -50%) rotate(7deg);
}

.container .cards .card .contentBx {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  text-align: center;
  transition: 1s;
  z-index: 10;
}

.container .cards .card:hover .contentBx {
  height: 210px;
}

.container .cards .card .contentBx h2 {
  position: relative;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
  margin: 0;
}

.container .cards .card .contentBx .size,
.container .cards .card .contentBx .color {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  padding-top: 0;
  padding-bottom: 0;
}

.container .cards .card:hover .contentBx .size {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.5s;
}

.container .cards .card:hover .contentBx .color {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.6s;
}

.container .cards .card .contentBx .size h3,
.container .cards .card .contentBx .color h3 {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-right: 10px;
  margin: 0;
}

.container .cards .card .contentBx .size span {
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  font-size: 14px;
  display: inline-block;
  color: #111;
  background: #fff;
  margin: 0 5px;
  transition: 0.5s;
  color: #111;
  border-radius: 4px;
  cursor: pointer;
}

.container .cards .card .contentBx .size span:hover {
  background: var(--secondary-color);
  color: white;
}

.container .cards .card .contentBx .color span {
  width: 20px;
  height: 20px;
  background: #ff0;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}

.container .cards .card .contentBx .color span:nth-child(2) {
  background: #9bdc28;
}

.container .cards .card .contentBx .color span:nth-child(3) {
  background: #03a9f4;
}

.container .cards .card .contentBx .color span:nth-child(4) {
  background: #e91e63;
}

.container .cards .card .contentBx a {
  display: inline-block;
  padding: 10px 20px;
  background: #fff;
  border-radius: 4px;
  margin-top: 10px;
  text-decoration: none;
  font-weight: 600;
  color: #111;
  opacity: 0;
  transform: translateY(50px);
  transition: 0.5s;
  margin-top: 0;
}

.container .cards .card:hover .contentBx a {
  opacity: 1;
  transform: translateY(0px);
  transition-delay: 0.75s;
}

.section-service {
  display: none;
}

.section-service.active {
  display: block;
}

.section-News {
  display: none;
}

.section-News.active-section {
  display: block;
}

/* .wrapper {
	margin-top: 80px;
  margin-bottom: 80px;
} */
.form-signin {
  padding: 15px 35px 45px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.form-signin-heading,
.checkbox {
  margin-bottom: 30px;
}

.checkbox {
  font-weight: normal;
}

.form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  /* padding: 20px !important; */
}

.jumbotron .form-control {
  border-radius: 8px 0 0 8px;
}

.jumbotron .btn-search-profile {
  border-radius: 0 8px 8px 0;
}

.contact input[type=text],
.contact textarea.form-control,
.contact input[type=email],
.contact input[type=number] {
  border: none;
  border-bottom: 2px solid var(--secondary-color);
  border-radius: 8px;
  box-shadow: none;
}

.print .wrapper .form-signin .form-signin-heading {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0;
}

.print .wrapper .form-signin p {
  font-size: 1.4rem;
  margin-top: 10px;
}

.print .wrapper .btn {
  background-color: var(--primary);
  font-size: 1.3rem;
  color: white;
  transition: var(--main-transition);
}

.print .wrapper .btn:hover {
  background-color: var(--main-color);
}

.event-landing {
  background-image: url(./images/event-landing.webp);
  background-size: cover;
  background-repeat: no-repeat;
  height: 50vh;
  z-index: -2;
  background-attachment: fixed;
  background-position: top center;
  /* padding: 240px 0px 240px 0px; */
}

.event-landing::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

col {
  font-size: 3rem;
  color: white;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 5px;
  z-index: 1;
}

.event-landing p {
  font-size: 2rem;
  font-weight: 600;
  color: white;
}

/*day*/
.day .active {
  background-color: var(--secondary-color) !important;
  padding: 15px 30px;
  text-align: center;
  border-radius: 8px;
  position: relative;
}

.day .active::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid var(--secondary-color);
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  bottom: -13px;
}

.day .box {
  border: 1px solid gray;
  border-radius: 8px;
}

/* .day .box h1,
.day .box p
{
    color: b;
} */
.day {
  background-image: url(./images/events-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.day .container {
  border-radius: 12px;
}

.day .box {
  text-align: center;
  padding: 15px 30px;
  background-color: white;
}

.day .box p {
  font-size: 1.2rem;
}

.day .box h1 {
  font-size: 2rem;
}

.day .active h1,
.day .active p {
  color: white;
}

.day .active p {
  font-size: 1.2rem;
}

.day .active h1 {
  font-size: 2rem;
}

.cont-box {
  border: 0.5px solid rgba(128, 128, 128, 0.168627451);
  background-image: linear-gradient(39deg, white, transparent);
  padding: 40px 0;
  border-radius: 8px;
  box-shadow: 0 17px 46px 0 rgba(204, 204, 204, 0.36);
  transition: var(--main-transition);
  padding: 25px;
}

.cont-box:hover {
  box-shadow: 0 17px 46px 0 rgba(204, 204, 204, 0.36);
}

.cont-box .calender {
  background-color: var(--secondary-color);
  padding: 20px 8px;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 14px;
  max-height: 90px;
  width: -moz-fit-content;
  width: fit-content;
}

.cont-box .calender-header {
  padding: 0 30px;
}

.cont-box .calender-header h1 {
  font-size: 1.5rem;
  transition: var(--main-transition);
}

.cont-box .header h1:hover {
  color: var(--main-color);
  cursor: pointer;
}

.cont-box .calender-header .time-loca .time svg,
.cont-box .calender-header .time-loca .location svg {
  color: var(--main-color);
  font-size: 2rem;
}

.cont-box .calender-header .time-loca .time p,
.cont-box .calender-header .time-loca .location p {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  transition: var(--main-transition);
}

.cont-box .calender-header .time-loca .location p:hover {
  text-decoration: underline;
  color: var(--main-color);
  cursor: pointer;
}

.cont-box .calender-header p {
  margin: 0;
  font-size: 1.2rem;
  color: #6f6f6f;
}

.cont-box .btn {
  font-size: 1rem;
  background-color: var(--main-color);
  color: white;
  padding: 0px 23px;
  height: 60px;
  border-radius: 99999px;
  box-shadow: 0px 0px 20px 5px rgba(255, 0, 0, 0.2901960784);
  transition: var(--main-transition);
}

.btn:hover {
  /* background-color: #b3b3b3; */
  color: white;
}

/*plan*/
.plan {
  background-image: url(./images/cta_bg_3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.plan p {
  font-size: 2rem;
}

.plan p span {
  font-size: 2.5rem;
  font-family: cursive;
}

.plan svg {
  font-size: 2rem;
}

/*review*/
.review .left .info {
  font-size: 2rem;
  font-weight: 600;
  color: red;
}

.review-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.review-text .btn {
  background: red;
  color: #fff;
}

.review .left h1 {
  font-size: 2rem;
  text-align: center;
}

.review .item .left h1 {
  margin-top: 20px;
}

.review .left p {
  font-size: 1.2rem;
  text-align: c;
}

.review .owl-carousel .item .left p {
  width: 60%;
  margin: auto;
}

.review .owl-prev {
  position: relative;
}

.review .owl-nav button {
  border-radius: 6px !important;
  background: var(--primary) !important;
}

.person-img {
  width: 100px !important;
  height: 100px !important;
  display: inline-block !important;
  border: 3px dashed var(--main-color);
  padding: 5px;
}

.review .owl-carousel .item .left h2 {
  margin-top: 20px;
  color: var(--main-color);
  font-weight: 700;
  text-transform: uppercase;
}

.review .owl-carousel .item .left h2 svg {
  color: var(--main-color);
}

.review .owl-carousel .item .left .comma-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: white;
  top: 45px;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.5rem;
  color: var(--main-color);
  transform: translateX(-100%);
}

.review .owl-carousel .item .left {
  box-shadow: 0 7px 12px 4px rgba(75, 83, 100, 0.06);
  border-radius: 15px;
}

.owl-next {
  font-size: 5rem !important;
  background-color: var(--main-color) !important;
  width: 50px !important;
  height: 50px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 50% !important;
  color: white !important;
  position: absolute;
  /* top: 50%; */
  right: 0;
}

.owl-prev {
  font-size: 5rem !important;
  background-color: var(--main-color) !important;
  width: 50px !important;
  height: 50px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 50% !important;
  color: white !important;
  position: absolute;
  /* top: 50%; */
  right: 0;
}

.owl-dots .active span {
  /* background-color: var(--main-color) !important; */
  background-image: red;
}

.btn-search-profile {
  height: 66px;
  background-color: #f14d5d;
  border-radius: 0 4px 4px 0;
  border: 0;
}

.mt-n1 {
  margin-left: 20px;
}

.jumbotron {
  background: linear-gradient(var(--primary), var(--third)), url(./images/left\ landing.jpg), no-repeat center center;
  background-size: cover;
}

.jumbotron.page-header {
  background: linear-gradient(rgba(40, 120, 235, 0.9), rgba(40, 120, 235, 0.9)), url(./images/left\ landing.jpg), no-repeat center center;
  background-size: cover;
}

.bg-suc {
  background-color: var(--third);
}

.bg-sec {
  background-color: #ccc;
}

.bg-pr {
  background-color: var(--primary);
}

.overlay-top::before,
.overlay-bottom::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 85px;
  left: 0;
  z-index: 1;
}

.overlay-top::before {
  top: 0;
  background: url(./images/overlay-top.png) top center no-repeat;
  background-size: contain;
}

.overlay-bottom::after {
  bottom: 0;
  background: url(./images/overlay-bottom.png) bottom center no-repeat;
  background-size: contain;
}

.bg-image {
  background: linear-gradient(rgba(40, 120, 235, 0.05), rgba(40, 120, 235, 0.05));
}

.section-title h6::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  border-top: 2px dashed #f14d5d;
}

.team-carousel a.mx-1 {
  color: var(--primary);
}

.team-carousel .img-team {
  opacity: 0.8;
  transition: 0.8s;
  overflow: hidden;
}

.team-carousel .team-item:hover .img-team {
  opacity: 1;
}

.btn-icon .icon {
  width: 85px;
  padding: 15px;
  filter: invert(1);
}

.courses-item img {
  position: relative;
  margin-top: 40px;
  transition: 0.5s;
}

.courses-list-item img {
  position: relative;
  transition: 0.5s;
}

.courses-item .courses-text,
.courses-list-item .courses-text {
  position: absolute;
  width: 100%;
  height: calc(100% + 86px);
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  background: linear-gradient(to bottom, rgba(18, 15, 45, 0), #120f2d);
  transition: 0.5s;
  z-index: 1;
}

.courses-list-item .courses-text {
  height: 100%;
}

.courses-item:hover img {
  margin-top: 0px;
}

.courses-list-item:hover img {
  transform: scale(1.2);
}

.courses-item:hover .courses-text {
  height: calc(100% + 40px);
}

.team-carousel .owl-nav,
.related-carousel .owl-nav {
  position: absolute;
  width: 100%;
  height: 60px;
  top: calc(50% - 30px);
  left: 0;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}

.owl-carousel.owl-loaded {
  position: relative;
}

.review .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
}

.bg-image .owl-nav button {
  border-radius: 6px !important;
  background: var(--primary) !important;
}

.bg-image .owl-nav button.owl-prev {
  margin-right: 5px;
}

.team-carousel .owl-nav .owl-prev,
.team-carousel .owl-nav .owl-next,
.related-carousel .owl-nav .owl-prev,
.related-carousel .owl-nav .owl-next {
  position: relative;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #2878eb;
  font-size: 22px;
  transition: 0.5s;
}

.team-carousel .owl-nav .owl-prev:hover,
.team-carousel .owl-nav .owl-next:hover,
.related-carousel .owl-nav .owl-prev:hover,
.related-carousel .owl-nav .owl-next:hover {
  background: var(--red);
}

.testimonial-carousel .owl-item img {
  width: 80px;
  height: 80px;
}

.testimonial-carousel .owl-nav {
  position: absolute;
  width: 120px;
  height: 60px;
  top: 0;
  right: 0;
  display: flex;
  z-index: 1;
  justify-content: flex-end;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
  position: relative;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #2878eb;
  font-size: 22px;
  transition: 0.5s;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next:hover {
  background: var(--red);
}

.testimonial-carousel .owl-nav .owl-prev:hover {
  background: #2878eb;
}

/*service*/
.box .icon {
  filter: invert(1);
  width: 15%;
}

/*manager*/
.dc {
  background: var(--third);
}

.dc ul li a {
  background-color: transparent;
}

.dc ul li:nth-of-type(1) a {
  background-color: var(--primary) !important;
}

.dc ul li:nth-of-type(2) a {
  color: var(--primary) !important;
}

.team img {
  position: relative;
  z-index: 1;
}

.team .team-text {
  position: relative;
  width: 100%;
  height: 100px;
  bottom: 0px;
  left: 0;
  border-bottom: 10px solid var(--blue);
  transition: 0.5s;
}

.team:hover .team-text {
  bottom: 100px;
}

.team .team-social {
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: -100px;
  left: 0;
  transition: 0.5s;
}

.team:hover .team-social {
  bottom: 0;
}

.card-body {
  background-color: var(--red);
}

.team-social .btn {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.team-social {
  background-color: var(--blue);
}

.border-bottom.text-decoration-none {
  color: #2878eb;
}

.socail.accordion-collapse {
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 1199.98px) {
  .footer .footer-logo {
    width: 85px !important;
  }
  .footer h1.text-right.mt-3.company-name {
    margin-top: 0.5rem !important;
    font-size: 30px;
  }
  .footer .company-description {
    line-height: 20px;
    font-size: 16px;
  }
}
.color-bg:hover {
  /* background: var(--primary) !important; */
  color: #fff;
  border-bottom: 1px solid rgba(128, 128, 128, 0.3490196078);
}

/* company */
.company * {
  font-family: system-ui;
}

.company h3 {
  font-size: 30px;
}

.company .block-conpany .image img {
  width: 100%;
}

@media (max-width: 768px) {
  .company .block-conpany .image {
    height: 200px;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .company .block-conpany .image {
    height: 300px;
    overflow: hidden;
  }
}
.company .block-conpany .image::after {
  content: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(34, 30, 30, 0.6392156863);
}

.company .block-conpany {
  padding: 10px;
  transition: 0.3s all ease-in-out;
  box-shadow: 0 0 8px 0px rgba(128, 128, 128, 0.3803921569);
}

.sectoin-Best-Selling {
  background: #fff;
}

.company .block-conpany .name {
  margin: 0;
  font-size: 23px;
  padding-bottom: 6px;
  height: 30px;
  overflow: hidden;
}

.company .block-conpany .name a {
  width: auto;
  color: var(--primary);
  display: block;
  font-size: 18px;
  text-align: center;
}

.company .block-conpany .name a:hover {
  color: var(--primary);
}

.company .block-conpany p {
  color: gray;
  font-size: 14px;
  height: 45px;
  overflow: hidden;
  text-align: center;
}

.company .block-conpany .praggg {
  padding: 15px 0 0px;
  border-top: 1px solid #e7e7e7;
}

.blog .big-blog {
  filter: brightness(0.4);
  transition: 0.6s;
}

.blog .big-blog:hover {
  transform: scale(1.1);
}

.blog .content p {
  color: #cfcfcf;
  display: flex;
  gap: 20px;
  margin: 10px 0;
}

.blog .content p:hover {
  color: var(--bs-cyan);
}

.gellary-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px;
  /* background-color: red; */
  border-radius: 50%;
  width: 46px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background: linear-gradient(to top, #2943a0 0%, #ed1e24 100%);
}

.blog .box-grid {
  border: solid 1px #ebebeb;
  padding: 10px;
  border-radius: 10px;
}

.blog .cont-box .btns .active {
  color: #fff !important;
  background: #fe4f70;
  background: linear-gradient(to right, #ed1e24 0%, #d7696c 51%, #fe4f70 100%) !important;
  border-color: transparent;
  background-size: 200% auto !important;
  border: solid 1px #ebebeb;
  border-radius: 30px;
  padding: 10px 30px;
}

.blog .cont-box .btns {
  width: -moz-fit-content;
  width: fit-content;
}

.blog .cont-box .btns .toggle-btn {
  background: transparent;
  border-color: transparent;
  background-size: 200% auto;
  border: solid 1px #ebebeb;
  border-radius: 30px;
  padding: 10px 30px;
  color: black;
}

.blog .cont-box .box-image {
  gap: 20px;
  border-bottom: 1px solid #e0e0e0;
  padding: 14px 0;
}

.post-blog::after {
  position: absolute;
  content: attr(title);
  background-color: #ed1e24;
  top: 24px;
  left: 0;
  color: white;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 50%;
}

.single-blog .box {
  background-color: transparent;
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

.single-blog .box .content a {
  color: #777777;
}

.single-blog .box .content a:hover {
  text-decoration: underline;
}

.time {
  color: #A8B1B6;
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 300;
  font-family: monospace;
}

.single-blog .Category .list li {
  border-bottom: 1px solid #E2E6E7;
  color: #b7bfc1;
  clear: both;
  display: block;
  border-style: solid;
  padding-top: 15px;
  padding-bottom: 15px;
  border-width: 0px 0px 1px 0px;
  cursor: pointer;
  transition: 0.3s;
}

.single-blog .Category .list li:hover {
  color: var(--bs-blue);
}

.tags .list {
  DISPLAY: flex;
  flex-wrap: wrap;
  row-gap: 15px;
  -moz-column-gap: 30px;
       column-gap: 30px;
  justify-content: center;
}

.tags .list li {
  cursor: pointer;
  transition: 0.3s;
  display: block;
  /* margin-bottom: 5px; */
  border-width: 1px;
  border-style: solid;
  padding: 8px 14px 8px 14px;
  border-color: #E2E6E7;
  color: #A8B1B6;
}

.tags .list li:hover {
  background-color: var(--bs-blue);
  color: white;
}

.single-blog .template-blog-header {
  /* width: 100%; */
  /* height: 100%; */
  display: table;
  /* overflow: hidden; */
  margin-bottom: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 25px;
}

.single-blog .template-blog-header .template-blog-header-date span {
  font-size: 18px;
  padding-top: 0px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #b7bfc1;
  font-weight: 100;
  width: 136%;
}

.single-blog .template-blog-header .template-blog-header-date span:first-child,
.single-blog .template-blog-header .template-blog-header-date span:nth-child(2) {
  border-bottom: 1px solid #dedede;
}

.single-blog .template-blog-header .template-blog-header-date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  border-right: 1px solid #d2d2d2;
  padding: 0 17px;
}

.template-blog-header .template-blog-header-meta {
  gap: 50px;
}

.template-blog-header .template-blog-header-meta .template-icon-meta-user {
  cursor: pointer;
  transition: 0.3s;
}

.template-blog-header .template-blog-header-meta .template-icon-meta-user:hover {
  border-bottom: 1px solid gray;
}

.single-blog .image img {
  transition: 0.6s;
}

.single-blog .image img:hover {
  filter: brightness(0.5);
}

.template-component-blockquote {
  font-size: 18px;
  font-style: italic;
  line-height: 30px;
  text-align: center;
  padding: 32px 35px 36px 35px;
  margin: 20px 0px 20px 0px;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.template-blog-author-info {
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  margin: 10px 0px 60px 0px;
  padding: 30px 0px 30px 0px;
  border-color: #e2e6e7;
  display: flex;
  align-items: flex-start;
  gap: 25px;
}

.share-blog .icon i {
  border-width: 1px;
  border-style: solid;
  text-align: center;
  border-radius: 9999em;
  border-color: #e2e6e7;
  width: 46px;
  height: 46px;
  display: block;
  line-height: 48px;
  text-decoration: none;
  cursor: pointer;
  margin-right: 20px;
}

.share-blog .icon i:hover {
  background-color: var(--bs-blue);
  color: white;
}

.share-blog .icon i {
  color: #979797;
}

.template-layout-column-left {
  clear: both;
  float: left;
  width: 50%;
}

.template-component-form-field {
  width: 100%;
  display: block;
  border-style: solid;
  border-width: 1px;
  margin-top: -1px;
  border-color: #e2e6e7;
  /* height: 273px; */
}

.template-component-form-field label {
  color: #A8B1B6;
  display: block;
  font-size: 14px;
  padding: 15px 15px 0px 15px;
}

.template-component-form-field input,
.template-component-form-field textarea {
  margin: 0px;
  width: 100%;
  clear: both;
  border: none;
  resize: none;
  display: block;
  padding: 10px 15px 25px 15px;
}

.template-component-form-field input:focus-visible,
.template-component-form-field textarea:focus-visible {
  border: none;
  box-shadow: none;
  outline: none;
}

@media (max-width: 767px) {
  .template-layout-column-left {
    display: contents;
  }
  .template-layout-column-right {
    width: 100% !important;
  }
}
.single-blog .btn-submit {
  bottom: 0;
  border-radius: 17px;
  padding: 5px 20px;
  background-color: transparent;
  border: 2px solid var(--bs-blue);
  color: var(--bs-blue);
  font-weight: 600;
  transition: 0.5s;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
  margin: auto;
  width: auto;
  width: auto;
  outline: none;
  cursor: pointer;
  position: relative;
  border-width: 2px;
  border-style: solid;
  padding: 16px 38px 16px 38px;
  border-radius: 999px;
  margin-right: 0;
}

.single-blog .btn-submit:hover {
  background-color: var(--bs-blue);
  color: white;
}

/*meeing*/
.meeting {
  background-image: url(./images/banner5.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
  /* padding: 548px 0px 240px 0px; */
  height: 80vh;
  z-index: 1;
}

.meeting .cont-event {
  width: 87%;
  border-bottom: 3px solid var(--bs-blue);
  margin: 0;
  padding: 0;
  margin-bottom: 13px;
}

.meeting .cont-event h1 span {
  font-size: 50px;
  color: #3ea2e0;
  font-weight: 600;
  border: none;
}

.meeting .cont-event h1 {
  color: white;
  font-weight: 600;
}

.title-info {
  font-size: 1.2rem;
  font-weight: 600;
  color: #222;
  border-bottom: 2px solid var(--primary);
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 0;
  margin: auto;
  margin-bottom: 15px !important;
}

.link {
  background-color: transparent;
  border: 2px solid var(--bs-blue);
  color: var(--bs-blue);
  font-size: 15px;
  padding: 11px 20px;
  text-transform: uppercase;
  transition: 0.6s;
}

.link:hover {
  background-color: var(--bs-blue);
  border: 2px solid var(--bs-blue);
  color: white;
  font-size: 15px;
}

.text {
  font-size: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 30px;
  color: #222;
  margin-bottom: 30px;
  width: 87%;
}

.joining {
  background-image: url(./images/bg11.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
  /* padding: 548px 0px 240px 0px; */
  /* height: 80vh; */
}

.meet {
  background-image: url(./images/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
}

.evens-img {
  background-color: #041e42;
  color: white;
}

.photo {
  position: relative;
  overflow: hidden;
  transition: 0.6s;
}

.photo::after {
  content: "";
  position: absolute;
  background-color: var(--bs-blue);
  width: 100%;
  height: 100%;
  left: 0;
  top: -100%;
  transition: 0.6s;
}

.photo:hover::after {
  top: 0;
  opacity: 0.6;
}

.photo i {
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  border: 2px solid;
  border-radius: 50%;
  padding: 6px 8px;
  z-index: 1;
  transition: 0.4s;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  color: white;
}

.photo:hover i {
  top: 50%;
}

.interest p strong a {
  color: var(--bs-blue);
}

.interest p strong a:hover {
  text-decoration: underline;
}

/*jobs*/
.job {
  background-image: url(./images/bg-slider7.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
  position: relative;
  /* position: absolute; */
  z-index: 1;
  height: 300px;
}

@media (max-width: 767px) {
  .job {
    background-image: none;
  }
}
.job::after {
  content: "";
  position: absolute;
  background: none;
  background-image: none;
}

.job .head {
  font-size: 3rem;
  color: #222;
  font-weight: 500;
  font-family: system-ui;
  width: 80%;
}

.job .head span {
  color: var(--bs-blue);
}

.feature p,
.job p {
  font-size: 1.2rem;
  color: #c4c4c4;
  font-weight: 100;
  margin: 30px 0;
}

.filter-listing-form {
  padding: 5px;
  border-radius: 4px;
  box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05);
  border: 1px solid #ecedf2;
  background: #fff;
  /* width: fit-content; */
}

.filter-listing-form.horizontal .has-border {
  border-right: 1px solid #ECEDF2;
}

.filter-listing-form .form-group-inner.has-icon {
  padding-left: 22px;
}

.filter-listing-form .form-group-inner {
  position: relative;
}

.filter-listing-form .form-group-inner > i {
  color: #696969;
  font-size: 21px;
  line-height: 21px;
  display: inline-block;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.filter-listing-form.horizontal .form-control {
  padding: 5px;
  margin: 0;
  background: #f0f5f7;
  height: 50px;
  color: #3a3a3a;
  background: transparent;
  border-color: transparent !important;
}

.btn-theme {
  color: #fff;
  background-color: var(--bs-blue);
  border-color: var(--bs-blue);
  border-radius: 10px 10px 10px 10px;
  /* width: 100%; */
  margin: auto;
  text-align: center;
}

.btn-theme:hover {
  background-color: white;
  border-color: var(--bs-blue);
  color: var(--bs-blue);
}

.position li a {
  color: #696969;
}

.boxs .cont-info span {
  color: #34A853;
  font-size: 12px;
  display: inline-block;
}

.job-type .full {
  display: inline-block;
  color: var(--superio-theme-color);
  background: #bfd1e4;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  padding: 3px 20px;
  font-size: 14px;
  color: #007bff;
}

.job-type .warn {
  display: inline-block;
  background-color: #2db346;
  border-radius: 2px;
  padding: 3px 10px;
  font-size: 14px;
  color: #fff;
}

.boxs {
  transition: all 0.35s ease-in-out 0s;
  position: relative;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #ecedf2;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 30px 22px;
  margin-bottom: 30px;
  gap: 0;
}

.boxs .cont-info h2 .archive {
  cursor: pointer;
  margin-left: 60px;
  color: #a7a7a7;
  width: 30px;
  height: 30px;
  background-color: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.cont-info .blog-description {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  overflow-y: clip;
  -webkit-box-orient: vertical;
}

.boxs .cont-info h2 .archive i {
  font-size: 16px;
}

.boxs .cont-info h2 .archive:hover {
  background-color: #d4d4d4;
}

.list-skill li {
  color: #979797;
  font-weight: 100;
  font-size: 15px;
}

.single-job .right {
  padding: 30px 22px;
}

.single-job .right .info-jobs {
  padding: 30px;
  background-color: #f5f7fc;
  border-radius: 8px;
  margin-top: 30px;
}

.single-job .right .info-jobs .cont .text p {
  font-size: 16px;
  font-weight: 500;
  color: #202124;
}

.single-job .right .info-jobs .cont .text strong {
  font-weight: 100;
  font-size: 15px;
  color: #969696;
}

.single-job .right .info-jobs .cont {
  margin-bottom: 25px;
}

.single-job .right .info-jobs .cont .icon i {
  color: #126ed2;
  font-size: 22px;
}

.single-job .related {
  padding: 30px 0px;
}

.single-job .share .facebook {
  margin-left: 20px;
  background-color: #1967D2;
  padding: 6px 28px;
  display: inline-block;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  padding: 7px 10px;
  /* background-color: var(--superio-theme-color); */
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
}

.single-job .share .twitter {
  margin-left: 20px;
  background-color: #1da1f2;
  display: inline-block;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  padding: 7px 10px;
  /* background-color: var(--superio-theme-color); */
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
  min-width: 111.7px;
}

.single-job .share .linked {
  margin-left: 20px;
  background-color: #0077b5;
  display: inline-block;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  padding: 7px 10px;
  /* background-color: var(--superio-theme-color); */
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
  min-width: 111.7px;
}

.single-job .share a i {
  margin: 0 10px;
}

.single-job .share .facebook:hover {
  background-color: #0a428e;
}

.single-job .share .twitter:hover {
  background-color: #3087bc;
}

.single-job .share .linked:hover {
  background-color: #0b6594;
}

/*modal product*/
.modal-body .btns .minus {
  border: 2px solid var(--primary);
  color: var(--primary);
  border-radius: 10px;
  margin: 0 5px;
  transition: 0.5s;
}

.qty .btns .minus:hover {
  background: var(--bg);
  border: 2px solid var(--bg);
  color: var(--primary);
}

.img-modal {
  background: rgba(241, 241, 241, 0.4);
  border-radius: 14px;
  margin: 0px 0 20px 0px;
  transition: 0.6s;
  filter: opacity(0.8);
}

.img-modal:hover {
  transform: scale(1.1);
  filter: opacity(1);
}

/*Service design*/
.service-item,
.contact-item {
  background: url(../web/images/service.jpg) top center no-repeat;
  background-size: cover;
  transition: 0.8s;
  background: #fee469;
}

.service-item:hover,
.contact-item:hover {
  background: url(../web/images/service.jpg) bottom center no-repeat;
  background-size: cover;
  background-color: #fee469;
}

.service-item .service-icon,
.contact-item .contact-icon {
  margin-top: -50px;
  width: 100px;
  height: 100px;
  color: var(--secondary);
  background: #ffffff;
  transform: rotate(-45deg);
}

.service-item .service-icon div,
.contact-item .contact-icon div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fee469;
  transition: 0.5s;
}

.service-item .service-icon i,
.contact-item .contact-icon i {
  transform: rotate(45deg);
  transition: 0.5s;
  color: white;
}

.service-item:hover .service-icon div,
.contact-item:hover .contact-icon div {
  background: #978017;
}

.service-item a.btn {
  position: relative;
  bottom: -30px;
  opacity: 0;
}

.service-item:hover a.btn {
  bottom: 0;
  opacity: 1;
  color: black;
}

/*single product*/
.single .infoproduct .star i {
  color: #c3c5c9;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  /* font-family: porto-icons; */
  color: var(--bs-yellow);
  letter-spacing: 0.2em;
  font-size: 14px;
  line-height: 13px;
}

.single .infoproduct .star {
  margin: 0 0 0 25px;
  position: relative;
}

.single .infoproduct .star::after {
  content: "";
  display: block;
  width: 50px;
  border-top: 2px solid #e7e7e7;
  margin: 1rem 0 1.25rem;
  /* float: right; */
}

.single .infoproduct .price {
  color: #f90001;
  font-size: 1.5rem;
  font-weight: 700;
}

.single .infoproduct .list-info li {
  list-style: none;
  color: #333;
  margin-bottom: 3px;
  font-size: 14px;
}

.single .infoproduct .social li {
  font-size: 15px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  margin: 0.2857em 0 0.2857em 0.1em;
  background: 0 0;
  color: rgba(34, 37, 41, 0.5);
  border: 2px solid #e7e7e7;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.single .infoproduct .social .love:hover {
  color: red;
}

.single .infoproduct .social .mail:hover {
  color: white;
  background-color: #dd4b39;
}

.single .infoproduct .social .google:hover {
  color: white;
  background-color: #dd4b39;
}

.single .infoproduct .social .linked:hover {
  color: white;
  background-color: #0073b2;
}

.single .infoproduct .social .twitter:hover {
  color: white;
  background-color: #1aa9e1;
}

.single .infoproduct .social .facebook:hover {
  color: white;
  background-color: #3b5a9a;
}

.owl-carousel-product .owl-nav button.owl-next,
.owl-carousel-product .owl-nav button.owl-prev {
  display: none !important;
}

.owl-carousel-product .owl-stage {
  width: 100% !important;
}

.owl-carousel-product .owl-item {
  width: 100% !important;
}

.single .owl-carousel-product .item .div-img {
  padding: 20px;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  /* overflow: hidden; */
}

.single .cont {
  padding: 20px;
  border-radius: 10px 10px 0 0;
  background-color: #f7f7f7;
}

.box {
  /* box-shadow: 6px 7px 28px 0 rgba(16, 16, 16, 0.7); */
  /* min-height: 140px; */
  /* min-width: calc(22% - 28px); */
  padding: 15px 10px;
  /* margin: 15px; */
  border-width: 3px;
  /* float: left; */
}

.box.alizarin {
  border: 3px solid #e74c3c;
}

.box.wisteria {
  border: 3px solid #8e44ad;
}

.box.emerland {
  border: 3px solid #2ecc71;
}

.box.belizehole {
  border: 3px solid #2980b9;
}

.box.sunflower {
  border: 3px solid #f1c40f;
}

.text-alizarin {
  color: #e74c3c;
}

.text-wisteria {
  color: #8e44ad;
}

.text-emerland {
  color: #2ecc71;
}

.text-belizehole {
  color: #2980b9;
}

.text-sunflower {
  color: #f1c40f;
}

.hide {
  opacity: 1;
  animation-name: a1;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

@keyframes a1 {
  to {
    opacity: 0;
    min-height: 0;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
}
.filter .list-filter li {
  cursor: pointer;
  list-style: none;
  line-height: 1.5;
  padding-top: 0.5em;
  margin: 0;
  display: -ms-flexbox;
  border-bottom: 2px solid transparent;
  transition: 0.6s;
  -ms-flex-align: center;
}

.filter .list-filter li:hover {
  border-bottom: 2px solid #c1c1c1;
}

.filter .rates .amreview-bar {
  background: #dfdfdf;
  height: 6px;
  margin: 0px 0px 0 0;
  width: 80px;
}

.filter .content .share-idea {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.005em;
  line-height: 1.9;
  width: 30%;
}

.filter .content .rates i {
  font-size: 18px;
  color: #ccc;
}

.blog-item {
  transition: 0.5s;
}

.blog-item:hover {
  box-shadow: 0 0 30px #CCCCCC;
}

.blog-date {
  position: absolute;
  width: 60px;
  height: 45px;
  top: 30px;
  left: -15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #0d6efd;
}

.blog-date::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: -15px;
  left: 0;
  border: 8px solid;
  border-color: transparent #0d6efd #126ed2 transparent;
  z-index: -1;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0;
}

.page-header {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(./images/page-header.webp), no-repeat center center;
  background-size: cover;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover,
a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
}

.badge-primary {
  color: #fff;
  background-color: #0d6efd;
}

a.badge-primary:hover,
a.badge-primary:focus {
  color: #fff;
  background-color: #5f8f25;
}

a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(122, 183, 48, 0.5);
}

.badge-secondary {
  color: #212529;
  background-color: #f4faec;
}

a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #212529;
  background-color: #dcefc4;
}

a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(244, 250, 236, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover,
a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover,
a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover,
a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #ed1e24;
}

a.badge-danger:hover,
a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #FFFFFF;
}

a.badge-light:hover,
a.badge-light:focus {
  color: #212529;
  background-color: #e6e6e6;
}

a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #212121;
}

a.badge-dark:hover,
a.badge-dark:focus {
  color: #fff;
  background-color: #080808;
}

a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);
}

a:hover {
  text-decoration: underline;
}

small {
  color: #0d6efd;
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.form-control:focus {
  border: 1px solid #0d6efd;
}

.list-unstyled .accordion-button.collapsed {
  background-color: rgba(227, 227, 227, 0.3);
}

.btn-close.text-reset {
  background: #363636;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.team-item img {
  transition: 0.5s;
}

.team-item:hover img {
  transform: scale(1.2);
}

.team-item .team-overlay {
  position: absolute;
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(34, 36, 41, 0.9);
  transition: 0.5s;
  opacity: 0;
}

.team-item:hover .team-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
}

/*speech*/
.speech {
  height: 605px;
  background-color: var(--third);
  margin: 0;
  position: relative;
  overflow: visible;
}

.speech .carousel-indicators {
  background-color: transparent;
}

/*community service*/
.service-item {
  height: 320px;
  background: #cee0f3;
  transition: 0.5s;
}

.service-item:hover,
.service-item.active {
  background: #0d6efd;
}

.service-item h1,
.service-item h4 {
  transition: 0.5s;
}

.service-item:hover h1,
.service-item.active h1 {
  color: var(--dark) !important;
}

.service-item:hover h4,
.service-item.active h4 {
  color: var(--light);
}

.rent-item {
  padding: 30px;
  text-align: center;
  background: var(--light);
  transition: 0.5s;
}

.rent-item:hover,
.rent-item.active {
  background: var(--secondary);
}

.rent-item h4 {
  transition: 0.5s;
}

.rent-item:hover h4,
.rent-item.active h4 {
  color: var(--light);
}

.team-item {
  padding: 30px 30px 0 30px;
  text-align: center;
  background: var(--light);
  transition: 0.5s;
}

.team-item:hover,
.owl-item.center .team-item {
  background: #212428;
}

.team-item h4 {
  transition: 0.5s;
}

.owl-item.center .team-item h4,
.owl-item.center .rent-item h4 {
  color: var(--light);
}

.team-item .team-social {
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.5s;
  background: var(--light);
}

.owl-item.center .team-item .team-social,
.owl-item.center .rent-item {
  background: var(--secondary);
}

.team-item:hover .team-social {
  opacity: 1;
  background: var(--secondary);
}

.team-carousel .owl-nav,
.related-carousel .owl-nav {
  position: absolute;
  width: 100%;
  height: 60px;
  top: calc(50% - 30px);
  left: 0;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}

.team-carousel .owl-nav .owl-prev,
.team-carousel .owl-nav .owl-next,
.related-carousel .owl-nav .owl-prev,
.related-carousel .owl-nav .owl-next {
  position: relative;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: var(--primary);
  font-size: 22px;
  transition: 0.5s;
}

.team-carousel .owl-nav .owl-prev:hover,
.team-carousel .owl-nav .owl-next:hover,
.related-carousel .owl-nav .owl-prev:hover,
.related-carousel .owl-nav .owl-next:hover {
  background: var(--secondary);
}

.vendor-carousel .owl-dots,
.testimonial-carousel .owl-dots {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.vendor-carousel .owl-dot,
.testimonial-carousel .owl-dot {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  width: 20px;
  height: 20px;
  background: var(--secondary);
  transition: 0.5s;
}

.vendor-carousel .owl-dot.active,
.testimonial-carousel .owl-dot.active {
  width: 40px;
  height: 40px;
  background: var(--primary);
}

.testimonial-carousel .owl-item img {
  width: 80px;
  height: 80px;
}

.testimonial-carousel .owl-item .testimonial-item {
  height: 350px;
  transition: 0.5s;
  background: var(--light);
}

.testimonial-carousel .owl-item.center .testimonial-item {
  background: var(--secondary);
}

.testimonial-carousel .owl-item .testimonial-item h1,
.testimonial-carousel .owl-item .testimonial-item h4 {
  transition: 0.5s;
}

.testimonial-carousel .owl-item.center .testimonial-item h1 {
  color: var(--dark) !important;
}

.testimonial-carousel .owl-item.center .testimonial-item h4 {
  color: var(--light);
}

.offer {
  background: linear-gradient(rgba(28, 30, 50, 0.9), rgba(28, 30, 50, 0.9)), url(../web/images/left\ landing.webp);
  background-attachment: fixed;
  background-size: cover;
}

/** blog section **/
.blog {
  background-color: #fff;
  padding: 5px 0px;
}

.blog .titlepage {
  text-align: center;
}

.blog .titlepage h2 {
  padding: 0px 0px 20px 0px;
  font-size: 45px;
  font-weight: bold;
  color: #0e0f10;
  line-height: 50px;
  display: inline-block;
  position: relative;
  border-bottom: #fc4311 solid 1px;
  width: 209px;
  margin: 0 auto;
  margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 20px;
}

.blog .titlepage span {
  color: #0e0f10;
  font-size: 17px;
  line-height: 32px;
  display: inline-block;
  margin-bottom: 0px;
  display: block;
  margin-bottom: 60px;
}

.blog .blog-box {
  margin-bottom: 30px;
}

.blog .blue h3 {
  background: #fff;
  color: #3498db;
  font-size: 36px;
  line-height: 100px;
  margin: 10px;
  padding: 2%;
  position: relative;
  text-align: center;
}

.blog .blog-box figure {
  margin: 0px;
}

.blog .blog-box figure span {
  top: 0;
  left: 0px;
  position: absolute;
  margin-left: 15px;
  background: #fc4311;
  padding: 10px 30px;
  color: #fff;
}

.blog .blog-box h3 {
  font-size: 20px;
  line-height: 30px;
}

.blog .blog-box p {
  font-size: 16px;
  line-height: 30px;
}

.blog .blog-box .travel {
  padding: 15px 0px;
}

.blog .blog-box .travel span {
  color: #fc4311;
  display: inline-block;
}

.blog .blog-box .travel p {
  float: right;
  padding-left: 15px;
}

/*projects*/
.product-img,
.gallery-item {
  position: relative;
  overflow: hidden;
}

.product-img img,
.gallery-item img {
  transition: 0.5s;
}

.product-item:hover img,
.gallery-item:hover img {
  transform: scale(1.1);
}

.product-img a,
.gallery-item a {
  position: absolute;
  width: 60px;
  height: 60px;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #FFFFFF;
  text-decoration: none;
  transition: 0.5s;
  opacity: 0;
}

.product-item:hover a,
.gallery-item:hover a {
  opacity: 1;
}

.bg-gallery {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../web/images/article-landing.webp), no-repeat center center;
  background-size: cover;
}

.gallery-carousel .owl-nav,
.testimonial-carousel .owl-nav {
  position: absolute;
  width: 135px;
  height: 60px;
  top: -90px;
  left: calc(50% - 67px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
}

.gallery-carousel .owl-nav .owl-prev,
.gallery-carousel .owl-nav .owl-next,
.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #009CFF;
  background: #FFFFFF;
  font-size: 30px;
}

/*---------------------------------------
    NEWS
  -----------------------------------------*/
.news-detail-header-section {
  background-image: url("../images/news/close-up-volunteer-oganizing-stuff-donation.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-top: 150px;
  padding-bottom: 150px;
}

.news-block-top {
  border-radius: var(--border-radius-medium);
  position: relative;
  overflow: hidden;
}

.news-block-two-col-image-wrap {
  border-radius: var(--border-radius-small);
  position: relative;
  overflow: hidden;
  width: 150px;
  margin-right: 20px;
}

.news-category-block {
  background: var(--secondary-color);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 10px 20px;
}

.news-category-block .category-block-link {
  color: var(--white-color);
  margin-right: 10px;
}

.news-block-info {
  padding-top: 10px;
  padding-bottom: 10px;
}

.news-block-title-link {
  color: var(--dark-color);
}

.news-detail-image {
  display: block;
  border-radius: var(--border-radius-medium);
}

blockquote {
  background: var(--section-bg-color);
  border-radius: var(--border-radius-small);
  font-size: var(--h5-font-size);
  font-weight: var(--font-weight-semibold);
  color: var(--site-footer-bg-color);
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 90px 50px 50px 50px;
  text-align: center;
}

blockquote::before {
  content: "“";
  color: var(--custom-btn-bg-color);
  font-size: 100px;
  line-height: 1rem;
  display: block;
}

.author-comment-link {
  font-size: var(--copyright-font-size);
  font-weight: var(--font-weight-semibold);
}

.search-form {
  margin-top: 20px;
}

.category-block,
.subscribe-form {
  margin-top: 40px;
  margin-bottom: 40px;
}

.category-block-link {
  font-size: var(--copyright-font-size);
  margin-top: 5px;
  margin-bottom: 5px;
}

.category-block-link:hover {
  color: var(--primary-color);
}

.cat-item .poduct-count {
  background: var(--secondary-color);
  border-radius: var(--border-radius-medium);
  font-weight: var(--font-weight-normal);
  line-height: normal;
  padding-bottom: 2px;
  left: 75%;
}

.tags-block-link {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-medium);
  display: inline-block;
  font-size: var(--copyright-font-size);
  line-height: normal;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 8px 15px;
}

.tags-block-link:hover {
  border-color: var(--dark-color);
  color: var(--dark-color);
}

.cta-section {
  position: relative;
  overflow: hidden;
}

.cta-section::before {
  content: "";
  background-color: var(--primary-color);
  border-radius: 50%;
  position: absolute;
  top: -100px;
  left: -30px;
  margin: auto;
  width: 200px;
  height: 200px;
}

.cta-section::after {
  content: "";
  border: 20px solid var(--custom-btn-bg-color);
  border-radius: 50%;
  position: absolute;
  bottom: -100px;
  right: 0;
  left: 0;
  margin: auto;
  width: 150px;
  height: 150px;
}

.custom-text-box {
  background: white;
  border-radius: 20px;
  margin-bottom: 24px;
  padding: 40px;
}

.custom-text-box-image {
  border-radius: var(--border-radius-medium);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.custom-text-box-icon {
  background: #1c1919;
  border-radius: var(--border-radius-large);
  color: #ffffff;
  font-size: var(--h6-font-size);
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  line-height: 30px;
}

.counter-thumb {
  margin: 20px;
  margin-bottom: 0;
}

.counter-number,
.counter-text {
  color: #5a6f80;
  display: block;
}

.counter-number,
.counter-number-text {
  color: var(--bs-blue);
  font-size: 40px;
  font-weight: bold;
  line-height: normal;
}

.recapcha {
  background-image: url(../web/images/recapcha.png);
  background-size: cover;
  padding: 8px 20px;
  letter-spacing: 6px;
  font-weight: bolder;
  color: var(--bs-blue);
  filter: contrast(0.5);
  font-size: 26px;
  border: 1px solid rgba(122, 68, 122, 0.368627451);
  min-height: 55px;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: "Font Awesome 6 Brands";
  display: flex;
  justify-content: center;
  align-items: center;
}

/* single product */
section#app-gallary {
  padding: 0px;
}

.img-gallary {
  padding: 15px;
}

@media (max-width: 767px) {
  .img-gallary {
    flex-direction: column-reverse;
  }
}
.pb {
  overflow: hidden;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
}

.img-gallary .larg-img {
  /* height: 100%; */
  overflow: hidden;
  background: #eee;
  background-size: cover;
  transition: 0.7s;
}

.img-gallary .larg-img:hover {
  transform: scale(1.08);
}

#myresult {
  position: absolute;
  width: 66%;
  height: 66vh;
  z-index: 9999999;
  top: 0;
  right: -58%;
}

.small-imgs {
  justify-content: center;
}

.img-gallary .sm-img {
  width: 130px;
  height: 130px;
  margin-right: 2px;
  margin-top: 8px;
  background-size: cover;
  cursor: pointer;
  background-color: #eee;
  background-size: cover;
  background-position: center;
  box-shadow: -0.2rem 0.2rem 0rem rgba(0, 0, 0, 0.175), 0.2rem 0.2rem 0rem rgba(0, 0, 0, 0.175) !important;
}

.shadow {
  box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.15) !important;
}

.app-h h3 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 2em;
  color: var(--main-color);
  align-items: center;
  text-align: start;
  border-radius: 2px;
  background-color: #ececec;
  padding: 13px 23px;
}

.app-info {
  width: 98%;
  margin: auto;
}

.Installing-ul {
  padding-right: 5px;
}

.Installing-ul li {
  margin-bottom: 8px;
  color: black;
  font-weight: 500;
}

.Installing-ul li i {
  color: var(--secondary-color);
  /* margin-left: 10px; */
}

.list-unstyled strong {
  font-weight: bolder;
  color: var(--secondary-color);
  padding: 0 7px;
}

.Material {
  padding: 5px 0;
  /* text-align: left; */
}

.Material h4 {
  color: var(--secondary-color) !important;
  font-size: 18px;
  padding-top: 8px;
  font-weight: 600;
  font-family: "roboto";
}

.Material .mark {
  /* font-size: 16px; */
  background: none;
  padding: 0;
}

.size p {
  font-size: 16px;
  color: black;
  padding-right: 40px;
}

.Material ul {
  padding: 0;
}

.Material .mark a {
  color: #000;
}

.size {
  margin-right: -35px;
  text-align: start;
  color: violet;
  font-size: 16px;
  font-weight: 600;
}

.Material-info li {
  color: var(--secondary-color);
  /* font-weight: 600; */
}

.Material-info li p {
  font-weight: 300;
  color: black;
}

.advantag {
  margin-top: 10px;
  text-align: center;
}

.advantag img {
  width: 30px;
}

.advantag b {
  font-size: 12px;
  font-weight: 600;
  color: #332d2d;
  padding-top: 10px;
  text-align: center;
  display: block;
}

.rate-prod {
  display: -webkit-inline-box;
  padding: 0px 8px;
}

.rate-prod i {
  color: #bd8527;
  cursor: pointer;
}

.rating h4 {
  color: var(--secondary-color);
  font-size: 21px;
  font-weight: 800;
}

.rating-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 34px;
}

.rating-title {
  font-size: 15px;
  color: black;
}

.rating-stars img {
  height: 88px;
}

.rating-stars span {
  font-size: 14px;
  padding-right: 10px;
}

::marker {
  color: transparent;
}

/* @media(min-width: 768px) and (max-width: 820px){
    .img-gallary .sm-img{
        width: 85px;
        height: 85px;
    }
} */
@media (max-width: 280px) {
  .img-gallary .sm-img {
    width: 90px;
    height: 90px;
  }
  .share-btns .share-ic .social-links i {
    font-size: 12px;
  }
  .share-btns .share-ic span {
    font-size: 12px;
  }
  .share-btns .share-ic .social-links {
    gap: 10px !important;
  }
}
/* edit by me */
.reset_height {
  height: 50px;
}

.btn-post {
  text-align: right;
}

.replyh4 {
  color: #ed1e24;
  font-weight: bold;
}

.replyp {
  color: var(--primary);
  font-weight: bold;
}

.color_edit {
  background-color: #ed1e24;
  color: white;
  transition: 0.7s;
}

.color_edit:hover {
  background-color: white;
  color: #ed1e24;
}

.reply-form {
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  align-items: center;
}

.sp1 {
  color: var(--bs-body-color);
  font-weight: 100;
}

.sp2 {
  color: #000;
  font-weight: 100;
  font-size: 14px;
}

.input-placeholder .s1 {
  background: transparent !important;
  top: 20%;
  left: 22%;
}

.input-placeholder .s2 {
  background: transparent !important;
  top: 20%;
  left: 50%;
}

.input-placeholder .s3 {
  background: transparent !important;
  top: 20%;
  left: 47%;
}

.input-placeholder .s4 {
  background: transparent !important;
  top: 20%;
  right: 26%;
}

.input-placeholder input:not(:-moz-placeholder-shown) + .placeholder {
  display: none;
}

.input-placeholder input:not(:placeholder-shown) + .placeholder {
  display: none;
}

.input-placeholder textarea:not(:-moz-placeholder-shown) + .placeholder {
  display: none;
}

.input-placeholder textarea:not(:placeholder-shown) + .placeholder {
  display: none;
}

.input-placeholder .placeholder {
  opacity: 1 !important;
}

.width_reset {
  width: 80px;
}

.bg_reset {
  background-color: var(--bs-light);
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: bold;
}

.textareaWidth_reset {
  width: inherit;
}

.submite {
  background-color: var(--secondary-color) !important;
  color: aliceblue !important;
  transition: 0.7s;
  font-weight: 600;
}

.submite:hover {
  background-color: aliceblue !important;
  color: var(--secondary-color) !important;
}

.labelee {
  color: #000000;
  display: block;
}

.descer > nav {
  border: 1px solid var(--secondary-color);
  box-shadow: 5px 7px 1px 0px var(--bs-border-color-translucent);
  border-radius: 3px;
  border-bottom: 1px solid var(--secondary-color);
  padding: 5px;
}

.vv {
  border-bottom: 1px solid var(--secondary-color);
}

.fw {
  /* font-weight: 600; */
  margin: 0;
}

#myDIV li.active {
  border-top: 2px solid #0a0909;
}

.show_rate {
  color: var(--bs-warning);
  display: none;
}

/* single product nav */
.woocommerce-breadcrumb {
  position: relative;
}

.woocommerce-breadcrumb::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 49px;
  width: 70px;
  height: 3px;
  border-radius: 10px;
  background-color: var(--secondary-color);
}

.woocommerce-breadcrumb::after {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  width: 50px;
  height: 3px;
  border-radius: 10px;
  background-color: black;
}

/* single product nav */
/* sidebar of single product */
.sidebar .sidebar-title {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  color: var(--third) !important;
  position: relative;
  text-align: start;
}

.sidebar .categories ul a {
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--secondary-color);
  font-weight: 600;
}

.sidebar .sidebar-item {
  margin-bottom: 30px;
  text-align: start;
}

.sidebar .recent-posts .post-item + .post-item {
  margin-top: 15px;
}

.recent-posts img {
  width: 70px;
  float: left;
  height: 70px !important;
}

.sidebar .recent-posts h4 {
  font-size: 14px;
  /* margin-left: 95px; */
  font-weight: bold;
}

.sidebar .recent-posts a {
  color: var(--secondary-color) !important;
  transition: 0.3s;
  font-family: "roboto";
  font-weight: 400;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow-y: clip;
  -webkit-box-orient: vertical;
}

.sidebar .recent-posts p {
  font-size: 14px;
  margin-bottom: 5px;
  color: #000;
}

.sidebar .recent-posts p > span > span.old_price {
  text-decoration: line-through;
}

.sidebar .recent-posts time {
  display: block;
  /* margin-left: 95px; */
  font-style: italic;
  font-size: 14px;
  color: #000;
}

.sidebar .tags {
  margin-bottom: -10px;
}

.align_ul {
  text-align: right;
}

.sidebar .tags ul {
  list-style: none;
  padding: 0;
}

.sidebar .tags ul li {
  display: inline-block;
}

.sidebar .tags ul a {
  color: #ed1e24;
  font-size: 14px;
  padding: 6px 14px;
  margin: 0 6px 8px 0;
  border: 1px solid #ed1e24;
  display: inline-block;
  transition: 0.7s;
  border-radius: 4px;
}

.sidebar .tags ul a:hover {
  color: var(--secondary-color);
  font-size: 14px;
  padding: 6px 14px;
  margin: 0 6px 8px 0;
  border: 1px solid var(--secondary-color);
  display: inline-block;
  transition: 0.3s;
  border-radius: 4px;
  transform: scale(1.1);
}

/* sidebar of single product */
/* .width_redable {
    width: 75%;
}

@media (max-width:767px) {
    .width_redable {
        width: 100%;
    }
} */
/* .border_top{
    border-top: 1px solid #ccc;
} */
.details_within p {
  font-family: LamaSans;
}

.rating_within {
  box-shadow: 0px 0px 0px 1px #eee;
}

.text-align {
  text-align: end;
}

.reply-form img {
  opacity: 0.5;
  transition: 0.7s;
  width: 300px;
}

@media (max-width: 767px) {
  .reply-form img {
    width: 150px;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 767px) {
  .product-sec .row {
    flex-direction: row-reverse !important;
  }
}
.reply-form:hover img,
.reply-form:focus-within img {
  opacity: 1;
  /* animation: imgTranslate 1s ease-in-out  infinite alternate both; */
  animation-name: imgTranslate;
  animation-duration: 1.3s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  animation-play-state: running;
}

@keyframes imgTranslate {
  from {
    transform: translate(62%, -30%);
  }
  to {
    transform: translate(0, 0);
  }
}
/* بانر أحث العروض */
.latest-offers .banner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.latest-offers .ribbon {
  width: 30px;
  height: 200px;
  position: absolute;
  background: rgb(220, 53, 69);
  right: 41px;
  top: -69px;
  transform: rotate(-45deg);
  z-index: 2;
}

.latest-offers .ribbon::before {
  content: "";
  position: absolute;
  right: 30px;
  top: 175px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent rgb(220, 53, 69) rgb(220, 53, 69) transparent;
}

.latest-offers .ribbon span {
  position: absolute;
  top: 50%;
  right: -8px;
  transform: rotate(92deg);
  font-size: 20px;
  color: white;
}

.latest-offers .banner {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-around;
  background-image: linear-gradient(to right, var(--main-color), var(--third-color));
  overflow: hidden;
  box-shadow: 0 5px 10px #005;
  margin-right: 14px !important;
}

.latest-offers .banner .offer-image {
  padding: 20px;
  text-align: center;
  position: relative;
  max-width: 308px;
}

.latest-offers .banner .offer-image img {
  width: 100%;
  /* padding: 5px; */
}

.latest-offers .banner .offer-image a {
  width: 120px;
  padding: 5px;
  display: unset;
  height: 120px;
}

.latest-offers .banner .offer-image span.sale {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 1%;
  right: 1%;
}

@media (max-width: 425px) {
  .latest-offers .card {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .latest-offers .banner .offer-image span.sale {
    display: none;
  }
}
.latest-offers .banner .offer-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}

.latest-offers .banner .offer-content h1 {
  color: #fff;
  font-size: 28px;
  text-align: center;
  margin: 0;
}

p.carousel-product-name {
  color: var(--primary);
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow-y: clip;
  -webkit-box-orient: vertical;
  font-family: "han";
}

.latest-offers .banner .offer-content span {
  color: white;
  font-size: 18px;
}

.latest-offers .banner .offer-content p {
  color: #eee;
  font-size: 16px;
  margin: 0;
}

.latest-offers .banner .offer-content a {
  display: block;
  background: #fff;
  color: var(--main-color);
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 5px;
}

.latest-offers .banner .offer-content p > span {
  color: var(--primary);
}

.latest-offers .banner .banner-image {
  flex: 1;
}

.latest-offers .banner .banner-image img {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .latest-offers .banner .banner-image {
    display: none;
  }
  .latest-offers .banner {
    flex-direction: column;
    padding-bottom: 10px;
  }
}
/* بانر أحث العروض */
/* last selling */
@media (min-width: 1400px) {
  .last-products .last-product {
    min-height: 360px;
  }
}
@media (min-width: 992px) and (max-width: 1399px) {
  .last-products > div:last-of-type {
    display: none;
  }
  .last-products .last-product {
    min-height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .last-products > div:nth-child(4),
  .last-products > div:nth-child(5) {
    display: none;
  }
  .last-products .last-product {
    min-height: 400px;
  }
}
.last-product {
  position: relative;
  transition: 0.5s;
  box-shadow: 0px 0px 6px 0px rgba(1, 1, 1, 0.3);
  margin-bottom: 22px;
  padding-top: 31px !important;
  /* min-height: 473px; */
}

.last-product .up-product .img {
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.last-product .up-product img {
  width: 180px;
  margin: auto;
}

@media (max-width: 768px) {
  .last-product .up-product img {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .last-product .up-product img {
    height: 224px;
  }
}
.last-product .up-product .name-prod {
  font-size: 14px;
  font-weight: 600;
  color: var(--bs-blue);
  display: -webkit-box;
  overflow-y: clip;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding-right: 23px;
}

.last-product .up-product .description,
.owl-description {
  display: -webkit-box;
  overflow-y: clip !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
  font-weight: 200 !important;
}

.last-product .up-product .price,
.prod-sale {
  font-size: 16px;
  /* font-weight: 700; */
  line-height: 20px;
  align-items: center;
}

.last-product .up-product .price span {
  padding-right: 6px;
  font-size: 15px;
}

.last-product .up-product .price .del {
  font-size: 14px;
  color: var(--main);
  padding-right: 8px;
}

.last-product .ribbon::before {
  top: 72px;
  left: -5px;
  border-width: 14px;
}

.last-product .ribbon span {
  font-size: 10px;
}

.footer-product a {
  font-size: 15px;
  color: #000 !important;
  margin-top: 8px;
  transition: 0.4s;
  /* font-weight: 800; */
}

.products .footer-product a {
  font-size: 14px;
}

.footer-product a i {
  color: #000 !important;
  padding: 0px 5px;
}

.siller {
  font-size: 16px;
  /* font-weight: 700; */
}

.siller span {
  font-size: 15px;
  padding-right: 6px;
  /* color: var(--bs-blue); */
}

.footer-product a:hover {
  color: #000 !important;
  cursor: pointer;
}

.prod-sale span {
  font-size: 14px;
  padding-right: 6px;
  /* color: var(--green-color); */
}

.prod-sale.sale-neartoend span {
  color: var(--main);
}

.prod-sale.sale-end span {
  color: var(--main-color);
}

.last-product .ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}

.last-product .ribbon::before,
.last-product .ribbon::after {
  position: absolute;
  z-index: 1;
  content: "";
  display: block;
  border: 5px solid var(--third);
}

.last-product .ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 2px 0;
  background-color: var(--third);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
  /* font-weight: 800; */
}

/* top left*/
.last-product .ribbon-top-left {
  top: -10px;
  right: -10px;
}

.last-product .ribbon-top-left::before,
.last-product .ribbon-top-left::after {
  border-top-color: transparent;
  border-right-color: transparent;
}

.last-product .ribbon-top-left::before {
  top: 0;
  left: 66px;
}

.last-product .ribbon-top-left::after {
  bottom: 66px;
  right: 0;
}

.last-product .ribbon-top-left span {
  left: 2px;
  top: 26px;
  transform: rotate(45deg);
  z-index: 99;
}

.pod-card .buttons {
  display: flex;
  gap: 8px;
}

.pod-card .buttons .p-button {
  font-size: 11px;
  padding: 4px 2px;
  justify-content: space-around;
  font-weight: 800;
  direction: rtl;
}

.pod-card .buttons .bu-chat {
  color: #30af0d;
  box-shadow: 2px 3px 0px 1px #30af0d;
  border-color: #30af0d !important;
}

.pod-card .buttons .bu-chat i {
  color: #30af0d !important;
}

.pod-card .buttons .bu-chat:hover {
  background-color: #30af0d !important;
  border: #30af0d !important;
  box-shadow: 2px 3px 0px 1px rgba(135, 227, 63, 0.4901960784);
  color: white;
}

.pod-card .buttons .bu-chat:hover i {
  color: white !important;
}

.footer-product .a-1 i {
  color: var(--primary) !important;
}

.footer-product .a-2 i {
  color: #30af0d !important;
}

.last-product .absl1 {
  left: 0;
  top: 0;
  background-color: var(--warning);
  color: var(--bs-black);
}

.head-Best-Selling .shape {
  display: inline-block;
  height: 3px;
  width: 26px;
  background-color: var(--third);
  border-radius: 99px;
  position: relative;
  top: 37px;
}

.head-Best-Selling .shape .dots {
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: var(--third);
  border-radius: 99px;
  position: absolute;
  top: 0;
}

.head-Best-Selling .shape.left .dots {
  right: -3px;
}

.head-Best-Selling .dots:before,
.head-Best-Selling .dots:after {
  content: "";
  height: inherit;
  width: inherit;
  background-color: inherit;
  border-radius: 99px;
  display: inline-block;
  position: absolute;
  top: 0;
}

.head-Best-Selling .shape.left .dots:before {
  right: -6px;
}

.head-Best-Selling .shape.left .dots:after {
  right: -12px;
}

.head-Best-Selling .shape.right .dots {
  left: -5px;
}

.head-Best-Selling .shape.right .dots:after {
  left: -12px;
}

.head-Best-Selling .shape.right .dots:before {
  left: -6px;
}

.latest-offers .head-Best-Selling {
  color: var(--primary);
  /* font-weight: bold; */
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}

.product-name .rates {
  color: var(--bs-warning);
}

.product-name .rates i {
  font-size: 12px;
}

.product-name.rating {
  display: -webkit-inline-box;
  margin: 0;
}

.star-rate {
  display: flex;
  flex-direction: row;
  height: 46px;
  padding: 0 10px;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.star-rate:not(:checked) > input {
  position: absolute;
  top: -100px;
}

.star-rate:not(:checked) > label {
  float: right;
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 30px;
  color: #ccc;
}

.star-rate:not(:checked) > label:before {
  content: "★ ";
}

.star-rate > input:checked ~ label {
  color: #ffc700;
}

.star-rate:not(:checked) > label:hover,
.star-rate:not(:checked) > label:hover ~ label {
  color: #deb217;
}

.star-rate > input:checked + label:hover,
.star-rate > input:checked + label:hover ~ label,
.star-rate > input:checked ~ label:hover,
.star-rate > input:checked ~ label:hover ~ label,
.star-rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 0.5;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.com-clients {
  display: none;
  place-items: center;
  margin-top: -50px;
}

.news-row {
  flex-direction: row-reverse;
}

/* responsive */
@media (max-width: 1399.98px) {
  .com-clients {
    margin-top: 20px;
  }
}
@media (max-width: 990.98px) {
  .news-row {
    flex-direction: column-reverse;
  }
}
@media (max-width: 767.98px) {
  .latest-offers .banner .offer-image a {
    max-height: 400px;
  }
  .pod-card {
    margin-bottom: 12px;
  }
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
  }
  .home-sm-img {
    display: flex;
    flex-wrap: wrap;
    /* flex-direction: column; */
    justify-content: center;
    justify-content: center;
  }
  .home-sm-img .col-md-4 {
    flex: 1 1 150px;
  }
  .sectoin-company-statistics .box-3 {
    margin-bottom: 73px;
  }
  .sectoin-News .trust {
    margin-bottom: 14px;
  }
  h3.explore-more {
    font-size: 18px;
    color: var(--primary) !important;
  }
  .sectoin-News .btn-play::before {
    width: 30px;
    height: 30px;
  }
  .sectoin-News .btn-play {
    width: 30px;
    height: 30px;
    font-size: 10px;
    padding-right: 9px;
  }
  .blog-single .blog-content {
    padding: 30px 10px;
  }
  .col-sm-3-sp {
    flex: 0 0 auto;
    width: 30%;
  }
}
@media (min-width: 992px) {
  .col-special {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (min-width: 1200px) {
  .col-xl-special {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .col-xl-special {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (max-width: 600px) {
  .over-scroll {
    overflow: scroll;
  }
}
@media (max-width: 500px) {
  .col-sm-4-sp {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 350px) {
  .col-sm-12-sp {
    flex: 0 0 auto;
    width: 100%;
  }
}
#carouselExampleIndicators1 .product-name,
.product-pro .carousel-product-name,
.owl-carous .carousel-product-name,
.owl-carous .carousel-product-name {
  line-height: 25px;
  margin: 10px 0 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: bold;
  color: var(--primary);
}

.home-sm-img .rela1 {
  padding: 0;
}

/* blog */
.blog-sales-card .absl1 {
  background-color: #f8690e;
  right: 0;
  top: 0;
  font-size: 12px;
  letter-spacing: 1px;
  width: -moz-fit-content;
  width: fit-content;
}

.blog-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 30px;
  margin-bottom: 12px;
}

.blog-meta span,
.blog-meta a {
  display: inline-block;
  font-size: 14px;
  color: black;
  position: relative;
}

.blog-meta span i,
.blog-meta a i {
  margin-right: 6px;
  color: var(--bs-blue);
}

.blog-meta span img,
.blog-meta a img {
  margin-right: 10px;
  border-radius: 99px;
}

.blog-meta .author {
  font-size: 16px;
  font-weight: 600;
  color: black;
}

.blog-meta a:hover {
  color: var(--bs-blue);
}

.blog-audio img,
.blog-img img,
.blog-video img {
  transition: 0.4s ease-in-out;
}

.blog-img {
  overflow: hidden;
}

.blog-title a {
  color: inherit;
}

.blog-title a:hover {
  color: var(--bs-blue);
}

.as-blog {
  margin-bottom: 30px;
}

.blog-inner-title {
  margin-top: 0.75em;
  margin-bottom: 25px;
  font-weight: 700;
  font-family: LamaSans;
}

.blog-inner-title i {
  color: var(--main-color);
  margin-right: 4px;
}

.blog-content .blog-title {
  margin-bottom: 5px;
  font-weight: 700;
  font-family: LamaSans;
  color: var(--primary);
}

.blog-content p {
  color: var(--third);
}

.blog-content .blog-text {
  margin-bottom: 25px;
  color: var(--third);
}

.blog-content .social-links {
  margin: 0;
  padding: 7px 20px;
  list-style-type: none;
  display: inline-block;
  background-color: var(--main-color);
  border-radius: 999px;
}

.as-btn {
  position: relative;
  z-index: 2;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  border: none;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--bs-primary);
  color: white;
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 20.5px 29px;
  border-radius: 0;
  direction: ltr;
  left: 80%;
}

@media (max-width: 767px) {
  .as-btn {
    left: 62%;
  }
}
@media (min-width: 279px) and (max-width: 280px) {
  .as-btn {
    left: 50%;
  }
}
@media (min-width: 768px) and (max-width: 912px) {
  .as-btn {
    left: 60%;
  }
}
@media (min-width: 1023px) and (max-width: 1024px) {
  .as-btn {
    left: 75%;
  }
}
.as-btn:before,
.as-btn:after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: 0%;
  background-color: #0746a4;
  z-index: -1;
  transition: all 0.4s ease-out;
}

.as-btn:before {
  left: 0;
  border-radius: 0 20px 20px 0;
}

.as-btn:after {
  right: 0;
  border-radius: 20px 0 0 20px;
}

.as-btn:hover,
.as-btn.active {
  color: white;
}

.as-btn:hover::before,
.as-btn:hover:after,
.as-btn.active::before,
.as-btn.active:after {
  width: 50%;
  border-radius: 0;
}

.blog-single {
  position: relative;
  margin-bottom: var(--blog-space-y, 40px);
  box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08);
}

.widget {
  margin-bottom: 10px;
  position: relative;
  background: var(--side-bar-color);
  border-radius: 4px;
  padding: 0.5rem !important;
}

.widget .search-box {
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
  max-width: 100%;
}

.widget .search-box button {
  margin: 0;
  min-width: 55px;
  border: none;
  color: #fff;
  background-color: var(--primary);
  display: grid;
  place-items: center;
}

.widget .search-box input {
  width: 100%;
  max-width: 100%;
  padding-left: 20px;
  height: 36px;
  border: none;
  background-color: #fff;
  border-radius: 0;
  outline: none;
  border: 1px solid rgba(13, 110, 253, 0.2588235294);
}

.sales-info {
  padding: 5px;
}

.sales-info h6 {
  margin-top: 10px;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow-y: clip;
  -webkit-box-orient: vertical;
}

.sales-info .price {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-weight: 700;
  color: var(--main);
}

.sales-info .price .del {
  color: var(--main);
  font-size: 14px;
  padding: 9px;
}

.sales-info .price .new {
  color: var(--bs-blue);
  text-decoration: none;
}

.widget .widget_title {
  background: none;
  position: relative;
  font-size: 18px;
  letter-spacing: 0;
  text-transform: uppercase;
  z-index: 1;
  margin-bottom: 20px;
  padding-bottom: 13px;
  color: var(--bs-blue);
  font-weight: 800;
}

.widget .widget_title::before {
  content: "";
  width: 45px;
  height: 2px;
  background: var(--main);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.widget .categ-list {
  padding: 0 !important;
  overflow: visible;
}

.widget .cat-item {
  overflow: visible;
  border: none;
  margin: 5px 0 0 !important;
  padding: 0 !important;
  border: none !important;
  width: 100%;
  list-style-type: none;
}

.widget .cat-item a {
  padding: 4px 11px;
  display: block;
  font-size: 15px;
  transition: all 0.35s;
  position: relative;
  letter-spacing: 0;
  color: #768492;
  font-weight: 800;
  z-index: 1;
}

.widget .cat-item a:hover {
  color: #000;
  background: #fff;
  transition: 0.4s;
}

.widget .cat-item a::before {
  content: "\f061";
  position: absolute;
  right: 25px;
  top: 5px;
  font-family: "FontAwesome";
  font-weight: 400;
  color: var(--bs-blue);
  transition: all ease 0.4s;
  display: none;
}

.widget .cat-item a:hover::before {
  display: block;
}

.widget .recent-post {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  margin-bottom: 9px;
}

.widget .recent-post .post-title {
  font-size: 18px;
  font-weight: 600;
  margin-right: 5px;
}

.widget .recent-post .recent-post-meta a {
  color: #8f8686;
  font-size: 14px;
}

.widget .blog-tags .tag {
  display: inline-block;
  border: none;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  padding: 10px;
  margin-right: 5px;
  margin-bottom: 10px;
  color: #211d1d;
  background-color: white;
  border-radius: 0;
  transition: 0.5s !important;
}

.widget .blog-tags .tag:hover {
  color: var(--main-color);
}

/* pgination */
.blog-paginat .container,
.blog-paginat .button,
.blog-paginat .links,
.blog-paginat .link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-paginat .container {
  padding: 20px;
  border-radius: 8px;
  -moz-column-gap: 12px;
       column-gap: 12px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.blog-paginat .button {
  border: none;
}

.blog-paginat .button i {
  pointer-events: none;
}

.blog-paginat .button:disabled {
  color: #b3b3b3;
  pointer-events: none;
}

.blog-paginat .button,
.blog-paginat .link {
  height: 35px;
  width: 35px;
  font-size: 16px;
  color: #666666;
  background-color: #f2f2f2;
  border-radius: 2px;
  cursor: pointer;
  border: none;
}

.blog-paginat .links {
  -moz-column-gap: 4px;
       column-gap: 4px;
}

.blog-paginat .link {
  font-weight: 500;
  text-decoration: none;
}

.blog-paginat .button:hover,
.blog-paginat .link:hover {
  color: #fff;
  background: #4070f4;
}

.blog-paginat .link.active {
  color: #fff;
  background: var(--bs-blue);
}

.blog-paginat {
  direction: ltr;
  gap: 4px;
  margin-bottom: 5px;
  margin-bottom: 5px;
  margin-bottom: 5p;
  margin-bottom: 5;
}

.blog-single .blog-content {
  margin: 0 0 0 0;
  padding: 20px;
  position: relative;
}

.blog-single .share-links {
  margin: 0 40px 40px 40px;
  border-top: 1px solid #928d8d;
  padding: 30px 0;
}

.blog-single .share-links .share-tags {
  display: flex;
  align-items: center;
}

.blog-single .share-links .share-tags .tagcloud a {
  background: #ebecf2;
  color: black;
  padding: 10px 13px;
  font-size: 16px;
  font-weight: 500;
  margin: 0px 4px;
  transition: 0.6s;
  font-family: han;
}

.blog-single .share-links .share-ic span,
.share-links-title {
  font-size: 16px;
  color: var(--black);
  font-weight: 700;
  margin: 0 8px 0 0;
  display: inline-block;
  font-family: LamaSans;
}

.blog-single .share-links .share-tags .tagcloud a:hover {
  color: var(--main-color);
}

.blog-single .share-links .share-ic {
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog-single .share-links .share-ic .social-links {
  margin: 0;
  padding: 7px 20px;
  list-style-type: none;
  display: flex;
  background-color: #ebecf2;
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  gap: 13px;
}

.comments-sec {
  padding: 25px 20px;
}

.comments-sec .children {
  padding: 0px 46px;
}

.as-post-comment {
  display: flex;
  padding: 13px 0px;
}

.comment-avater img {
  /* width: 100px; */
  border-radius: 50%;
}

.comment-avater {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.comment-content .name {
  color: var(--bg-dark);
  padding: 6px 0px;
  font-size: 22px;
  margin: 0;
  font-family: "rabar";
}

.comment-content .commented-on {
  font-size: 14px;
}

.comment-content p {
  margin-bottom: 3px;
  color: #74716e;
  font-family: han;
}

.comment-content {
  padding: 0px 18px;
}

.comment-reply-link {
  color: var(--bs-blue);
  font-size: 16px;
  font-weight: 700;
  transition: 0.7s;
}

.comments-title {
  color: var(--bs-black);
  /* margin-top: 23px; */
  font-weight: 700;
  font-family: LamaSans;
}

.comments-title i {
  color: var(--primary);
}

.reply_and_edit {
  /* margin: 14px 0px; */
  direction: ltr;
}

.border-com {
  border-bottom: 1px solid #e4e4e4;
}

.as-comment-form {
  padding-bottom: 40px;
  box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08);
  padding: 20px;
  margin: 20px 0;
}

.as-comment-form h2 {
  font-size: 24px;
  margin-bottom: 28px;
  text-align: left;
  color: var(--bg-dark);
}

.as-comment-form .form-group {
  position: relative;
}

.as-comment-form .form-group i {
  position: absolute;
  left: 29px;
  top: 17px;
}

.as-comment-form .form-group textarea {
  width: 100%;
  font-size: 18px;
  padding: 16px 23px;
  height: 120px;
}

.as-comment-form .form-group .form-control {
  padding-left: 49px !important;
  margin-bottom: 18px;
}

@media (max-width: 991px) {
  .blog-single .share-links .flereverse {
    flex-direction: column !important;
    gap: 14px;
  }
  .blog-single .share-links {
    margin: 0px 10px;
  }
}
@media (max-width: 767px) {
  .as-post-comment {
    flex-direction: column;
  }
  .comment-avater {
    margin-bottom: 18px;
  }
  .comment-content {
    padding: 0px;
  }
  .comments-sec .children {
    padding: 0px 15px;
  }
}
@media (max-width: 350px) {
  .blog-single .share-links {
    margin: 0px 10px;
  }
  .share-links-title,
  .blog-single .share-links .share-ic span,
  .share-links-title {
    font-size: 15px;
  }
  .blog-single .share-links .share-tags .tagcloud a {
    padding: 2px 4px;
    font-size: 13px;
  }
  .blog-single .share-links .share-ic .social-links {
    font-size: 11px;
  }
}
@media (max-width: 600px) {
  .page-header h3 {
    font-size: 25px;
    text-align: left;
  }
  .page-header i {
    font-size: 11px;
  }
  .page-header p,
  .page-header a {
    font-size: 13px;
  }
}
@media (max-width: 350px) {
  .page-header h3 {
    font-size: 19px;
    text-align: left;
  }
  .page-header i {
    font-size: 9px;
    padding: 4px 4px !important;
  }
  .page-header p,
  .page-header a {
    font-size: 11px;
  }
  .breadcrumb {
    height: 106px;
  }
}
.carous-sale button.owl-dot {
  background: #a09090 !important;
  width: 13px;
  height: 3px;
  margin: 5px;
  border-radius: 5px;
  box-shadow: 1px 2px 4px 0px #301305;
}

.carous-sale button.owl-dot.active {
  background: var(--main-color) !important;
}

.carous-sale .owl-dots {
  text-align: center;
  margin-top: -16px;
  margin-bottom: 10px;
}

/* end blog */
/*  */
/*  */
/*  */
/*  */
.clients-sec {
  display: flex;
  position: relative;
  bottom: 25%;
  z-index: 9;
  justify-content: center;
  gap: 18px;
  right: 10%;
}

.clients-sec .clients {
  display: flex;
  padding: 10px;
  align-items: center;
  justify-content: center;
}

.clients-sec .client-info {
  width: 26%;
  border: 3px solid var(--bs-blue);
  position: relative;
  overflow: hidden;
  border-left: none;
  padding: 14px 17px 13px 41px;
  /* background: #5286b3; */
}

.clients-sec .client-info h3 {
  color: white;
  font-weight: 700;
}

.clients-sec .client-info p {
  display: -webkit-box;
  overflow-y: clip !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: white;
  font-size: 14px;
  width: 77%;
}

.clients-sec .client-logos {
  position: relative;
  right: -11%;
  padding: 10px;
  background: white;
  border-radius: 50%;
  transition: 0.5s;
}

.clients-sec .client-logos:hover {
  transform: skewY(-10deg);
}

.clients-sec .client-logos img {
  border-radius: 50%;
  height: 100px;
  width: 100px;
}

/* responsive */
@media (max-width: 1399.98px) {
  .com-clients {
    margin-top: 20px;
  }
}
.clients-logos {
  padding: 40px 0;
}

.clients-logos .item {
  display: grid;
  place-items: center;
}

.clients-logos .logo-client img {
  width: unset !important;
}

.news-card {
  max-width: 350px;
  margin: auto;
  margin-top: 29px;
  overflow: hidden;
  transition: 0.5s;
}

.news-card:hover {
  box-shadow: 0 4px 50px rgba(0, 0, 0, 0.1);
}

.news-card:hover img {
  transform: scale(1.05);
}

.news-card img {
  width: 100%;
  border-radius: 0;
}

.news-card .news-info {
  padding: 16px 20px 20px;
  border: 1px solid #e3dfdf;
  border-top: none;
}

.news-card .news-info ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news-card .news-info li {
  display: flex;
  color: var(--faktorie-meta-color);
  font-size: 15px;
  margin-right: 18px;
  text-transform: capitalize;
  gap: 8px;
  align-items: center;
  color: #7b7b7b;
}

.news-card .news-info ::marker {
  color: transparent;
}

.news-card .news-info li i {
  color: var(--primary);
}

.news-card .news-info .news-title {
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 12px;
  font-weight: 800;
  display: -webkit-box;
  overflow-y: clip !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-card .news-info .news-post {
  display: -webkit-box;
  overflow-y: clip !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-card .news-info .readMoreNews {
  text-align: right;
  margin-top: 12px;
}

.news-card .news-info .readMoreNews .as-btn {
  padding: 13px 11px;
  font-size: 12px;
}

/* client say */
.client-card {
  background-color: #eee;
  padding: 35px;
  box-shadow: 0px 4px 14px rgba(7, 36, 95, 0.06);
  max-width: 400px;
  margin-top: 20px;
}

/* client say */
.client-card_img {
  margin-bottom: 23px;
  position: relative;
  display: inline-block;
}

.client-card_img > img {
  border-radius: 50%;
}

.client-card_quote {
  text-align: center;
  background-color: white;
  width: 22px;
  height: 22px;
  border-radius: 3px;
  box-shadow: 0px 4px 10px rgba(7, 36, 95, 0.15);
  line-height: 19px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: skewY(-25deg);
  display: grid;
  place-items: center;
}

.client-card_quote img {
  transform: skewY(25deg);
  width: 58% !important;
}

.client-card_name {
  font-size: 24px;
  margin-bottom: 4px;
  font-weight: bold;
}

.client-card_desig {
  margin-bottom: -0.45em;
  display: block;
}

.client-card_text {
  margin-bottom: 15px;
  display: -webkit-box;
  overflow-y: clip !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* Extra small devices */
@media (max-width: 375px) {
  .client-card {
    padding: 40px 20px;
  }
}
/*  */
.title-area .sec-title {
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: bold;
}

.sub-title2 {
  text-transform: capitalize;
  display: block;
  font-size: 26px;
  font-weight: 400;
  color: var(--black);
  letter-spacing: 0;
  position: relative;
  font-family: "najez";
  margin-bottom: 26px;
}

.sub-title2 span:first-of-type {
  color: var(--info);
}

span:nth-of-type(2) {
  font-weight: bold;
}

.qmanimate:hover > div .statistics > div .sub-title2 span:nth-of-type(2) {
  animation: questionmark 1s ease-in-out infinite alternate-reverse both;
}

@keyframes questionmark {
  from {
    color: var(--info);
  }
  to {
    color: var(--black);
  }
}
.title-area .sec-title {
  margin-bottom: 15px;
  font-size: 26px;
  font-weight: bold;
  color: var(--info);
}

.sectoin-statistics .statistics-text {
  color: var(--black);
}

.sub-title2 .box {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  top: 7px;
  margin-right: 4px;
}

.sub-title2 .box:before,
.sub-title2 .box:after {
  content: "";
  height: 16px;
  width: 16px;
  background-color: var(--primary);
  border-radius: 3px;
  display: inline-block;
  position: absolute;
}

.sub-title2 .box:before {
  top: 0;
  left: 0;
  background-color: transparent;
  border: 2px solid var(--primary);
}

.sub-title2 .box:after {
  bottom: 4px;
  right: 1px;
}

@media (max-width: 575px) {
  .sub-title2 {
    letter-spacing: 0.14em;
  }
}
.sectoin-statistics .container:first-of-type {
  padding: 20px 0;
  background: url(../web/images/why-us.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
}

.sectoin-statistics .static {
  font-family: "roboto";
  padding-bottom: 10px;
}

.progress {
  position: relative;
  height: 5px;
  background-color: white;
  overflow: visible;
  border-radius: 99px;
}

.progress-bar {
  background-color: var(--info);
  border-radius: inherit;
  position: relative;
  overflow: visible;
}

.skill-feature {
  margin-bottom: 15px;
}

.skill-feature.style2 {
  margin-bottom: 25px;
}

.skill-feature:last-child {
  margin-bottom: 0 !important;
}

.skill-feature_title,
.skill-feature .progress-value {
  margin-top: -0.3em;
  font-size: 18px;
  margin-bottom: 25px;
  font-weight: bold;
}

.skill-feature .progress-value {
  margin-bottom: 0;
  position: absolute;
  height: 100%;
  top: -22px;
  right: 0;
  color: var(--black);
}

.skill-feature .progress {
  background-color: transparent;
}

.u-layout .u-layout-row1 {
  border-right: 1px solid var(--black);
}

@media (max-width: 767px) {
  .u-layout .u-layout-row1 {
    border-right: none;
    border-bottom: 1px solid var(--black);
    margin-bottom: 40px;
  }
}
.u-layout .u-layout-cell1 > div i, .u-layout .u-layout-cell2 > div i, .u-layout .u-layout-cell3 > div i, .u-layout .u-layout-cell4 > div i {
  color: var(--info);
  transition: 0.7s;
}

.u-layout .u-layout-cell1:hover > div i, .u-layout .u-layout-cell2:hover > div i, .u-layout .u-layout-cell3:hover > div i, .u-layout .u-layout-cell4:hover > div i {
  transform: rotateY(180deg);
  filter: drop-shadow(1px 1px 1px var(--third));
  padding-bottom: 5px;
  border-bottom: 10px double;
}

.u-layout .u-layout-cell1 > div h3, .u-layout .u-layout-cell2 > div h3, .u-layout .u-layout-cell3 > div h3, .u-layout .u-layout-cell4 > div h3 {
  color: var(--black);
  font-weight: bold;
}

.u-layout .u-layout-cell1 > div h6, .u-layout .u-layout-cell2 > div h6, .u-layout .u-layout-cell3 > div h6, .u-layout .u-layout-cell4 > div h6 {
  color: var(--black);
  font-size: 1.3rem;
}

@media (max-width: 767px) {
  .u-layout .u-layout-cell1, .u-layout .u-layout-cell2, .u-layout .u-layout-cell3, .u-layout .u-layout-cell4 {
    margin-bottom: 35px !important;
  }
}
.featurs .Mask1 {
  background: #F8F9FA;
  border-radius: 10px;
}

.featurs .Mask1 img {
  transition: 0.7s;
}

.featurs .Mask1:hover img {
  filter: drop-shadow(10px 10px 15px red) invert(75%);
}

.featurs .Mask1 h3 {
  color: var(--third);
}

.featurs .Mask1 p {
  color: #000000;
}

.featurs .Mask2 {
  background: #17A2B8;
  border-radius: 10px;
}

.featurs .Mask2 img {
  transition: 0.7s;
}

.featurs .Mask2:hover img {
  transform: rotate(-360deg);
}

.featurs .Mask2 h3 {
  color: #FFFFFF;
}

.featurs .Mask2 p {
  color: #FFFFFF;
}

.featurs .Mask3 {
  background: var(--third);
  border-radius: 10px;
}

.featurs .Mask3 img {
  transition: 0.7s;
}

.featurs .Mask3:hover img {
  transform: translateX(-15px);
}

.featurs .Mask3 h3 {
  color: #FFFFFF;
}

.featurs .Mask3 p {
  color: #FFFFFF;
}

.services {
  background: #F8F9FA;
}

.services .container {
  background: #F8F9FA;
  top: -20px;
}

.services .container h3 {
  text-align: center;
  color: #17A2B8;
  font-weight: bold;
}

.services .container p.sub-title {
  text-align: center;
  color: var(--third);
}

.services .container .service {
  background: #D9D9D9;
  padding: 0 30px 30px;
  transition: 0.5s;
}

.services .container .service:hover {
  border-radius: 10px;
}

.services .container .service img {
  transform: scale(1.4);
  width: 100%;
  transition: 0.5s;
}

.services .container .service:hover img {
  transform: scale(1.2);
  border-radius: 10px;
}

.services .container .service h4 {
  color: var(--third);
  font-weight: bold;
  font-family: najez;
}

.services .container .service p {
  color: #000000;
  font-size: 18px;
  font-family: najez;
}

.services .container .service a {
  color: var(--third);
  border: 2px solid #17A2B8;
  font-weight: bold;
  padding: 4px 30px;
  font-family: najez;
  box-shadow: -3px 3px 1px 1px #17A2B8;
}

.services .container .service a:hover {
  background-color: #17A2B8;
  border: 2px solid #17A2B8;
  color: #ccc;
  font-weight: bold;
  padding: 4px 30px;
  box-shadow: -3px 3px 1px 1px #ccc;
}

@media (max-width: 767px) {
  .services {
    background: #F8F9FA;
    width: 80%;
    margin: auto;
  }
  .services .container {
    background: #F8F9FA;
    top: 0;
  }
  .services .container h3 {
    text-align: center;
  }
  .services .container p.sub-title {
    text-align: center;
  }
  .services .container .service {
    background: #D9D9D9;
    padding: 0 15px 15px;
  }
  .services .container .service img {
    transform: scale(1.2);
    width: 100%;
    transition: 0.7s;
  }
  .services .container .service:hover img {
    transform: scale(1.1);
  }
  .services .container .service h4 {
    color: var(--third);
    font-weight: bold;
    font-size: 18px;
  }
  .services .container .service p {
    color: #000000;
    font-size: 15px;
  }
  .services .container .service a {
    color: var(--third);
    border: 2px solid #17A2B8;
    font-weight: bold;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .services {
    background: #F8F9FA;
  }
  .services .container {
    background: #F8F9FA;
    top: -20px;
  }
  .services .container h3 {
    text-align: center;
  }
  .services .container p.sub-title {
    text-align: center;
  }
  .services .container .service {
    background: #D9D9D9;
    padding: 0 10px 15px;
  }
  .services .container .service img {
    transform: scale(1.2);
    width: 100%;
    margin-bottom: 15px !important;
    transition: 0.7s;
  }
  .services .container .service:hover img {
    transform: scale(1.1);
  }
  .services .container .service h4 {
    color: var(--third);
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px !important;
  }
  .services .container .service p {
    color: #000000;
    font-size: 14px;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .services .container .service a {
    color: var(--third);
    border: 2px solid #17A2B8;
    font-weight: bold;
  }
}
@media (max-width: 1462px) and (min-width: 991px) {
  .last-product .up-product .price span {
    padding: 0;
    font-size: 12px !important;
  }
}
@media (max-width: 1235px) and (min-width: 991px) {
  .last-product .up-product .price,
  .prod-sale {
    display: inline-block !important;
  }
}
@media (max-width: 1300px) and (min-width: 991px) {
  .clients-sec .client-logos img {
    width: 80px;
    height: 80px;
  }
  .latest-offers .banner .banner-image {
    display: none;
  }
}
@media (max-width: 630px) {
  .clients-sec .client-logos img {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 380px) {
  .latest-offers .banner .offer-image a {
    width: 100px;
    height: 100px;
  }
  .clients-sec .client-logos img {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 290px) {
  .latest-offers .banner .offer-image a {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 500px) {
  .clients-sec .client-logos:first-of-type {
    display: none;
  }
}
@media (max-width: 340px) {
  .clients-sec .client-logos:last-of-type {
    display: none;
  }
}
.singl-prod .carousel-product-name {
  line-height: 25px;
  margin: 10px 0 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: bold;
  color: var(--primary);
}

.singl-prod .owl-description {
  display: -webkit-box;
  overflow-y: clip !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
}

.singl-prod .card {
  padding: 2px 6px 0 !important;
}

/*  */
.advantag-12,
.advantag-11 {
  display: flex;
  gap: 35px;
}

.advantag-11 img,
.advantag-12 img {
  width: 35px;
  box-shadow: 0px 0px 2px 0px var(--third);
  padding: 5px;
  border-radius: 6px;
}

.advantag-11 div {
  position: relative;
  left: -22px;
}

.actoin-buttons a:hover {
  background: var(--primary);
  /* transform: scale(1.01); */
}

.actoin-buttons a {
  font-family: "LamaSans";
  color: white;
  font-size: 14px;
  background: var(--third);
  padding: 4px 13px;
  /* border-radius: 23px; */
  /* background-color: #22a20e; */
  box-shadow: 2px 2px 3px 1px rgba(39, 101, 194, 0.8117647059);
  margin-bottom: 8px;
  transition: 0.5s;
  font-family: roboto;
}

.actoin-buttons a .fa-cart-shopping {
  /* color: var(--bs-primary); */
  padding: 0px 5px;
}

.actoin-buttons a .fa-whatsapp {
  /* color: #22a20e; */
  padding: 0px 5px;
}

.actoin-buttons a.a-2 {
  background-color: #22a20e;
  box-shadow: 2px 2px 3px 1px rgba(31, 96, 11, 0.631372549);
  margin-right: 10px;
}

.actoin-buttons a.a-2:hover {
  background-color: #147005;
  /* transform: scale(1.01); */
}

.shake {
  transition: 0.5s;
  position: relative;
  top: 0;
  height: 100%;
}

.statistics-img .roe {
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  transition: 0.6s;
}

.statistics-img .roe:hover {
  border-bottom-right-radius: 0%;
  border-top-left-radius: 0%;
}

/* how to buy */
.how-buy h2 {
  font-size: 20px;
  font-weight: bold;
  color: var(--primary);
}

.how-buy .shoping {
  font-family: "LamaSans";
  color: #24272f;
}

.how-buy .shoping a {
  font-family: "han";
}

.logos-shopping img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.fllow-face p {
  margin: 0;
  color: var(--primary);
  font-size: 14px;
  margin-bottom: 18px;
}

.fllow-face p span {
  padding: 6px 8px;
  background: var(--primary);
  color: white;
  cursor: pointer;
  margin-right: 9px;
  /* font-family: 'LamaSans'; */
  font-size: 10px;
  border-radius: 7px;
}

.share-btns .share-ic span {
  font-size: 20px;
  color: var(--third);
  font-weight: 700;
  margin: 0 15px 0 0;
  display: inline-block;
}

.share-btns .share-ic {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: end;
  margin: 10px 0;
}

.share-btns .share-ic .social-links {
  margin: 0;
  padding: 7px 20px;
  list-style-type: none;
  display: flex;
  background-color: #ebecf2;
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  gap: 13px;
}

.share-btns .share-ic .social-links li a i {
  transition: 0.5s;
  color: var(--third);
}

.share-btns .share-ic .social-links li a:hover i {
  color: var(--primary);
}

.singl-prod .sales-info h3 {
  display: -webkit-box;
  overflow-y: clip;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 15px;
  text-align: left;
  margin: 0;
  font-weight: bold;
}

.singl-prod .sales-info {
  text-align: left;
}

.singl-prod .sales-info .rating {
  color: var(--warning);
  font-size: 11px;
}

.singl-prod .sales-info p {
  display: -webkit-box;
  overflow-y: clip;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-family: "roboto";
}

.singl-prod h1 {
  font-size: 30px;
}

.fs-11 {
  font-size: 11px;
}

/* key-words */
.keyandreviews {
  padding: 20px;
  background: white;
  margin-top: 12px;
  border: 1px solid #e1dcdc;
  border-radius: 4px;
}

.keyandreviews h4 {
  font-size: 20px;
  color: var(--primary);
  font-weight: bold;
  margin-bottom: 25px;
}

.keyandreviews .visitor-comments .comment p {
  text-align: justify;
}

.key-words .key-tabs .tag-link {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
  padding: 8px 17px;
  margin-right: 5px;
  margin-bottom: 10px;
  color: white;
  background-color: var(--primary);
  border-radius: 0;
  transition: 0.5s !important;
  border-bottom: 1px solid #1b3756;
  transition: 0.6s;
}

.key-words .key-tabs .tag-link:hover {
  background-color: #084baf;
}

@media (max-width: 1400px) and (min-width: 767px) {
  .fllow-face p span {
    display: inline-flex;
    align-items: center;
  }
}
.keyandreviews .visitor-comments .comment {
  display: flex;
  align-items: center;
  gap: 12px;
}

.keyandreviews .visitor-comments .comment .avatar img {
  border-radius: 50%;
}

.keyandreviews .visitor-comments .comment h6 {
  margin: 0;
}

@media (min-width: 1200px) {
  .statistics-img .shake {
    right: -17%;
  }
}
@media (min-width: 1200px) {
  .statistics-img .shake {
    right: -17%;
  }
}
@media (max-width: 500px) {
  .logos-shopping .item.shake:first-of-type {
    display: none;
  }
}
@media (max-width: 400px) {
  .logos-shopping .item.shake:last-of-type {
    display: none;
  }
}
@media (max-width: 320px) {
  .logos-shopping .item.shake:nth-child(3) {
    display: none;
  }
}
.item.col-special {
  margin: 0;
}

.lines-2 {
  display: -webkit-box;
  overflow-y: clip !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.product-sec {
  padding-top: 50px;
  position: relative;
  background-image: url(../web/images/خلفيه-الاسليدر-التاني.webp);
  background-size: cover;
  overflow: hidden;
}

.product-sec .alfath-arrow {
  transform: rotate(180deg);
  width: 65px;
  position: relative;
  left: 40%;
  /* top: 152px; */
  animation: up-down 3s infinite;
}

@keyframes up-down {
  0% {
    transform: translate3d(0, 0, 0) rotate(180deg);
  }
  50% {
    transform: translate3d(10px, 20px, 10px) rotate(180deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(180deg);
  }
}
.product-sec .fath-img,
.product-sec .fath-img .img {
  display: grid;
  place-items: center;
}

.product-sec .fath-img p {
  width: 195px;
  position: relative;
  left: 35%;
  /* top: 150px; */
  font-family: "a";
  font-size: 14px;
  font-size: 15;
  font-size: 1;
}

.product-sec .fath-img .img {
  position: relative;
  top: -80px;
}

.product-sec .alfath-prod {
  display: grid;
  place-items: center;
  transform: rotate(-18deg);
  margin-top: 20px;
}

.product-sec .alfath-prod .big-sale {
  width: -moz-fit-content;
  width: fit-content;
  background: #ED1E23;
  color: white;
  margin: 0;
  padding: 4px 22px 3px;
  font-family: "e";
}

.product-sec .alfath-prod .fath-plast {
  width: -moz-fit-content;
  width: fit-content;
  color: black;
  font-family: "g";
  font-weight: 800;
  font-size: 34px;
  margin: 7px 0;
  position: relative;
  left: 17px;
}

.product-sec .alfath-prod .on-prod {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  background: #007bff;
  color: white;
  font-family: "e";
  padding: 3px 18px 3px;
  position: relative;
  left: 54px;
}

.product-sec .prod-description p {
  margin: 0;
  font-family: "roboto";
  color: black;
  padding-right: 10%;
  font-size: 17px;
}

.product-sec .prod-description p a {
  color: #007bff;
}

.z-index-10 {
  z-index: 10;
}

.product-sec .wave {
  position: absolute;
  left: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .product-sec .wave {
    height: 10%;
    bottom: 0%;
  }
}
@media (min-width: 767px) {
  .product-sec .wave {
    bottom: -10%;
    height: 65%;
  }
}
@keyframes wave {
  0% {
    transform: scale(1) translate(0, 0);
  }
  50% {
    transform: scale(1.2) translate(10px, 10px);
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}
@media (max-width: 1200px) {
  .product-sec .alfath-arrow {
    left: 37%;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .product-sec .alfath-arrow {
    left: 44%;
    width: 50px;
  }
  .product-sec .fath-img p {
    left: 62%;
  }
}
@media (max-width: 767.9px) {
  .product-sec .alfath-arrow {
    left: 40%;
    width: 50px;
    top: 50px;
  }
  .product-sec .fath-img p {
    left: 19%;
    top: 50px;
  }
  .product-sec .alfath-prod {
    margin-top: -36px;
  }
  .product-sec .fath-img .img {
    top: 0;
  }
  .product-sec .prod-description {
    margin-bottom: 90px;
  }
}
@media (max-width: 320px) {
  .product-sec .alfath-arrow {
    left: 0%;
    margin-bottom: 5px;
    width: 50px;
  }
  .product-sec .fath-img p {
    left: 7%;
  }
}
@media (max-width: 400px) {
  .product-sec .alfath-prod {
    place-items: normal;
    padding-left: 12px;
    margin-bottom: 40px;
  }
  .product-sec .prod-description {
    margin-bottom: 41px;
  }
}
@media (max-width: 320px) {
  .product-sec .alfath-prod h4 {
    font-size: 20px;
  }
  .product-sec .alfath-prod h3 {
    font-size: 27px !important;
  }
  .product-sec .fath-img .con-img {
    width: 220px;
  }
}
.place-center {
  display: grid;
  place-items: center;
  position: relative;
}

.product-sec .prod-description {
  line-height: 2;
}

@media (max-width: 1100px) and (min-width: 768px) {
  .product-sec .fath-img .img {
    width: 345px;
    top: -82px;
  }
  .product-sec .alfath-arrow {
    left: 40%;
    width: 46px;
    z-index: 99;
  }
  .product-sec .fath-img p {
    left: 20%;
  }
  .product-sec .wave {
    margin-bottom: -35px;
    z-index: -1;
  }
}
.tran-scale {
  overflow: hidden;
  transition: 0.6s;
}

.tran-scale img {
  overflow: hidden;
  transition: 0.6s;
  height: 193px;
}

.tran-scale:hover img {
  transform: scale(1.05);
}

.progress-animat {
  animation-name: animationProgress !important;
  transition: 5s all;
  animation-duration: 5s;
}

@keyframes animationProgress {
  from {
    width: 0;
  }
}
.product-sec .fath-img .img .con-img {
  transition: 0.7s;
  height: 100%;
  height: 450px !important;
}

.product-sec .fath-img .img .con-img:hover {
  transform: scale(1.03) translateY(-20px);
}

@media (max-width: 660px) {
  .head-Best-Selling .shape {
    top: 19px;
  }
  .latest-offers .ribbon span {
    font-size: 15px;
    display: grid;
    place-items: center;
    padding-right: 8px;
  }
  .title-area .sec-title {
    font-size: 20px;
  }
}
.sectoin-Best-Selling .card.pod-card {
  min-height: 438px;
  position: relative;
}

.products .card.pod-card {
  min-height: 330px;
}

.sectoin-Best-Selling .card.pod-card img {
  transition: 0.5s;
}

.sectoin-Best-Selling .card.pod-card:hover img {
  transform: scale(1.1);
}

@media (max-width: 576px) {
  .col-sm-sp-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 1060px) and (min-width: 991.99px) {
  .latest-offers .banner .offer-content {
    flex: unset;
  }
}
@media (max-width: 991px) {
  .main-nav {
    display: none !important;
  }
}
@media (max-width: 400px) {
  .as-btn {
    padding: 10px 15px;
    font-size: 12px;
  }
  .widget {
    padding: 20px;
  }
  .share-btns .share-ic span {
    font-size: 15px;
  }
  .advantag-12,
  .advantag-11 {
    gap: 10px;
  }
  .advantag b {
    font-size: 11px;
  }
  .advantag-12 .text-center,
  .advantag-11 .text-center {
    width: 90px;
    margin-left: 5px;
  }
}
@media (max-width: 290px) {
  .advantag-12 .text-center,
  .advantag-11 .text-center {
    width: 70px;
  }
  .advantag-12,
  .advantag-11 {
    gap: 19px;
  }
}
#carouselExampleIndicators1 .div-img {
  height: 280px;
  margin-bottom: 10px;
  overflow: hidden;
}

/* breadcrumb */
.pageHead .section__heading {
  color: var(--white-color);
  margin-top: 3rem;
  font-size: 3rem;
}

.breadcrumb {
  height: 70px;
  width: 100%;
  float: left;
  position: relative;
}

.breadcrumb ol {
  list-style: none;
}

.breadcrumb li {
  height: 30px;
  line-height: 30px;
  float: left;
  padding: 0 12px;
}

.breadcrumb li.nav-breadcrumb {
  position: relative;
}

.breadcrumb li a {
  text-decoration: none;
}

.breadcrumb li .fa {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--bs-body-bg);
}

.breadcrumb a:hover {
  text-decoration: none;
}

/* Bredcrumb Fill 2 - style 1 */
.breadcrumb-fill2 {
  padding: 5px;
  background: var(--third);
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0), #17A2B8);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.breadcrumb-fill2 .fa {
  position: absolute;
  background: var(--third);
  padding: 25px;
  border-radius: 50%;
  left: -10px;
  top: -10px;
  font-size: 30px;
  line-height: 1;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.2);
}

.breadcrumb-fill2,
.breadcrumb-fill2 li,
.breadcrumb-fill2 li.active,
.breadcrumb-fill2 li a {
  color: var(--bs-body-bg);
}

.breadcrumb-fill2 li:first-child {
  margin-right: 30px;
}

.breadcrumb li.nav-breadcrumb:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 80%;
  background: var(--bs-body-bg);
  left: 0;
  transform: rotate(25deg);
}

/* end breadcrumb */
/* .filter  */
.filter .accordion-item {
  border: 0;
}

.filter .accordion-button {
  background: aliceblue;
  padding: 8px 5px;
}

.filter .accordion-body {
  padding: 8px 15px;
}

.filter .accordion-body label {
  width: 100%;
  margin-right: 30px;
}

.filter .accordion-button:focus {
  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.25);
  background: var(--primary);
  color: #fff;
}

.filter .accordion-button:hover {
  background: var(--primary);
}

.filter .accordion-button:focus label,
.filter .accordion-button:hover .icons,
.filter .accordion-button:hover label {
  color: #fff;
}

.filter .accordion-button .icons {
  font-size: 13px;
}

.filter .accordion-button .refresh-icon {
  position: absolute;
  right: 10px;
}

/* end .filter  */
/*  rang */
.wrapper input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
}

.wrapper .slider-track {
  width: 100%;
  height: 5px;
  /* position: absolute; */
  margin: auto;
  top: 0;
  bottom: 0;
  border-radius: 5px;
}

.wrapper input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 5px;
}

.wrapper input[type=range]::-moz-range-track {
  -moz-appearance: none;
  height: 5px;
}

.wrapper input[type=range]::-ms-track {
  appearance: none;
  height: 5px;
}

.wrapper input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 1.7em;
  width: 1.7em;
  background-color: #3264fe;
  cursor: pointer;
  margin-top: -9px;
  pointer-events: auto;
  border-radius: 50%;
}

.wrapper input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 1.7em;
  width: 1.7em;
  cursor: pointer;
  border-radius: 50%;
  background-color: #3264fe;
  pointer-events: auto;
  border: none;
}

.wrapper input[type=range]::-ms-thumb {
  appearance: none;
  height: 1.7em;
  width: 1.7em;
  cursor: pointer;
  border-radius: 50%;
  background-color: #3264fe;
  pointer-events: auto;
}

.wrapper input[type=range]:active::-webkit-slider-thumb {
  background-color: #ffffff;
  border: 1px solid #3264fe;
}

.wrapper .values {
  background-color: #3264fe;
  width: 32%;
  position: relative;
  margin: auto;
  padding: 10px 0;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 25px;
  color: #ffffff;
}

.wrapper .values:before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  border-top: 15px solid #3264fe;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  margin: auto;
  bottom: -14px;
  left: 0;
  right: 0;
}

/*  */
.section-head.center.wt-small-separator-outer {
  text-align: center;
  max-width: 645px;
  margin-left: auto;
  margin-right: auto;
}

.twm-testimonial-2 {
  position: relative;
  padding: 0 15px 15px;
}

.twm-testimonial-2 .twm-testimonial-2-content {
  border-radius: 10px;
}

.twm-testimonial-2 .twm-testimonial-2-content .twm-testi-media {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 60px;
  border: 4px solid #fff;
  background: #eee;
  padding: 5px;
  box-shadow: 0px 10px 15px 0 rgba(25, 103, 210, 0.2);
  z-index: 1;
  position: relative;
  margin-bottom: -40px;
  margin-left: 30px;
}

.twm-testimonial-2 .twm-testimonial-2-content .twm-testi-media img {
  width: auto;
  height: auto;
}

.twm-testimonial-2 .twm-testimonial-2-content .twm-testi-content {
  padding: 50px 30px 30px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 20px rgba(56, 152, 226, 0.3);
  position: relative;
}

.twm-testimonial-2 .twm-testimonial-2-content .twm-testi-content .twm-quote {
  position: absolute;
  left: 30px;
  top: -30px;
  width: 80px;
  opacity: 0.3;
}

.twm-testimonial-2 .twm-testimonial-2-content .twm-testi-content .twm-quote img {
  width: auto;
  position: absolute;
  left: 0;
}

.twm-testimonial-2 .twm-testimonial-2-content .twm-testi-content .twm-testi-info {
  font-size: 18px;
  color: #17171d;
  margin-bottom: 15px;
}

.twm-testimonial-2 .twm-testimonial-2-content .twm-testi-content .twm-testi-detail .twm-testi-name {
  color: #1967d2;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}

.twm-testimonial-2 .twm-testimonial-2-content .twm-testi-content .twm-testi-detail .twm-testi-position {
  color: #fff;
  background-color: var(--primary);
  font-size: 14px;
  position: relative;
  display: inline-block;
  padding: 8px 40px 8px 30px;
  margin-left: -30px;
}

.twm-testimonial-2 .twm-testimonial-2-content .twm-testi-content .twm-testi-detail .twm-testi-position:after {
  content: "";
  width: 20px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.twm-blog-post-wrap-right {
  margin-left: 30px;
}

@media (max-width: 991px) {
  .twm-blog-post-wrap-right {
    margin-left: 0;
  }
}
.twm-blog-post-wrap-right .twm-blog-post-1-outer {
  margin-top: 0;
}

.twm-blog-post-1-outer-wrap .owl-carousel .owl-stage-outer {
  padding: 0;
}

.twm-blog-post-1-outer-wrap .owl-carousel .twm-blog-post-1-outer {
  margin-left: 10px;
  box-shadow: none;
  border: 1px solid #f7f7f7;
}

.twm-blog-post-1-outer {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0px 0px 25px rgba(180, 205, 237, 0.7);
  margin-bottom: 30px;
  margin-top: 20px;
  height: calc(100% - 50px);
}

.twm-blog-post-1-outer.shadow-none {
  box-shadow: none;
}

.twm-blog-post-1-outer .wt-post-media {
  margin-top: -40px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 10px 25px rgba(56, 152, 226, 0.3);
  margin-bottom: 30px;
}

.twm-blog-post-1-outer .wt-post-media img {
  width: 100%;
}

.twm-blog-post-1-outer .wt-post-info {
  position: relative;
  z-index: 1;
}

.twm-blog-post-1-outer .wt-post-info .wt-post-meta {
  position: relative;
  margin-bottom: 20px;
}

.twm-blog-post-1-outer .wt-post-info .wt-post-meta ul {
  list-style: none;
  margin-bottom: 0;
  font-size: 14px;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}

.twm-blog-post-1-outer .wt-post-info .wt-post-meta ul li {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.twm-blog-post-1-outer .wt-post-info .wt-post-meta ul li.post-date {
  background-color: #7a98bf;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  padding: 5px 0 5px 15px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0px;
  margin-left: 10px;
  position: relative;
  z-index: 1;
}

.twm-blog-post-1-outer .wt-post-info .wt-post-meta ul li.post-date:after {
  content: "";
  background-color: #7a98bf;
  position: absolute;
  top: 0;
  right: -30px;
  bottom: 0;
  width: 30px;
  z-index: -1;
}

.twm-blog-post-1-outer .wt-post-info .wt-post-meta ul li.post-date:before {
  content: "";
  position: absolute;
  right: -29px;
  bottom: -8px;
  z-index: -1;
  width: 0;
  height: 0;
  border-right: 9px solid transparent;
  border-left: 0 solid transparent;
  border-top: 8px solid #6881a2;
}

.twm-blog-post-1-outer .wt-post-info .wt-post-meta ul li.post-author {
  color: #17171d;
  font-weight: 500;
}

.twm-blog-post-1-outer .wt-post-info .wt-post-meta ul li.post-author a {
  color: #1967d2;
  display: inline-block;
}

.twm-blog-post-1-outer .wt-post-info .wt-post-title .post-title {
  margin-bottom: 10px;
}

.twm-blog-post-1-outer .wt-post-info .wt-post-text p {
  font-size: 16px;
  margin-bottom: 10px;
}

.twm-la-home-blog .twm-blog-post-1-outer {
  margin-bottom: 0;
}

.twm-blog-post-2-outer {
  position: relative;
}

.twm-blog-post-2-outer .wt-post-media {
  border-radius: 10px;
  overflow: hidden;
}

.twm-blog-post-2-outer .wt-post-media img {
  width: 100%;
}

.twm-blog-post-2-outer .wt-post-info {
  background-color: #1967d2;
  border-radius: 10px;
  padding: 25px 30px;
  margin: -50px 10px 0;
  position: relative;
}

.twm-blog-post-2-outer .wt-post-info .wt-post-meta {
  position: relative;
  margin-bottom: 20px;
}

.twm-blog-post-2-outer .wt-post-info .wt-post-meta ul {
  list-style: none;
  margin-bottom: 0;
}

.twm-blog-post-2-outer .wt-post-info .wt-post-meta ul li {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.twm-blog-post-2-outer .wt-post-info .wt-post-meta ul li.post-date {
  background-color: #171d28;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  padding: 5px 30px;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  top: -48px;
  left: 0;
}

.twm-blog-post-2-outer .wt-post-info .wt-post-title .post-title {
  margin-bottom: 15px;
}

.twm-blog-post-2-outer .wt-post-info .wt-post-title .post-title a {
  color: #fff;
}

.twm-blog-post-2-outer .wt-post-info .site-button-link.site-text-secondry {
  color: #f3f8fd;
}

.twm-blog-list-style {
  display: flex;
  position: relative;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .twm-blog-list-style {
    display: block;
  }
}
.twm-blog-list-style .wt-post-media {
  margin-bottom: 0;
  margin-right: 30px;
  max-width: 320px;
}

@media (max-width: 767px) {
  .twm-blog-list-style .wt-post-media {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.twm-blog-list-style .wt-post-info {
  position: static;
}

.twm-blog-list-style .wt-post-info .wt-post-meta {
  position: inherit;
}

.twm-blog-list-style .wt-post-info .wt-post-meta ul li.post-date {
  position: absolute;
  left: 20px;
  top: 20px;
}

.twm-jobs-list-wrap ul li {
  list-style: none;
}

.twm-jobs-list-style1 {
  background-color: #fff;
  border: 10px;
  box-shadow: 0px 15px 40px rgba(0, 51, 90, 0.15);
  position: relative;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-height: 145px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .twm-jobs-list-style1 {
    padding: 15px;
    display: block;
  }
}
.twm-jobs-list-style1 .twm-media {
  width: 150px;
  height: 150px;
  display: inline-block;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 15px 40px rgba(0, 51, 90, 0.15);
  margin-right: 40px;
  position: absolute;
  top: 15px;
  line-height: 150px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .twm-jobs-list-style1 .twm-media {
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
}
@media (max-width: 767px) {
  .twm-jobs-list-style1 .twm-media {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-top: -30px;
    position: unset;
    margin-bottom: 15px;
  }
}
.twm-jobs-list-style1 .twm-media img {
  display: inline-block;
}

.twm-jobs-list-style1 p {
  font-size: 14px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .twm-jobs-list-style1 p {
    font-size: 12px;
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .twm-jobs-list-style1 a {
    font-size: 12px;
  }
}
.twm-jobs-list-style1 .twm-jobs-category {
  margin-bottom: 15px;
}

.twm-jobs-list-style1 .twm-mid-content {
  padding-left: 170px;
  width: calc(100% - 178px);
}

@media (max-width: 1200px) {
  .twm-jobs-list-style1 .twm-mid-content {
    width: 100%;
  }
}
.twm-jobs-list-style1 .twm-mid-content a {
  word-break: break-all;
}

@media (max-width: 767px) {
  .twm-jobs-list-style1 .twm-mid-content {
    padding-left: 120px;
  }
}
@media (max-width: 767px) {
  .twm-jobs-list-style1 .twm-mid-content {
    padding-left: 0;
    margin-bottom: 30px;
  }
  .twm-jobs-list-style1 .twm-mid-content h5 {
    font-size: 0.875rem;
  }
}
.twm-jobs-list-style1 .twm-right-content {
  text-align: right;
  width: 178px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.twm-jobs-list-style1 .twm-right-content .twm-job-address {
  margin-bottom: 0;
}

.twm-jobs-list-style1 .twm-right-content .twm-jobs-amount {
  font-weight: 500;
  color: #17171d;
  margin: 0 0 10px;
  font-size: 14px;
}

.twm-jobs-list-style1 .twm-right-content .twm-jobs-amount span {
  color: #046c38;
}

@media (max-width: 767px) {
  .twm-jobs-list-style1 .twm-right-content .twm-jobs-amount {
    font-size: 12px;
    margin-bottom: 0;
  }
}
.twm-jobs-list-style1 .twm-right-content .twm-job-websites {
  font-size: 14px;
}

.twm-jobs-list-style1 .twm-right-content .twm-jobs-browse {
  font-weight: 600;
  font-size: 15px;
}

@media (max-width: 767px) {
  .twm-jobs-list-style1 .twm-right-content .twm-jobs-browse {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .twm-jobs-list-style1 .twm-right-content {
    text-align: left;
    width: 100%;
    flex-direction: inherit;
  }
}
@media (max-width: 767px) {
  .twm-jobs-list-style1 .twm-right-content .twm-jobs-category {
    position: absolute;
    top: 15px;
    right: 15px;
  }
}
.twm-jobs-list-style1 .twm-job-title .twm-job-post-duration {
  color: #2db346;
  font-size: 13px;
  font-weight: 400;
}

.status-expired .twm-jobs-grid-style1,
.status-expired .twm-candidates-grid-style1,
.status-expired .twm-candidates-list-style1,
.status-expired .twm-jobs-list-style1 {
  border: 1px solid #ffb8be;
  background: #fff8f8;
}

.twm-jobs-category span {
  color: #fff;
  border-radius: 5px;
  padding: 5px 12px;
  white-space: nowrap;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 2px;
  margin-left: 1px;
  margin-right: 1px;
}

.cabdidate-de-info .twm-jobs-category span {
  color: #fff;
  border-radius: 5px;
  padding: 5px 12px;
}

@media (max-width: 767px) {
  .cabdidate-de-info .twm-jobs-category span {
    margin-top: 0;
    display: inline-block;
  }
}
.blog-img img {
  transition: all 0.3s ease;
  height: 428px;
}

@media (max-width: 767px) {
  .blog-img img {
    height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 912px) {
  .blog-img img {
    height: 100%;
  }
}
.blog-img img:hover {
  transform: scale(1.02);
}

span.phone {
  padding-right: 10px;
  font-family: han;
}

.info a {
  font-size: 16px;
}

.blog-content .info i {
  color: var(--bs-blue);
  font-size: 22px;
  color: #1967d2;
  width: 50px;
  height: 50px;
  background-color: #f0f6fe;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* news */
.twm-blog-post-1-outer .wt-post-info .wt-post-meta ul li.post-author {
  color: #17171d;
  font-weight: 500;
}

.twm-blog-post-1-outer .wt-post-info .wt-post-meta ul li.post-author a {
  color: #1967d2;
  display: inline-block;
}

.twm-blog-post-1-outer .wt-post-info .wt-post-title .post-title {
  margin-bottom: 10px;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow-y: clip;
  -webkit-box-orient: vertical;
}

.twm-blog-post-1-outer .wt-post-info .wt-post-text p {
  font-size: 16px;
  margin-bottom: 10px;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  overflow-y: clip;
  -webkit-box-orient: vertical;
  text-align: justify;
  color: #000;
}

.twm-la-home-blog .twm-blog-post-1-outer {
  margin-bottom: 0;
}

.twm-blog-post-2-outer {
  position: relative;
}

.twm-blog-post-2-outer .wt-post-media {
  border-radius: 10px;
  overflow: hidden;
}

.twm-blog-post-2-outer .wt-post-media img {
  width: 100%;
}

.twm-blog-post-2-outer .wt-post-info {
  background-color: #1967d2;
  border-radius: 10px;
  padding: 25px 30px;
  margin: -50px 10px 0;
  position: relative;
}

.twm-blog-post-2-outer .wt-post-info .wt-post-meta {
  position: relative;
  margin-bottom: 20px;
}

.twm-blog-post-2-outer .wt-post-info .wt-post-meta ul {
  list-style: none;
  margin-bottom: 0;
}

.twm-blog-post-2-outer .wt-post-info .wt-post-meta ul li {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.twm-blog-post-2-outer .wt-post-info .wt-post-meta ul li.post-date {
  background-color: #171d28;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  padding: 5px 30px;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  top: -48px;
  left: 0;
}

.twm-blog-post-2-outer .wt-post-info .wt-post-title .post-title {
  margin-bottom: 15px;
}

.twm-blog-post-2-outer .wt-post-info .wt-post-title .post-title a {
  color: #fff;
}

.twm-blog-post-2-outer .wt-post-info .site-button-link.site-text-secondry {
  color: #f3f8fd;
}

.twm-blog-list-style {
  display: flex;
  position: relative;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .twm-blog-list-style {
    display: block;
  }
}
.twm-blog-list-style .wt-post-media {
  margin-bottom: 0;
  margin-right: 30px;
  max-width: 320px;
}

@media (max-width: 767px) {
  .twm-blog-list-style .wt-post-media {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.twm-blog-list-style .wt-post-info {
  position: static;
}

.twm-blog-list-style .wt-post-info .wt-post-meta {
  position: inherit;
}

.twm-blog-list-style .wt-post-info .wt-post-meta ul li.post-date {
  position: absolute;
  left: 20px;
  top: 20px;
}

/* button send  */
button.submit {
  font-size: 18px;
  background: var(--primary);
  color: white;
  padding: 0.5em 1em;
  padding-left: 0.9em;
  display: flex;
  align-items: center;
  border: none;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.2s;
  margin-left: auto;
}

button.submit span {
  display: block;
  margin-left: 0.3em;
  transition: all 0.3s ease-in-out;
}

button.submit svg {
  display: block;
  transform-origin: center center;
  transition: transform 0.3s ease-in-out;
}

button.submit:hover .svg-wrapper {
  animation: fly-1 0.6s ease-in-out infinite alternate;
}

button.submit:hover svg {
  transform: translateX(2em) rotate(45deg) scale(1.1);
}

button.submit.btn-search:hover svg {
  transform: translateX(1em) rotate(45deg) scale(1.1);
}

button.submit:hover span {
  transform: translateX(7em);
}

button.submit:active {
  transform: scale(0.95);
}

@keyframes fly-1 {
  from {
    transform: translateY(0.1em);
  }
  to {
    transform: translateY(-0.1em);
  }
}
.Btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 150px;
  height: 50px;
  border: none;
  padding: 0px 20px;
  background-color: var(--primary);
  color: white;
  font-weight: 500;
  cursor: pointer;
  border-radius: 2px;
  transition-duration: 0.3s;
  margin-left: auto;
}

.svg {
  width: 13px;
  position: absolute;
  right: 0;
  margin-right: 20px;
  fill: white;
  transition-duration: 0.3s;
}

.Btn:hover {
  color: transparent;
}

.Btn:hover svg {
  right: 43%;
  margin: 0;
  padding: 0;
  border: none;
  transition-duration: 0.3s;
}

.Btn:active {
  transform: translate(3px, 3px);
  transition-duration: 0.3s;
  box-shadow: 2px 2px 0px rgb(140, 32, 212);
}

.Btn span {
  margin-right: 25px;
}

.btn-search {
  border-radius: 0 4px 4px 0 !important;
}

.overflow-hidden a .img-sales {
  border: 1px solid #b7b7b7;
  border-bottom: 0;
}

.overflow-hidden a .sales-info {
  border: 1px solid #b7b7b7;
  border-top: 0;
}

h6.name-prod {
  color: var(--primary);
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow-y: clip;
  -webkit-box-orient: vertical;
}

p.blog-description {
  color: #3a3a3a;
  font-family: "ALMARAI";
  text-align: justify;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.8;
  transform: scale(0.85) translateY(-2rem) translateX(3rem);
  background: #fff;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.8;
  transform: scale(0.85) translateY(-2rem) translateX(3rem);
  background: #fff;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.twm-job-self-wrap {
  border-radius: 4px;
  margin-bottom: 10px;
}

.twm-job-self-wrap .twm-job-self-info {
  position: unset;
  z-index: 1;
}

.twm-job-self-wrap .twm-job-self-info .twm-job-self-top {
  position: relative;
}

.cabdidate-de-info.details-style-1 .twm-media-bg {
  height: 300px;
  background-color: #bccee5;
  border-radius: 4px;
  position: relative;
}

.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-media-bg img {
  border-radius: 4px;
}

.cabdidate-de-info.details-style-1 .twm-media-bg img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cabdidate-de-info .twm-jobs-category span {
  color: #fff;
  border-radius: 5px;
  padding: 5px 12px;
}

.twm-jobs-category span {
  color: #fff;
  border-radius: 5px;
  padding: 5px 12px;
  white-space: nowrap;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 2px;
  margin-left: 1px;
  margin-right: 1px;
}

.twm-bg-green {
  background-color: #2db346;
}

.bookmark-icon {
  position: absolute;
  top: 20px;
  right: 20px;
}

.bookmark-notice {
  padding: 9px 16px;
  background: #faf1c8;
  border-radius: 4px;
  display: inline-block;
}

[role=button] {
  cursor: pointer;
}

.cabdidate-de-info.details-style-1 .twm-media-bg .messages {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.messages {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-mid-content {
  position: relative;
}

.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-media {
  width: 90px;
  height: 90px;
  display: inline-block;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 40px rgba(56, 152, 226, 0.3);
  overflow: hidden;
  margin-top: -30px;
  z-index: 1;
  position: relative;
  margin-left: 20px;
  margin-bottom: 15px;
}

.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-media img {
  width: 100%;
  display: block;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-job-title .twm-job-post-duration {
  color: #2db346;
  font-size: 14px;
  margin-left: 5px;
  font-weight: 400;
}

.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-job-self-mid {
  display: flex;
  justify-content: space-between;
}

.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-job-websites {
  margin-bottom: 10px;
  margin-right: 5px;
}

.site-text-primary {
  color: #1967d2;
}

.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-jobs-amount {
  font-weight: 500;
  color: #17171d;
  font-size: 16px;
  display: inline-block;
  font-family: "LamaSans";
}

.twm-job-apllication-area {
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  font-family: "LamaSans";
}

.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-jobs-amount span {
  color: #046c38;
}

.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-job-self-mid .twm-job-apllication-area .twm-job-apllication-date {
  color: red;
}

.cabdidate-de-info.details-style-1 .twm-job-self-bottom {
  position: absolute;
  left: 0;
  top: 20px;
}

.widget {
  margin-bottom: 0px;
}

.widget-description .twm-s-title {
  margin-bottom: 10px;
  font-family: LamaSans;
}

.dz-widget-title {
  padding-bottom: 10px;
  margin-bottom: 25px;
  position: relative;
}

.dz-widget-title:after {
  content: "";
  width: 60px;
  height: 3px;
  background: var(--primary);
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.twm-social-tags {
  margin-top: -10px;
}

.twm-social-tags a {
  padding: 5px 15px;
  margin-top: 10px;
  margin-right: 10px;
  display: inline-block;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
}

.fb-clr {
  background-color: #4d69b2;
}

.tw-clr {
  background-color: #38b2e1;
}

.link-clr {
  background-color: #0579b6;
}

.whats-clr {
  background-color: #2ca53b;
}

.pinte-clr {
  background-color: #f03c41;
}

.sticky-top {
  top: 95px;
  z-index: 1;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1;
}

.side-bar {
  background-color: #f0f6fe;
  padding: 10px;
  border-radius: 4px;
}

.side-bar .widget:last-child {
  margin-bottom: 0;
}

.dz-widget-title {
  padding-bottom: 10px;
  margin-bottom: 25px;
  position: relative;
}

.twm-s-info2 .twm-job-hilites2 {
  list-style: none;
  margin-bottom: 0;
}

.twm-s-info2 .twm-job-hilites2 li {
  margin-bottom: 10px;
}

.twm-s-info2 .twm-job-hilites2 li .twm-s-info-inner {
  position: relative;
  padding-right: 55px;
}

.twm-s-info2 .twm-job-hilites2 li .twm-s-info-inner i {
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 18px;
  color: var(--primary);
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  border: crimson;
  border-radius: 25px;
  background: rgba(25, 103, 210, 0.1);
}

ul .twm-title,
.twm-s-info2 .twm-job-hilites2 li .twm-s-info-inner .twm-title {
  font-size: 13px;
  color: var(--primary);
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 2px;
  display: block;
  font-family: "Bukra";
}

.twm-s-info3 ul li .twm-s-info-inner .twm-s-info-discription,
.twm-s-info2 .twm-job-hilites2 li .twm-s-info-inner .twm-s-info-discription {
  font-size: 14px;
  color: #17171d;
  font-family: rabar;
}

.twm-s-info3 {
  background-color: #fff;
  border-radius: 4px;
  padding: 10px;
  border: 2px solid #eff5fd;
}

.twm-s-info3 .twm-s-info-logo-section {
  position: relative;
}

.twm-s-info3 .twm-s-info-logo-section .twm-media {
  width: 90px;
  height: 90px;
  display: inline-block;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 40px rgba(56, 152, 226, 0.3);
  left: 0;
  overflow: hidden;
  margin-top: -50px;
  margin-bottom: 20px;
}

.twm-advertisment {
  border-radius: 4px;
  overflow: hidden;
  padding: 50px 30px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  color: #fff;
  margin: 10px 0;
}

.twm-advertisment .overlay {
  background-color: #1967d2;
  opacity: 0.8;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.twm-advertisment .twm-title {
  color: #fff;
  margin-bottom: 10px;
}

.twm-advertisment p {
  margin-bottom: 30px;
}

.job_listing_packages_title .white.button {
  background-color: #fff;
  color: #1967d2;
  text-shadow: 0 0 0 #1967d2, 400px 0 0 #1967d2;
}

.site-button:hover,
.job_listing_packages_title .button:hover {
  text-shadow: -400px 0 0 #fff, 0 0 0 #fff;
  background-color: var(--primary);
}

.twm-s-info3 ul li .twm-s-info-inner {
  position: relative;
  padding-right: 55px;
}

.twm-s-info3 ul li .twm-s-info-inner i {
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 18px;
  color: var(--primary);
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  border: crimson;
  border-radius: 25px;
  background: rgba(25, 103, 210, 0.1);
}

.twm-s-info3 ul li {
  margin-bottom: 20px;
}

.twm-s-info3 ul li .twm-s-info-inner .twm-s-info-discription {
  font-size: 16px;
  color: #17171d;
  word-break: break-word;
}

.site-button.white,
.job_listing_packages_title .white.button {
  background-color: #fff;
  color: #1967d2;
  text-shadow: 0 0 0 #1967d2, 400px 0 0 #1967d2;
}

.site-button,
.job_listing_packages_title .button {
  color: rgba(0, 0, 0, 0) !important;
  transition: all 0.3s ease !important;
  text-shadow: 0 0 0 #fff, 400px 0 0 #fff;
}

.site-button,
.job_listing_packages_title .button {
  outline: none;
  color: #fff;
  padding: 10px 20px;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-table;
  background-color: var(--third);
  border: none;
  font-size: 14px;
  transition: 0.5s all ease;
  font-family: LamaSans;
}

.widget-description ul li {
  margin-bottom: 10px;
}

.description-list-2 li {
  padding-right: 45px;
  list-style: none;
  position: relative;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 16px;
}

.description-list-2 li i {
  color: #1967d2;
  line-height: 26px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  font-size: 22px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
}

.file-upload-wrapper {
  width: 60%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-fileupload {
  background: #d3e7ff;
  width: 80%;
  padding: 50px;
  border: 2px dashed #a9e4f1;
  border-radius: 3px;
}

.maincontent {
  max-width: 1080px;
  margin: 0 auto;
  padding: 50px 0;
}

.file-upload-wrapper {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  background: #fff;
  padding: 20px 0;
  border-radius: 4px;
}

.box-fileupload {
  background: #d3e7ff;
  width: 90%;
  padding: 50px;
  border: 3px dashed #8fd9ea;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}

.file-upload-input {
  display: none;
}

label.file-upload-btn {
  width: 182px;
  height: 120px;
  background-image: url(http://www.pngall.com/wp-content/uploads/2/Upload-PNG-Image-File.png);
  background-size: cover;
  background-position: center center;
  background-origin: border-box;
  background-repeat: no-repeat;
}

.image-previwe {
  width: 90%;
  height: auto;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
}

.image-previwe__image {
  min-width: 129px;
  min-height: 130px;
  border: 2px solid #5c8ac3;
  border-radius: 5px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 10px;
  position: relative;
  box-shadow: 0 13px 6px -8px rgba(0, 0, 0, 0.3), 0 0 4px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.image-previwe__delete-btn {
  width: 25px;
  height: 25px;
  background: rgba(0, 0, 0, 0.6705882353);
  color: #fff;
  border-radius: 28px;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 5px;
  left: 5px;
  cursor: pointer;
  z-index: 2;
}

.image-previwe__delete-btn::before,
.image-previwe__delete-btn::after {
  content: "";
  display: block;
  width: 56%;
  height: 2px;
  background: #fff;
  position: absolute;
}

.image-previwe__delete-btn::after {
  transform: rotate(43deg);
}

.image-previwe__delete-btn::before {
  transform: rotate(-40deg);
}

.image-previwe__hover {
  background: rgba(0, 0, 0, 0.5607843137);
  color: #fff;
  display: inline-flex;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.4s;
  left: 0;
  right: 0;
  top: 0;
  box-sizing: border-box;
  text-align: center;
}

.image-previwe__hover p {
  font-size: 13px;
  width: 100%;
  padding: 10px;
  word-wrap: break-word;
}

.image-previwe__hover:hover,
.image-previwe__close-btn:hover {
  opacity: 1;
}

.file-upload-wrapper-title {
  width: 92%;
  min-height: 50px;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}

.file-upload-wrapper-title h4 {
  display: inline-block;
  font-size: 20px;
  padding: 10px 0px 6px 0;
  font-weight: 200;
}

.file-upload-wrapper-title hr {
  width: 21%;
  display: inline-block;
  margin: 6px 0;
}

.file-upload-wrapper-title__btn {
  background-color: #4099ff;
  border-color: #4099ff;
  border: none;
  padding: 12px 20px;
  color: #fff;
  cursor: pointer;
  transition: all ease-in 0.3s;
  border-radius: 2px;
}

.box-fileupload__lable {
  font-size: 20px;
  margin: 10px 0;
  color: #1471ad;
}

.error-wrapper {
  margin: 10px;
  width: 90%;
}

.error-format {
  background: rgba(255, 0, 0, 0.231372549);
  padding: 15px 10px;
  border-radius: 5px;
  border: 2px solid #f6343b;
  color: #b00707;
  margin: 10px;
}

.rating {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.3rem;
  --stroke: #666;
  --fill: #ffc73a;
}

.rating input {
  -webkit-appearance: unset;
     -moz-appearance: unset;
          appearance: unset;
}

.rating label {
  cursor: pointer;
}

.rating svg {
  width: 2rem;
  height: 2rem;
  overflow: visible;
  fill: transparent;
  stroke: var(--stroke);
  stroke-linejoin: bevel;
  stroke-dasharray: 12;
  animation: idle 4s linear infinite;
  transition: stroke 0.2s, fill 0.5s;
}

@keyframes idle {
  from {
    stroke-dashoffset: 24;
  }
}
.rating label:hover svg {
  stroke: var(--fill);
}

.rating input:checked ~ label svg {
  transition: 0s;
  animation: idle 4s linear infinite, yippee 0.75s backwards;
  fill: var(--fill);
  stroke: var(--fill);
  stroke-opacity: 0;
  stroke-dasharray: 0;
  stroke-linejoin: miter;
  stroke-width: 8px;
}

@keyframes yippee {
  0% {
    transform: scale(1);
    fill: var(--fill);
    fill-opacity: 0;
    stroke-opacity: 1;
    stroke: var(--stroke);
    stroke-dasharray: 10;
    stroke-width: 1px;
    stroke-linejoin: bevel;
  }
  30% {
    transform: scale(0);
    fill: var(--fill);
    fill-opacity: 0;
    stroke-opacity: 1;
    stroke: var(--stroke);
    stroke-dasharray: 10;
    stroke-width: 1px;
    stroke-linejoin: bevel;
  }
  30.1% {
    stroke: var(--fill);
    stroke-dasharray: 0;
    stroke-linejoin: miter;
    stroke-width: 8px;
  }
  60% {
    transform: scale(1.2);
    fill: var(--fill);
  }
}
footer .icons a {
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 24px;
  margin: 5px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  background-size: 100% 200%;
  background-position: 0% 5%;
  transition: background-position 0.5s, color 0.5s;
}

footer .icons a {
  border-radius: 2px;
}

footer .icons a:nth-child(1) {
  color: #fff;
  background-image: linear-gradient(-25deg, #fff 50%, #1877f2 50%);
}

footer .icons a:nth-child(2) {
  color: #fff;
  background-image: linear-gradient(-25deg, #fff 50%, #fd1d1d 25%, #f56040 15%, #f77737 10%);
}

footer .icons a:nth-child(3) {
  color: #fff;
  background-image: linear-gradient(-25deg, #fff 50%, #000 50%);
}

footer .icons a:nth-child(4) {
  color: #fff;
  background-image: linear-gradient(-25deg, #fff 50%, #075e54 20%, #128c7e 15%, #25d366 15%);
}

footer .icons a:nth-child(1):hover {
  color: #1976d3;
  background-position: 0% 100%;
}

footer .icons a:nth-child(2):hover {
  color: #db6f44;
  background-position: 0% 100%;
}

footer .icons a:nth-child(3):hover {
  color: #000;
  background-position: 0% 100%;
}

footer .icons a:nth-child(4):hover {
  color: #25D366;
  background-position: 0% 100%;
}

.proyr {
  background: #1877f2;
  box-shadow: -5px 5px 4px 0px var(--third);
}

.statistic1 {
  color: #eee;
  position: relative;
  background: var(--primary);
  padding: 5px;
}

.statistic1 p {
  color: var(--third);
}

.statistic1.n2 {
  background: #6aa0e5;
}

.statistic1.n3 {
  background: var(--third);
}

.statistic1.n3 p {
  color: var(--primary);
}

.xv {
  text-align: right;
}

.statistic-img {
  transform: scaleX(-1);
}

.mmm {
  transform: scaleX(-1);
}

.roundeds {
  border-radius: 50% !important;
  box-shadow: 7px 7px 0px 1px #000;
  border-top-left-radius: 0 !important;
  transition: 0.5s;
}

.roundeds:hover {
  border-radius: 0 !important;
  box-shadow: 0px 0px 0px 0px;
}/*# sourceMappingURL=style.css.map */