/*!
 * Project Custom Stylesheet
 * Author : Ahmed Abdel Moula
 * https://alex-coders.github.io
 */
a,
a:hover,
a:focus,
.elementor-button-text {
  text-decoration: none !important;
  color: inherit;
  outline: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

img {
  vertical-align: top;
}

p,
ul,
ol,
address {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

img:hover {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-filter: grayscale(0.75) !important;
          filter: grayscale(0.75) !important;
}

*:hover {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

strong,
b {
  font-weight: 600 !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  padding: 0px;
  margin: 0px;
  font-weight: 600;
  line-height: normal !important;
}

.elementor-slide-heading {
  padding: 0px;
  margin: 0px;
  font-weight: 600;
  line-height: normal !important;
}

p {
  padding: 0px;
  line-height: normal;
  margin-bottom: 1.2rem;
}
p:last-child, p:only-child {
  margin-bottom: 0;
}

blockquote {
  padding: 15px 15px 15px 45px;
  font-size: 1.25rem;
  position: relative;
  font-family: "Open Sans", sans-serif;
  border-right: 5px solid #17a2b8;
  background: white;
}
blockquote:after {
  display: block;
  content: "\f10e";
  font: normal normal normal 24px/1 FontAwesome;
  position: absolute;
  left: 15px;
  top: 15px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

[disabled] {
  background: none;
}

button,
input,
textarea,
select {
  outline: none;
}

body {
  min-height: 1200px;
}

#och-header {
  z-index: 99;
}
#och-header .elementor-widget-image a {
  vertical-align: top;
}
#och-header img {
  display: block;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
@media screen and (width < 768px) {
  #och-header .elementor-item span {
    width: 92px;
  }
}
#och-header .elementor-item i {
  color: red;
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
  font-size: 0.8em;
}
#och-header.elementor-sticky--effects {
  background: #000;
}
@media screen and (width >= 768px) {
  #och-header.elementor-sticky--effects .elementor-widget-nav-menu {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
}
#och-header.elementor-sticky--effects > .e-con-inner {
  padding-block: 8px;
}
#och-header.elementor-sticky--effects .elementor-item {
  font-size: 1rem;
}
#och-header.elementor-sticky--effects .elementor-widget-theme-site-logo img {
  max-width: 90px;
}
#och-header .search-btn {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#och-header:not(.elementor-sticky--effects) .nav-search {
  margin-bottom: -16px;
}
#och-header:not(.elementor-sticky--effects) .search-btn {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
}

/* ---------------------------------------------
    Main Layout
--------------------------------------------- */
/* ------------------------------------------------------------
    Targeting Firefox Only
------------------------------------------------------------ */
/* ------------------------------------------------------------
    Targeting Chrome & Safari Only
------------------------------------------------------------ */
/* ---------------------------------------------
    OCH Footer
--------------------------------------------- */
/* ---------------------------------------------
    Long Words Break    
--------------------------------------------- */
.word-break,
.word-break * {
  -ms-hyphens: auto;
      hyphens: auto;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* ---------------------------------------------
    Buttons
--------------------------------------------- */
.elementor-widget-button .elementor-button:not(:hover) {
  background: #fff;
}

/* ---------------------------------------------
    Alerts
--------------------------------------------- */
.elementor-form .elementor-error .elementor-message {
  color: #dc3545;
  font-weight: 300;
}
.elementor-form .elementor-error .elementor-message::before {
  font-size: 12px;
}
.elementor-form > .elementor-message {
  border: none;
  -webkit-border-start: 2px solid;
          border-inline-start: 2px solid;
  background: gray;
  margin-bottom: 0;
  font-size: 0.9rem;
  padding-block: 7px 5px;
}
.elementor-form > .elementor-message.elementor-message-danger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 12px;
  padding-inline: 10px;
  padding-block: 12px;
  line-height: normal;
  border-radius: 6px;
  font-size: 1rem;
  border: 1px solid;
  background-color: gray;
  border-color: darkgray;
  color: gray;
  background-color: rgb(253.8924050633, 248.6075949367, 249.1139240506);
  color: rgb(102.2784810127, 17.7215189873, 25.8227848101);
  border-color: rgb(247.1139240506, 209.4860759494, 213.0911392405);
  -webkit-border-start: 5px solid rgb(102.2784810127, 17.7215189873, 25.8227848101);
          border-inline-start: 5px solid rgb(102.2784810127, 17.7215189873, 25.8227848101);
  border-inline-start-color: #dc3545;
}
.elementor-form > .elementor-message.elementor-message-success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 12px;
  padding-inline: 10px;
  padding-block: 12px;
  line-height: normal;
  border-radius: 6px;
  font-size: 1rem;
  border: 1px solid;
  background-color: gray;
  border-color: darkgray;
  color: gray;
  background-color: rgb(195.7028985507, 240.7971014493, 206);
  color: rgb(10.4347826087, 43.5652173913, 18);
  border-color: rgb(158.6724637681, 231.9275362319, 175.4);
  -webkit-border-start: 5px solid rgb(10.4347826087, 43.5652173913, 18);
          border-inline-start: 5px solid rgb(10.4347826087, 43.5652173913, 18);
  border-inline-start-color: #28a745;
}

#home-hero .swiper-slide-inner {
  max-width: 1300px;
  padding-inline: 20px;
}
#home-hero .swiper-slide-bg {
  background-blend-mode: luminosity;
}
#home-hero img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
#home-hero .elementor-slide-heading br {
  display: none;
}
@media screen and (width < 768px) {
  #home-hero .elementor-slide-heading br {
    display: block;
  }
}
@media screen and (width > 1024px) {
  #home-hero .swiper-pagination {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    max-width: 1300px;
    inset-inline: 0;
    margin-inline: auto;
    padding-inline: 16px;
    gap: 10px;
  }
  #home-hero .swiper-pagination .swiper-pagination-bullet {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 240px;
    font-size: 1rem;
    color: #ccc;
    opacity: 1;
    gap: 8px;
    width: auto;
    height: auto;
    background: none;
    border: none;
  }
  #home-hero .swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  #home-hero .swiper-pagination .swiper-pagination-bullet::after {
    display: block;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  #home-hero .swiper-pagination .swiper-pagination-bullet:hover::before, #home-hero .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    background: #ffa500;
  }
  #home-hero .swiper-pagination .swiper-pagination-bullet:hover::after, #home-hero .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    color: #fff;
  }
}
@media screen and (width <= 1024px) {
  #home-hero .swiper-pagination {
    margin-bottom: 10px;
  }
}
@media screen and (width < 768px) {
  #home-hero .swiper-slide-contents {
    margin-inline: auto;
    text-align: center;
    padding-top: 60px;
  }
}

/* Contact Form --------------------------------*/
.wpcf7-form * {
  font-size: 1rem;
}
.wpcf7-form input:not([type=checkbox]):not([type=radio]) {
  min-height: 48px;
  width: 100%;
}
.wpcf7-form .form-group {
  width: 100%;
  margin-bottom: 12px;
}
.wpcf7-form .form-group .wpcf7-form-control-wrap {
  display: block;
}
.wpcf7-form .form-group textarea {
  width: 100%;
  height: 120px;
  padding-block: 10px;
  border-radius: 12px;
  vertical-align: top;
}
.wpcf7-form .form-action {
  position: relative;
  margin-bottom: 5px;
}
.wpcf7-form .form-action .wpcf7-submit {
  width: 100%;
  padding-block: 0;
  height: 52px;
  border-radius: 8px;
  border: none;
  font-weight: 500;
  background: var(--e-global-color-text);
  color: #fff;
}
.wpcf7-form .form-action .wpcf7-submit:hover, .wpcf7-form .form-action .wpcf7-submit:focus {
  background: var(--e-global-color-accent);
}
.wpcf7-form .form-action .wpcf7-spinner {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wpcf7-form .form-action .wpcf7-not-valid-tip {
  font-size: 0.85rem;
  margin-top: 3px;
}
.wpcf7-form .form-action .wpcf7-response-output {
  text-align: center;
  border-radius: 6px;
  margin: 15px 0 0;
  padding-block: 6px;
  font-size: 0.85rem;
  font-weight: 300;
}
.wpcf7-form .form-note p {
  color: #fff;
  font-weight: 300;
  padding-top: 5px;
  line-height: 1.25;
}