/* ===== elpath.css ===== */
/* Elementpath css */

/* 
el_01 
color
*/

/* 
el_02 
background
*/
/* 
el_03 
display
*/
.d_block {
    display: block;
}
/* 
el_04 
position
*/
.p_relative {
    position: relative;
}
/* 
el_05 
Border
*/
/* 
el_06 
Transition
*/
/* 
el_07 
Font size
*/
/* 
el_08 
Font wieght
*/
/* 
el_09 
Float
*/
/* 
el_10 
Width
*/
/* 
el_11
height
*/
/* 
el_12
Line height
*/
/* 
el_13
Margin
*/
.mt_80 {
    margin-top: 80px;
}
.mr_30 {
    margin-right: 30px;
}
.mr_40 {
    margin-right: 40px;
}
.mb_8 {
    margin-bottom: 8px;
}
.mb_25 {
    margin-bottom: 25px;
}
.mb_30 {
    margin-bottom: 30px;
}
.mb_50 {
    margin-bottom: 50px;
}
.mb_60 {
    margin-bottom: 60px;
}
.mb_80 {
    margin-bottom: 80px;
}
.ml_30 {
    margin-left: 30px;
}
.ml_80 {
    margin-left: 80px;
}
/* 
el_13 
Padding
*/
.pt_70 {
    padding-top: 70px;
}
.pb_70 {
    padding-bottom: 70px;
}
.pb_150 {
    padding-bottom: 150px;
}
/* 
el_14 
Top
*/
/* 
el_15 
Right
*/
/* 
el_16
Bottom
*/
/* 
el_17
Top
*/
/* 
el_18
Text align
*/
/* 
el_19
Z-index
*/
.z_5 {
    z-index: 5;
}
/* 
el_20
Border radius
*/
/* 
el_21
Box shadow
*/
/* 
el_22
Btn
*/
/* 
el_23
Image Hover
*/
@-webkit-keyframes shine {
    100% {
      left: 125%;
    }
}
@keyframes shine {
    100% {
      left: 125%;
    }
}

/* ===== style.css ===== */
 
/* Css For Wastix */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map

**********************************************/

/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}

/*** 

====================================================================
  Global Settings
====================================================================

 ***/

@font-face {
  font-family: 'Lemonade Stand';
  src: url('../fonts/LemonadeStand.woff2') format('woff2'),
  url('../fonts/LemonadeStand.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir LT Std';
  src: url('../fonts/AvenirLTStd-Medium.woff2') format('woff2'),
  url('../fonts/AvenirLTStd-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root{
  --theme-color: #3A9E1E;
  --secondary-color: #0E1D40;
  --pink-color: #FFC0CB;
  --violet-color: #7F00FF;
  --crimson-color: #DC143C;
  --orange-color: #FFA500;
  --text-color: #FFF;
  --title-color: #FFF;
  --text-font:   'Avenir LT Std';
  --title-font:  'Lemonade Stand', serif;
}

body {
  font-size:16px;
  color: var(--text-color);
  line-height:28px;
  font-weight:400;
  background: radial-gradient(circle farthest-side, rgba(201,51,86,1) 0%, rgba(157,24,53,1) 50%, rgba(68,2,15,1) 100%);
  background-color: #44020f;                     /* solid fallback = the gradient's dark end; browsers use this for overscroll / toolbar areas */
  font-family: var(--text-font);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

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

.auto-container{
  position:static;
  max-width:1320px;
  /*padding:0px 15px;*/
  padding:40px 15px;
  margin:0 auto;
}

a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
}

input,button,select,textarea{
  font-family: var(--text-font);
  font-weight: 400;
  font-size: 18px;
  background: transparent;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-family: var(--text-font);
  color: var(--text-color);
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
  text-align: center;
}

h1,h2{
  position:relative;
  font-family: var(--title-font);
  font-weight: 600;
  margin: 0px;
  transition: all 500ms ease;
}

/* Preloader */

.handle-preloader {
  align-items: center;
  -webkit-align-items: center;
  display: flex;
  display: -ms-flexbox;
  height: 100%;
  justify-content: center;
  -webkit-justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
  /*background: red;*/
  background: rgb(131,58,180);
  background: radial-gradient(circle farthest-side, rgba(201,51,86,1) 0%, rgba(157,24,53,1) 50%, rgba(68,2,15,1) 100%);
}

.handle-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}

.handle-preloader .animation-preloader .spinner{
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  height: 150px;
  margin: 0 auto 45px auto;
  width: 150px;
}

.preloader .loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}

.handle-preloader .animation-preloader .spinner{
  border: 3px solid #ffffff;
  border-top-color: rgba(255, 255, 255, 0.5); 
}

/* Animación del preloader */
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}

@media screen and (max-width: 767px) {
  .handle-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
  }
}
@media screen and (max-width: 500px) {
  .handle-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }
}

.centred{
  text-align: center;
}

figure{
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

.row{
  --bs-gutter-x: 30px;
}

/** styled-pagination */

.sec-pad{
  /*padding: 142px 0px 150px 0px;*/
  padding: 80px 0px 80px 0px;
}

/** scroll-to-top **/

.scroll-to-top{
  position: fixed;
  right: 0px;
  bottom: 100px;
  transform: rotate(90deg);
  z-index: 99;
}

.scroll-to-top .visible {
  visibility: visible!important;
  opacity: 1!important;
}

.scroll-to-top .scroll-top-inner {
  opacity: 0;
  visibility: hidden;
}

.scroll-to-top .scroll-top-inner{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
  -o-transition: all cubic-bezier(.4,0,.2,1) .4s;
  transition: all cubic-bezier(.4,0,.2,1) .4s;
}

.scroll-to-top .scroll-bar {
  width: 50px;
  height: 2px;
  margin-right: 10px;
  position: relative;
}

.scroll-to-top .scroll-bar:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #f4244f;
  opacity: .3;
}

.scroll-to-top .scroll-bar .bar-inner {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: currentColor;
}

.scroll-to-top .scroll-bar-text{
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  color: #FFF;
  transition: all 500ms ease;
}

.scroll-to-top .scroll-bar-text:hover{
  transform: scale(1.1);
}

.sec-title{
  position: relative;
  display: block;
}

.sec-title h2{
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
  margin: 0px;
  text-align: center;
}

.sec-title p{
  margin-top: 22px;
}

/*** 

====================================================================
                        Home-Page-One
====================================================================

***/

/** main-header **/

.main-header{
  /*position:absolute;*/
  position: fixed;
  left:0px;
  top:0px;
  right: 0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  background: radial-gradient(circle farthest-side, rgba(201,51,86,1) 0%, rgba(157,24,53,1) 50%, rgba(68,2,15,1) 100%);

  color:#ffffff;
}

/** header-top **/

.main-header .logo-box .logo{
  /*max-width: 175px;*/
  max-width: 250px;
}

.main-header .logo-box .logo img{
  width: 100%;
}

.main-header .logo-box{
  position: relative;
  padding: 18px 0px;
}

.main-header .outer-box{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 70px;
}

.main-header .menu-area{
  position: relative;
  display: flex;
  align-items: center;
  /*margin: 0 auto;*/
}

.main-header .main-menu{
  position: relative;
  padding-right: 30px;
  margin-right: 30px;
}

/** main-menu **/

.main-menu{
  float: left;
}

.main-menu .navbar-collapse{
  padding:0px;
  display:block !important;
}

.main-menu .navigation{
  margin:0px;
}

.main-menu .navigation > li{
  position:inherit;
  float:left;
  z-index:2;
  margin: 0px 12px;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-menu .navigation > li:last-child{
  margin-right:0px !important;
}

.main-menu .navigation > li:first-child{
  margin-left: 0px !important;
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  font-size:14px;
  line-height:26px;
  padding-top: 37px;
  padding-bottom: 37px;
  font-weight:400;
  font-family: "Jost", sans-serif;
  opacity:1;
  color: #FFF;
  z-index:1;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  
}

.main-menu .navigation > li > ul{
  position:absolute;
  left: inherit;
  top:100%;
  width:230px;
  margin-top: 15px;
  z-index:100;
  display:none;
  background: #0E1D40;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
}

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  padding: 10px 25px;
  line-height:24px;
  font-weight:500;
  font-size:15px;
  text-transform:capitalize;
  font-family: var(--text-font);
  color:#fff;
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > a{
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.main-menu .navigation > li > ul > li > a:hover{
  padding-left: 35px;
}

.main-menu .navigation > li > ul > li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:100%;
  top:0%;
  margin-top: 15px;
  background: #0E1D40;
  width:230px;
  z-index:100;
  display:none;
  border-radius: 0px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 25px;
  line-height:24px;
  font-weight:500;
  font-size:15px;
  text-transform:capitalize;
  font-family: var(--text-font);
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover{
  padding-left: 35px;
}

/** megamenu-style **/

/** mobile-menu **/

.main-header .outer-box{
  position: relative;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
  display: none !important;
}

.owl-nav button{
  background: transparent;
}

/** rtl-switcher **/

button.rtl{
  background: var(--theme-color);
  display: block;
  text-indent: inherit;
  font-size: 12px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  margin: 0px;
  color: #fff !important;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  transition: all 500ms ease;
}

button.ltr {
  background: var(--theme-color);
  display: block;
  text-indent: inherit;
  font-size: 12px;
  font-weight: 700;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0px;
  color: #fff !important;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 1.0);
  transition: all 500ms ease;
}

.list-style-one{
  position: relative;
  display: block;
}

.list-style-one li{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #FFF;
  font-weight: 500;
  padding-left: 27px;
  margin-bottom: 10px;
  text-align: left;
}

.list-style-one li:last-child{
  margin-bottom: 0px;
}

.list-style-one li:before{
  position: absolute;
  content: '\e90a';
  font-family: 'icomoon';
  font-size: 8px;
  color: #fff;
  width: 18px;
  height: 18px;
  line-height: 20px;
  background: var(--theme-color);
  text-align: center;
  border-radius: 50%;
  left: 0px;
  top: 4px;
  font-weight: 400;
}

/** main-footer **/

.main-footer{
  position: relative;
}

.main-footer .footer-top{
  position: relative;
  padding: 60px 0px 60px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-footer p,
.main-footer a{
  color: #fff;
}

.main-footer a:hover{
  color: var(--theme-color);
}

.footer-bottom{
  position: relative;
  width: 100%;
  /*padding: 35px 0px;*/
}

.footer-bottom .copyright p{
  font-weight: 500;
}

/** header-style-two **/

.copyright{
  font-size: 0.85em;
}

#health{
  width:80%;
  margin:   0 auto;
  display: block;
}

@media screen and (max-width:1200px){
  .deskMenu.outer-box{display:none}
}

@media (min-width:1201px){
  .mobMenu{display:none;}
}

.navbar-toggler-icon{
  color: #FFF;
border: none !important;
  filter: invert();
}

.navbar-toggler{
  border: 0 !important
}

.nav-link{
  text-align: center;
  color: #FFF !important;
  font-family: var(--text-font);
  font-size: 14px;
  padding: 20px;
}

.navbar{
  background-color: #83122a;
  -webkit-box-shadow: -1px 10px 77px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 10px 77px 0px rgba(0,0,0,0.75);
  box-shadow: -1px 10px 77px 0px rgba(0,0,0,0.75);
}

.navbar-toggler:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

/* ===== banner.css ===== */

/** banner-section **/
  
.banner-carousel .slide-item{
  position: relative;
  /*padding: 72px 0px 256px 0px;*/
  height: 90vh;
}

.banner-style-two .banner-carousel .slide-item:before{
  position: absolute;
  content: '';
  background: rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.7;
  z-index: 1;
}
  
.banner-carousel .content-box{
  max-width: 560px;

}
  
.banner-carousel .slide-item .bg-layer{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  /*background-repeat: repeat;*/
  background-position: center;
  background-size: cover;

}
  
.banner-carousel .active .slide-item .bg-layer{
  /*-webkit-transform:scale(1.25);*/
  /*-ms-transform:scale(1.25);*/
  /*transform:scale(1.25);*/
}
  
.banner-carousel .content-box h2{
  font-size: 65px;
  line-height: 65px;
  font-weight: 700;
  /*margin-bottom: 10px;*/
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;

  /*position: relative;*/
  /*top: 50%;*/
  /*transform: translateY(-50%);*/

}
  
.banner-carousel .active .content-box h2{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.banner-carousel .image-box .image img{
  max-width: none;
  float: right;
}

.banner-carousel .image-box .image{
  position: relative;
  opacity: 0;
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-carousel .active .image-box .image{
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 1400ms;
  -moz-transition-delay: 1400ms;
  -ms-transition-delay: 1400ms;
  -o-transition-delay: 1400ms;
  transition-delay: 1400ms;
}

.banner-section .banner-carousel .owl-nav{
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -35px;
  width: 100%;
  transition: all 500ms ease;
}

.banner-section .banner-carousel:hover .owl-nav{
  opacity: 1;
}

.banner-carousel .owl-nav button{
  position: absolute;
  display: inline-block;
  top: 0px;
  width: 70px;
  height: 70px;
  line-height: 76px;
  background: #fff;
  text-align: center;
  font-size: 18px;
  color: #222;
  border-radius: 5px;
  cursor: pointer;
  transition: all 500ms ease;
  border-radius: 50%;
}

.banner-carousel .owl-nav button.owl-prev{
  left: 70px;
}

.banner-carousel .owl-nav button.owl-next{
  right: 70px;
}

.banner-carousel .owl-nav button:hover{
  color: #fff;
  background: var(--theme-color);
}

/** banner-style-two **/

.banner-style-two{
  overflow: hidden;
}

/* Hero: every slide carries its own full-bleed background (crossfaded by the carousel) */
.banner-carousel .slide-item .bg-layer{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.hero-bg-orchard{ background-image: url("../img/banner-orchard_small.jpg"); }
.hero-bg-arils{ background-image: url("../img/banner_small.jpg"); }

@media (min-width:768px){
  .hero-bg-orchard{ background-image: url("../img/banner-orchard.jpg"); }
  .hero-bg-arils{ background-image: url("../img/banner.jpg"); }
}

.banner-style-two .banner-carousel .content-box{
  margin: 0 auto;
}

.banner-style-two .banner-carousel .slide-item{
  /*padding: 200px 0px 205px 0px;*/
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-style-two .banner-carousel .content-box h2,
.banner-style-two .banner-carousel .content-box p{
  color: #fff;
  text-shadow: 2px 2px 5px #000;
}

.banner-style-two .owl-nav{
  position: absolute;
  top: 50%;
  margin-top: -35px;
  left: 0px;
  width: 100%;
}

/* ===== order-service.css ===== */

/** order-service **/

/* ===== feature.css ===== */

/** feature-section **/

/** feature-style-two **/

.feature-style-two{
  position: relative;
}

/* ===== about.css ===== */

/** about-section **/

.content_block_one .content-box{
  position: relative;
  display: block;
}

.content_block_one .content-box p{
  margin-bottom: 25px;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

/** about-style-two **/

.about-style-two{
  position: relative;
}

.image_block_three .image-box{
  position: relative;
  display: block;
  /*padding: 60px 100px 100px 0px;*/
  margin: 0 auto;
}

.image_block_three .image-box .image-1{
  position: relative;
  display: block;
  border-radius: 20px;
  overflow: hidden;
}

.image_block_three .image-box .image-1 img{
  width: 100%;
  border-radius: 20px;
}

.image_block_three .image-box .image-1:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.content_block_three .content-box{
  position: relative;
  display: block;
}

/** about-style-three **/

/* ===== working.css ===== */

/** working-section **/

/* ===== materials.css ===== */

/** materials-section **/

/* ===== faq.css ===== */

/** faq-section **/

/** faq-form-section **/

/* ===== team.css ===== */

/** team-section **/

/* ===== cta.css ===== */

/** cta-section **/

/** cta-style-two **/

/** cta-style-three **/

/* ===== news.css ===== */

/** news-section **/

/** news-style-two **/

/* ===== clients.css ===== */

/** clients-section **/

.clients-section{
  position: relative;
}

/* ===== responsive.css ===== */
/* Responsive Css */

@media only screen and (max-width: 1749px){

}

@media only screen and (max-width: 1499px){

  .main-header .outer-box{
    padding: 0px 30px;
  }

}

@media only screen and (max-width: 1200px){

  .main-menu{
    display: none !important;
  }

  .banner-section .banner-carousel .owl-nav{
    display: none;
  }

  /*.main-footer .footer-top{*/
  /*  padding-bottom: 72px;*/
  /*}*/

  .banner-style-three .owl-nav{
    display: none;
  }

}

@media only screen and (min-width: 768px){
  .main-menu .navigation > li > ul,
  .main-menu .navigation > li > ul > li > ul{
    display:block !important;
    visibility:hidden;
    opacity:0;
  }
}

@media only screen and (max-width: 991px){

  .content_block_one .content-box{
    margin-right: 0px;
  }

  .image_block_three .image-box{
    margin-right: 0px;
    margin-bottom: 30px;
  }

}

@media only screen and (max-width: 767px){

  .banner-carousel .slide-item{
    padding: 95px 0px 100px 0px;
  }

  .banner-carousel .image-box{
    margin-top: 30px;
  }

  .banner-carousel .content-box h2{
    font-size: 50px;
    line-height: 60px;
  }

  .sec-title h2{
    font-size: 36px;
    line-height: 46px;
  }

  .testimonial-section .owl-nav,
  .banner-style-two .owl-nav{
    display: none;
  }

  /*.main-footer .footer-top{*/
  /*  padding-top: 100px;*/
  /*}*/

  .banner-style-two .banner-carousel .slide-item{
    /*padding: 92px 0px 100px 0px;*/
  }

  .sec-pad{
    padding: 62px 0px 70px 0px;
  }

  .about-style-two{
    padding-bottom: 70px;
  }

  .content_block_three .content-box{
    margin-left: 0px;
  }

}

@media only screen and (max-width: 599px){

  .sec-title h2 br{
    display: none !important;
  }

}

@media only screen and (max-width: 499px){

  .banner-carousel .image-box .image img{
    float: none;
    width: 100%;
  }

  .image_block_three .image-box{
    padding: 0px;
  }

}


/* ===== Product gallery: three borderless images, no titles ===== */

.product-gallery{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  margin-top: 20px;
  padding: 5px 5px 20px;
}

.gallery-card{
  position: relative;
  display: block;
  aspect-ratio: 3 / 2;
  cursor: zoom-in;
  background: none;
  border: 0;
  box-shadow: none;
}

.gallery-card img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 500ms ease;
}

.gallery-card:hover img,
.gallery-card:focus-visible img{ transform: scale(1.04); }

.gallery-card:focus-visible{ outline: 3px solid #c9253a; outline-offset: 2px; }


/* ===== Contact: form + office cards ===== */

.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.contact-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: stretch;
}

/* form */
.contact-form{
  display: flex;
  flex-direction: column;
  text-align: left;
}

.contact-form .field{ margin-bottom: 18px; }

.contact-form .field--message{
  flex: 1;
  display: flex;
  flex-direction: column;
}

.contact-form input,
.contact-form textarea{
  display: block;
  width: 100%;
  font-family: var(--text-font);
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 10px;
  padding: 13px 18px;
  transition: border-color 250ms ease, background 250ms ease, box-shadow 250ms ease;
}

.contact-form textarea{
  flex: 1;
  min-height: 150px;
  resize: vertical;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
  color: rgba(255, 255, 255, 0.72);
  opacity: 1;
}

.contact-form input:focus,
.contact-form textarea:focus{
  outline: 0;
  border-color: #fff;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.16);
}

.contact-form input.error,
.contact-form textarea.error{ border-color: #ff9db0; }

.contact-form label.error{
  display: block;
  margin-top: 6px;
  font-size: 14px;
  line-height: 20px;
  color: #ffd1da;
}

.contact-submit{
  align-self: flex-start;
  margin-top: 4px;
  padding: 14px 40px;
  font-family: var(--text-font);
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #83122a;
  background: #fff;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  transition: transform 250ms ease, background 250ms ease, box-shadow 250ms ease;
}

.contact-submit:hover,
.contact-submit:focus-visible{
  background: #ffe3e9;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.32);
  outline: 0;
}

/* office cards */
.contact-offices{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.office-card{
  flex: 1;
  text-align: left;
  padding: 24px 30px;
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
}

.office-head{
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.office-ico{
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
}

.office-ico i{
  font-size: 18px;
  line-height: 1;
  color: #5b0b1c;
}

.office-card h3{
  margin: 0;
  font-family: var(--text-font);
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
}

.office-card address{
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 26px;
  font-style: normal;
  color: rgba(255, 255, 255, 0.88);
}

.office-card .office-person{
  text-align: left;
  margin: 0 0 4px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  font-weight: 700;
  color: #fff;
}

.office-links{
  list-style: none;
  margin: 0;
  padding: 0;
}

.office-links li{
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 30px;
}

.office-links i{
  flex: 0 0 18px;
  font-size: 15px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}

.main-footer .office-links a{
  color: #fff;
  overflow-wrap: anywhere;
}

.main-footer .office-links a:hover,
.main-footer .office-links a:focus-visible{
  color: #ffd1da;
  text-decoration: underline;
}


/* ===== gallery + contact : responsive ===== */

@media only screen and (max-width: 991px){
  .contact-grid{ grid-template-columns: 1fr; gap: 28px; }
  .contact-form .field--message textarea{ flex: none; min-height: 150px; }
}

@media only screen and (max-width: 767px){
  .product-gallery{ gap: 14px; }
  .office-card{ padding: 22px 20px; }
  .contact-submit{ width: 100%; }
}


/* ===== Spacing pass: tighter vertical rhythm between sections ===== */


/* the fixed header covers the top of an anchor target, so leave room for it */
/* ---- vertical rhythm: one gap between all major sections ---- */
:root{ --sec-gap: 92px; }
@media only screen and (max-width: 991px){ :root{ --sec-gap: 72px; } }
@media only screen and (max-width: 767px){ :root{ --sec-gap: 56px; } }

#gallery, #health, #certifications, #contactus{ margin-top: var(--sec-gap); }

#home, #aboutus, #mission, #product, #gallery, #health, #certifications, #contactus{
  scroll-margin-top: 84px;
}

.about-style-two{ padding-top: 56px; padding-bottom: 0; }
.about-style-two .row{ margin-bottom: 24px; }
.about-style-two .row:last-child{ margin-bottom: 0; }
.about-style-two.pb_150{ padding-bottom: 0; }
.about-style-two .mb_30, .about-style-two .mb_25{ margin-bottom: 0; }
.about-style-two .mt_80{ margin-top: 0; }
.about-style-two .sec-title{ margin-bottom: 14px; }
.image_block_three .image-box{ margin-bottom: 0; }

.sec-title.mb_60, .sec-title.mb_50{ margin-bottom: 24px; }

.feature-style-two{ padding-top: 0; }
.feature-style-two .sec-title{ margin-bottom: 10px; }
.feature-style-two .text-box{ margin-bottom: 18px; }
.product-gallery{ margin-top: 0; padding-bottom: 0; }

#health{ padding: 0; }
#health .row{ row-gap: 6px; }
#health .mr_40{ margin-right: 0; }


/* contact */
.main-footer .footer-top{ padding: 0 0 48px; }
.main-footer .footer-top .sec-title{ margin-bottom: 22px; }

/* copyright bar */
.footer-bottom{ padding: 14px 0 16px; }
.footer-bottom .footer-credit{
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}
.footer-bottom .footer-credit a{ color: #fff; font-weight: 700; }
.footer-bottom .footer-credit a:hover{ text-decoration: underline; }
.footer-bottom .footer-credit .sep{ margin: 0 10px; opacity: 0.55; }

@media only screen and (max-width: 767px){
  .about-style-two{ padding-top: 36px; }
  .about-style-two .row{ margin-bottom: 12px; }
  .about-style-two .content-column{ margin-bottom: 4px; }
  .sec-title h2{ font-size: 34px; line-height: 42px; }
  .main-footer .footer-top{ padding: 0 0 36px; }
  .footer-bottom .footer-credit .sep{ display: block; height: 0; margin: 0; overflow: hidden; font-size: 0; }  /* forces 2 lines: © line / Powered by line */
  .footer-bottom .footer-credit a:last-child{ display: inline-block; }
  .footer-bottom .footer-credit{ font-size: 13px; line-height: 21px; }
}


/* ===== Contact: compact form + office cards ===== */

.contact-grid{ gap: 24px; }

.contact-form .field{ margin-bottom: 12px; }
.contact-form input,
.contact-form textarea{ padding: 10px 16px; font-size: 15px; border-radius: 9px; }
.contact-form textarea{ min-height: 92px; }
.contact-submit{ padding: 11px 34px; margin-top: 2px; }

.contact-offices{ gap: 14px; }

.office-card{ padding: 16px 20px; border-radius: 12px; }
.office-head{ gap: 12px; margin-bottom: 10px; }
.office-ico{ flex-basis: 34px; width: 34px; height: 34px; }
.office-ico i{ font-size: 14px; }
.office-card h3{ font-size: 15px; line-height: 20px; }

.office-body{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 8px 22px;
  align-items: start;
}

.office-card address{ margin: 0; font-size: 15px; line-height: 23px; }

.office-contact{
  padding-left: 22px;
  border-left: 1px solid rgba(255, 255, 255, 0.16);
}

.office-card .office-person{
  margin: 0 0 2px;
  padding-top: 0;
  border-top: 0;
  font-size: 15px;
  line-height: 23px;
}

.office-links li{ line-height: 25px; font-size: 15px; gap: 10px; }

@media only screen and (max-width: 991px){
  .contact-form .field--message textarea{ min-height: 96px; }
}

@media only screen and (max-width: 575px){
  .office-body{ grid-template-columns: 1fr; gap: 10px; }
  .office-contact{ padding-left: 0; border-left: 0; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.16); }
}




/* ===== Hero: full viewport on desktop ===== */

@media only screen and (min-width: 992px){
  .banner-carousel .slide-item{
    height: 100vh;
    height: 100svh;
    min-height: 560px;
  }
}


/* ===== Header: compact once the page is scrolled ===== */

.main-header .logo-box{ transition: padding 350ms ease; }
.main-header .logo-box .logo{ transition: max-width 350ms ease; }
.main-menu .navigation > li > a{ transition: padding 350ms ease, color 300ms ease; }

.main-header.fixed-header{
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
.main-header.fixed-header .logo-box{ padding: 8px 0; }
.main-header.fixed-header .logo-box .logo{ max-width: 190px; }
.main-header.fixed-header .main-menu .navigation > li > a{
  padding-top: 17px;
  padding-bottom: 17px;
}

@media only screen and (max-width: 1200px){
  .main-header.fixed-header .logo-box .logo{ max-width: 170px; }
}


/* ===== Smooth (inertia) scrolling – Lenis ===== */

html.lenis, html.lenis body{ height: auto; }
.lenis.lenis-smooth{ scroll-behavior: auto !important; }
.lenis:not(.lenis-autoToggle).lenis-stopped{ overflow: clip; }
.lenis [data-lenis-prevent]{ overscroll-behavior: contain; }

@media (prefers-reduced-motion: no-preference){
  html:not(.lenis){ scroll-behavior: smooth; }
}


/* ===== Single images: gentle entrance + slow float ===== */

@keyframes aril-float{
  0%, 100%{ transform: translate3d(0, 0, 0) rotate(0deg); }
  50%{ transform: translate3d(0, -9px, 0) rotate(0.7deg); }
}

@media (prefers-reduced-motion: no-preference){

  .js-reveal .image_block_three .image-box{
    opacity: 0;
    transform: translate3d(0, 26px, 0) scale(0.97);
    transition: opacity 900ms ease, transform 1100ms cubic-bezier(0.2, 0.7, 0.2, 1);
  }
  .js-reveal .image_block_three .image-box.is-in{
    opacity: 1;
    transform: none;
  }

  .image_block_three .image-1{
    animation: aril-float 7s ease-in-out infinite;
    animation-play-state: paused;
    will-change: transform;
  }
  .image_block_three .image-box.in-view .image-1{ animation-play-state: running; }

  .image_block_three .image-1.float-1{ animation-duration: 7s;  animation-delay: -1s; }
  .image_block_three .image-1.float-2{ animation-duration: 8.5s; animation-delay: -3.5s; }
  .image_block_three .image-1.float-3{ animation-duration: 9.5s; animation-delay: -5s; }
}


/* ===== Certifications: centred, circular, hover can't shift layout ===== */

.cert-grid{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 28px 36px;
  margin: 0;
  padding: 8px 0 0;
  list-style: none;
}

.cert-grid li{
  flex: 0 0 auto;
  width: clamp(130px, 17vw, 210px);
}

.cert-grid img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
  transition: transform 350ms ease, box-shadow 350ms ease;
}

.cert-grid li:hover img,
.cert-grid img:focus-visible{
  transform: scale(1.06);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.35);
}

@media only screen and (max-width: 575px){
  .cert-grid{ gap: 18px 22px; }
  .cert-grid li{ width: calc(50% - 11px); max-width: 170px; }
}


/* ===== Mobile: About / Mission / Product breathing room ===== */

@media only screen and (max-width: 991px){
  /* stacked layout: even gap between heading, copy and image */
  .about-style-two .row{ row-gap: 22px; }
  .about-style-two .content-column,
  .about-style-two .image-column{ margin: 0; }
  .about-style-two .content-box,
  .about-style-two .image-box{ margin-left: 0; margin-right: 0; }
}

@media only screen and (max-width: 767px){
  .about-style-two{ padding-top: 28px; }
  .about-style-two .auto-container{ padding: 24px 22px 8px; }

  /* each block gets its own space instead of running into the next */
  .about-style-two .row{
    margin-bottom: 0;
    padding: 36px 0 40px;
    row-gap: 22px;
  }
  .about-style-two .row:first-child{ padding-top: 16px; }
  .about-style-two .row:last-child{ padding-bottom: 8px; }

  /* heading + copy: centred, readable measure, comfortable leading */
  .about-style-two .content-box{ padding: 0 6px; text-align: center; }
  .about-style-two .sec-title{ margin-bottom: 16px; }
  .about-style-two .text-box p{
    font-size: 17px;
    line-height: 1.75;
    margin: 0 auto;
    max-width: 34em;
  }

  /* images: centred, not full-bleed, with room for the float animation */
  .about-style-two .image-box{
    width: 88%;
    max-width: 420px;
    margin: 6px auto 0;
  }
  .about-style-two .image-1 img{ display: block; margin: 0 auto; }
}

@media only screen and (max-width: 400px){
  .about-style-two .auto-container{ padding-left: 18px; padding-right: 18px; }
  .about-style-two .row{ padding: 30px 0 34px; }
  .about-style-two .text-box p{ font-size: 16px; }
}


/* ===== Mobile: compact hero so the start of About Us peeks into the first screen ===== */

@media only screen and (max-width: 767px){
  .banner-carousel .slide-item{
    height: 66vh;
    height: 66svh;
    min-height: 460px;
    max-height: 620px;
    padding: 84px 0 24px;          /* clears the fixed header, keeps text optically centred */
    box-sizing: border-box;
  }
  .banner-style-two .banner-carousel .content-box h2{
    font-size: 40px;
    line-height: 46px;
  }
  .banner-style-two .banner-carousel .auto-container{ padding-top: 0; padding-bottom: 0; }

  /* tighter handoff from hero into About us */
  .about-style-two{ padding-top: 8px; }
  .about-style-two .auto-container{ padding-top: 8px; }
  .about-style-two .row:first-child{ padding-top: 20px; }
}

@media only screen and (max-width: 400px){
  .banner-style-two .banner-carousel .content-box h2{
    font-size: 34px;
    line-height: 40px;
  }
}


/* ===== Thank-you page: fill the screen, no white band below on mobile ===== */

html{ background-color: #44020f; }              /* matches the gradient's dark end (home + thank-you page), so overscroll / browser bars never show white */

.thanks-page{
  min-height: 100vh;
  min-height: 100dvh;
  background-attachment: fixed;                  /* gradient follows the viewport instead of stopping with the content */
}
.thanks-page ._boxed_wrapper{
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
.thanks-page .thanks-section{
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  padding: 120px 0 40px;                         /* clears the fixed header */
}
.thanks-page .thanks-section .auto-container{
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
.thanks-page .thanks-section .row{ height: auto; }
.thanks-page .sec-title h2{ margin-bottom: 0; }


/* ===== Product gallery: mobile slider with arrows below ===== */

.gallery-nav{ display: none; }

@media only screen and (max-width: 767px){
  .product-gallery{
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    padding: 5px;
  }
  .product-gallery::-webkit-scrollbar{ display: none; }
  .product-gallery .gallery-card{
    flex: 0 0 100%;
    scroll-snap-align: center;
  }

  .gallery-nav{
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 16px;
  }
  .gallery-arrow{
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    transition: background 200ms ease, opacity 200ms ease;
  }
  .gallery-arrow span{ display: block; margin-top: -3px; }
  .gallery-arrow:hover,
  .gallery-arrow:focus-visible{ background: rgba(255, 255, 255, 0.28); }
  .gallery-arrow:focus-visible{ outline: 3px solid #fff; outline-offset: 2px; }
  .gallery-arrow[disabled]{ opacity: 0.35; cursor: default; }
}


/* About us: space between the paragraphs */
#aboutus .text-box p + p{ margin-top: 14px; }