/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 02 2026 | 15:56:19 */
/* Global CSS */

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    width: 100%;
/*     overflow-x: hidden; */
    position: relative;
    scroll-behavior: smooth;
}
	
html {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
	margin:0 !important;
}
ol,
ul {
    margin: 0;
    padding: 0;
/*     list-style: none; */
}



	
	.team-detail {
display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;  
  overflow: hidden !important;
}
.team-detail {
  scrollbar-color: #0D3654 !important; /* Thumb and track color */
  scrollbar-width: thin; /* "auto" or "thin" */
}
.team-detail::-webkit-scrollbar {
  width: 8px !important; /* Width of the scrollbar */
}

.team-detail::-webkit-scrollbar-thumb {
  background: #0D3654 !important; /* Golden color */
}
.rd-btn , .button-link , .close-ico{
	cursor:pointer !important;
}
.team-member-poppus {
    position: fixed;
    z-index: 99999;
    height: 100%;
    top: 50%;
    transform: translatey(-50%);
    background-color: #000000a6;
    width: 100%;
    left: 0;
    display: none;
}

.popup-datail-text {
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical !important;
    overflow-y: scroll;
    overflow-x: hidden;
    white-space: normal;
    word-wrap: break-word;
    width: 100%;
    max-height: 350px;
    scrollbar-width: thin !important;
    scrollbar-color: #9B5F5B #0D365452 !important; 
}

/* For WebKit Browsers (Chrome, Safari) */
.popup-datail-text::-webkit-scrollbar {
    width: 4px !important;
}

.popup-datail-text::-webkit-scrollbar-thumb {
    background-color: #0D3654 !important; 
    height: 60px !important; 
    border-radius: 4px !important;
}

.popup-datail-text::-webkit-scrollbar-track {
    background-color: #0D365452 !important;
    border-radius: 2px !important;
}















	
.primary-btn .elementor-button-content-wrapper {
  display: flex !important;
  align-items: center !important;
}

.primary-btn .elementor-button-icon {
  width: 22px !important;
  height: 22px !important;
  transition: transform 0.3s ease-in-out; /* 👈 smooth rotation */
}

.primary-btn .elementor-button-icon svg {
  width: 22px !important;
  height: 22px !important;
}

.primary-btn:hover .elementor-button-icon {
  transform: rotate(45deg);
}



.stock-text {
  display: inline-flex;
  align-items: center;
  font-size: clamp(40px, 6.111vw, 88px);
  background: #FFFFFF1A;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  position: relative;
  padding: 0 18px;
}

.stock-text::before,
.stock-text::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.stock-text::before {
  left: -8px;
  background-image: url("https://ij8.fbe.myftpupload.com/wp-content/uploads/2025/12/Group-23.png");
}

.stock-text::after {
  right: -8px;
  background-image: url("https://ij8.fbe.myftpupload.com/wp-content/uploads/2025/12/Group-24.png");
}

.green-bg {
  position: relative;
  overflow: hidden;
}

/* TOP IMAGE */
.green-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background-image: url("https://ij8.fbe.myftpupload.com/wp-content/uploads/2025/12/Vector-3.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  z-index: 1;
}

/* BOTTOM IMAGE */
.green-bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background-image: url("https://ij8.fbe.myftpupload.com/wp-content/uploads/2025/12/Vector-3.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  z-index: 1;
	transform: rotate(180deg);
}

@media (max-width:992px) {
	.footer-wrapper-1 {
		width:50%;
	}
	.footer-link-wrap {
		flex-wrap:wrap;
		column-gap:0 !important; 
	}
}





@media (max-width: 767px) {
	.scroll--image-sc {
		height:500px!important;
	}
	.vibe0duo-image {
        position: relative !important;
        left: 0 !important;
	
	}
	.fruits-wrap {
		padding-top:40px !important;
	}
}
@media (max-width: 538px) {
	.fruits-images {
		margin:0 !important;
		width:32% !important;
	}
}

@media (max-width: 600px) {
.elementor-13 .elementor-element.elementor-element-90cc91b {
        bottom: 67px;
    }
    body:not(.rtl) .elementor-13 .elementor-element.elementor-element-90cc91b {
        right: -6%;
    }
}
@media (max-width:480px) {
	.footer-wrapper-1 {
		width:100%;
	}
.elementor-13 .elementor-element.elementor-element-90cc91b {
        bottom: 40px;
    }
    body:not(.rtl) .elementor-13 .elementor-element.elementor-element-90cc91b {
        right: -7%;
    }
	.fruits-images {
		margin:0 !important;
		width:48% !important;
	}
	.fruits-wrap{
		justify-content: space-around;
	}
	
	
}
@media (max-width:420px) {
.elementor-13 .elementor-element.elementor-element-90cc91b {
        bottom: 20px;
    }
    body:not(.rtl) .elementor-13 .elementor-element.elementor-element-90cc91b {
        right: -8%;
    }
}





/* abd */
.footer-form .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons {
    width: 30%;
    position: absolute;
    right: 2px;
    top: 6px;
}
.vy-menu .elementor-nav-menu li.current-menu-item > a,
.vy-menu .elementor-nav-menu a.elementor-item-active {
    font-weight: 700 !important;
}
.header-btn span {
	display: flex;
	align-items: center;
}
.header-btn svg {
	font-size: 21px;
}
.vy-can li a {
    border-bottom: 1px solid #3b3b3b;
    padding: 0 0 25px 0 !important;
}



@keyframes rotateShake {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(-1.2deg); }
  40%  { transform: rotate(1.2deg); }
  60%  { transform: rotate(-0.8deg); }
  80%  { transform: rotate(0.8deg); }
  100% { transform: rotate(0deg); }
}

.shake-con {
  transform-origin: center;
}

.shake-con:hover {
  animation: rotateShake 1.8s ease-in-out infinite;
}