@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

@import url("https://api.fontshare.com/v2/css?f[]=general-sans@1&f[]=clash-display@1&display=swap");

.brand-features .img-wrapper {
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0;
}

.gsap_triggers {
  position: absolute;
  display: flex;
  flex-direction: column;
  right: 0px;
  bottom: 0px;
  /* padding-top: 20%; */
  height: 100%;
  width: 20px;
  /* background-color: grey; */
}

.gsap_triggers div {
  height: 100%;
  width: 10px;
  /* background-color: red; */
}

.gsap_triggers div:nth-child(odd) {
  /* background-color: purple; */
}


/* CSS reset  */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* remove default spacing */
/* force styling of type through styling, rather than elements */

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

/* dark mode user-agent-styles */

html {
  color-scheme: dark light;
}

/* min body height */

body {
  min-height: 100vh;
}

/* SARFARAZ */
/* Preloader Start */
.page_loader {
  /* display: none; */
  z-index: 999999999;
  position: absolute;
  height: 100vh;
  width: 100%;
  background-color: #EBF3FF;
}

.page_loader #logo_svg {
  width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Preloader End */

/* GSAP text transition */
.heading-wrapper {
  display: flex;
  flex-direction: column;
}

#line {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

/* GSAP text transition End */

.scrollSection {
  position: sticky;
  top: 0px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 48px;
  padding: 32px 0px;
  text-align: center;
  align-items: center;
  /* background-color: #a3a3a39d; */
}

.heading-wrapper {
  /* top:32px; */
  /* margin-top: 32px; */

}

.line-wrapper {
  /* margin: 48px 0; */
  /* background-color: burlywood; */
  height: 100%;
  width: 100%;

}

.line {
  width: 2px;
  height: 100%;

  background-color: var(--pr-color);
  margin: 0 auto;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.content {
  /* background-color: darkkhaki; */
  width: 100%;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;

}

.card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
  width: 50ch;
}

/* SARFARAZ END */




/* responsive images/videos */
img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}


ol,
ul {
  list-style: none;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}


:root {
  --pr-color: #112C55;
  /* --sc-color: #00ff00;  */
  --tr-color: #EBF3FF;
  --ne-color: #E1E5EA;

}

.pr-color {
  color: var(--pr-color);
}

.tr-color {
  color: var(--tr-color);
}

.ne-color {
  color: var(--ne-color);
}





h1 {
  font-family: 'Marcellus', serif;
  font-size: 35px;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--tr-color);
}

h2 {
  font-family: 'Marcellus', serif;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 400;

}

h3 {
  font-family: 'Clash Display', sans-serif;
  font-size: 28px;
  font-weight: 500;
}

p {
  font-family: 'General Sans', sans-serif;
  font-size: 16px;
  line-height: 130%;
}

button {
  border: 1px solid var(--ne-color);
  margin: 0;
  padding: 12px 23px;
  width: auto;
  overflow: visible;
  background-color: rgba(225, 229, 234, 0.2);
  transition: all 0.5s;
  color: var(--ne-color);

}

button:hover {
  background-color: rgba(225, 229, 234, 1);
  transition: all 0.5s cubic-bezier(0, 0.55, 0.45, 1);
  color: var(--pr-color);

}

.button-container {
  height: 24px;
  font-size: 1rem;
  /* background-color: cadetblue; */
  /* width: max-content; */
  min-width: 100px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 450;
  text-transform: uppercase;
  /* padding: 1rem; */
  overflow: hidden;
}

.button .down {
  transform: 'rotate(6deg)';
  margin-top: '1rem';
}



body {
  background-color: var(--pr-color);
}


/* Navigation-bar */

.nav-bar {
  position: relative;
  z-index: 999999;
  display: flex;
  justify-content: space-between;
  padding: 50px 0px 16px 0px;
}


svg.logo {
  width: 350px;
}

header .menu-group {
  display: flex;
  align-items: baseline;
  width: 100%;
}

header .right {
  justify-content: end;
}

a {
  text-decoration: none;
  color: #EBF3FF;
  font-size: 16px;
  font-weight: 450;
  font-family: 'Clash Display', sans-serif;

}

.menu-item {
  cursor: pointer;
  padding: 8px 16px;
  color: white;
  position: relative;
}

.menu-item .text_container {
  background-color: var(--pr-color);
  text-align: center;
  padding: 10px 6px;
  color: #EBF3FF;
}

.text_container::before {
  z-index: -1;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0%;
  height: 2px;
  background-color: white;
  transition: all 400ms cubic-bezier(0, 0.55, 0.45, 1);
}

.text_container:hover::before {
  width: 100%;
  transition: all 400ms cubic-bezier(0, 0.55, 0.45, 1);
  color: #EBF3FF;

}

/* Hamburger Start */
.menu-icon {
  display: inline-block;
  cursor: pointer;
  padding: 10px;
  padding-top: 0px;
  /* border: 1px solid; */
  margin-right: 22px;
}

.menu-icon span {
  display: block;
  width: 28px;
  height: 2px;
  margin-bottom: 6px;
  background-color: var(--ne-color);
  transition: transform 0.3s ease-in-out;
}

.menu-icon span:last-child {
  margin-bottom: 0;
}

.menu-icon.active span:nth-child(1) {
  background-color: var(--pr-color);
  transform: translateY(8px) rotate(45deg);
  transition: all 0.5s ease-in-out;
}

.menu-icon.active span:nth-child(2) {
  opacity: 0;
  transition: all 0.2s ease-in-out;

}

.menu-icon.active span:nth-child(3) {

  background-color: var(--pr-color);
  transform: translateY(-8px) rotate(-45deg);
  transition: all 0.5s ease-in-out;

}


/* Hamburger End */



/* Dropdown Menu */
.dropdown {
  padding: 16px 22px;
}


#dropdown-list {
  /* display: none; */
  z-index: 20;
  position: absolute;
  list-style: none;
  margin-top: 10px;
  padding: 0;
}

.dropdown ul {
  border-radius: 0px;
  background-color: rgba(225, 229, 234, 0.2);
  padding: 0;
  border: 1px solid #EBF3FF;
  border-bottom: 0;
}

.dropdown ul li {
  border-bottom: 1px solid #EBF3FF;
}

.menu-group .dropdown .dropdown-menu {
  margin-top: 12px !important;
}

.dropdown .btn {
  background-color: var(--pr-color);
  border: 0px;
  padding: 0px;
  font-family: 'Clash Display', sans-serif;
  display: flex;

}

.dropdown .btn svg {
  margin-left: 9px;
  margin-top: 10px;
  transition: all .35s ease;
}

.dropdown .btn:hover svg {
  transform: translateY(3px);
  transition: all .35s ease;
}


.dropdownMenu svg {
  margin-left: 8px;
}

#item {
  background-color: beige;
  padding: 8px 12px;
  border-left: 1px;
}

.dropdown ul li a {
  color: #E1E5EA;
  padding: 8px 16px;
}

/* .dropdown ul li a:{
  background-color:0;
} */

.dropdown ul li:hover {
  background-color: rgba(225, 229, 234, 0.4);
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: rgba(225, 229, 234, 0.2);
  color: #EBF3FF;

}

#item a {
  background-color: transparent;
  color: black;
  text-decoration: none;
}


/* Dropdown Menu END*/


.dropdown-toggle::after {
  display: none;
}

button:focus:not(:focus-visible) {
  background-color: transparent;
  color: #EBF3FF;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: rgba(225, 229, 234, 0.2);
  color: #EBF3FF;
}

button:active {
  background-color: transparent;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active {
  background-color: transparent;
}


/* menu-overlay Start */
.menu-overlay {
  z-index: 9999;
  position: absolute;
  width: 100%;
  top: 0%;
  transform: translateY(-150%);
  padding: 120px 22px 64px 22px;
  min-height: 100vh;
  background-color: var(--ne-color);

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.menu {
  height: min-content;
}

.menus ol {
  padding: 0px;
}

.dropdown-text ul {
  padding: 0px;
  padding-top: 40px;
}

.menus ol li {
  border-bottom: 1px solid;
  padding: 8px 8px 8px 0px;
}

.menus ol li:hover {
  background-color: #EBF3FF;
}

.dropdown-text .menus ol li a {
  font-size: 18px;
}

.dropdown-text {
  /* margin-top: 190px; */
  padding: 0px;
}

.dropdown-text ul li a {
  text-decoration: none;
  font-size: 20px;
  font-family: 'Clash Display', sans-serif;
  color: var(--pr-color);
  font-weight: 450;
}

.dropdownMenu .menus li {
  pointer-events: none;
  font-family: 'Clash Display', sans-serif;
  color: var(--pr-color);
}

.dropdownMenu .menus {
  height: min-content;
}

.dropdownMenu .menus li {
  opacity: 0;
}

/* ul li:hover{
  padding: 10px;
  color: #000409;
} */



.buttons {
  text-align: center;

}

.btn {
  border: 0px;
  border-radius: 0px;
  margin-bottom: 16px;
  padding: 14px 80px;
  background-color: var(--pr-color);
  font-family: 'Clash Display', sans-serif;
  font-size: 16px;
  font-weight: 450;
}

.btn-1 {
  border: 2px solid var(--pr-color);
  border-radius: 0px;
  padding: 14px 27px;
  background-color: #E1E5EA;
  font-family: 'Clash Display', sans-serif;
  font-size: 16px;
  font-weight: 450;
}


.end-text {
  text-align: center;
  margin-top: 13%;
}

.end-text .text {
  font-family: 'General Sans', sans-serif;
  font-size: 12px;
  font-weight: 450;
  color: #505D68;
}

.footer-menu-link {
  display: flex;
  flex-direction: column;
  margin-top: 10%;
  /* padding: 0px 20px; */
}

/* menu-overlay End */



/* abhi codes */





/* ---index - shahbaz---  */


.hero-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 86vh;
  padding-top: 80px;
  overflow: hidden;
}

.hero-wrapper video {
  width: 100%;
  position: absolute;
  top: 0px;
  mix-blend-mode: color-burn;
  opacity: 0.4;
  z-index: 999999;
  pointer-events: none;
}



.hero-wrapper #btn-up {
  display: none;
}


.marquee-section {
  /* height: calc(100vh - 100px);  */
  /* padding: 100px 0px 100px 0px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  margin-top: 48px;
  margin-bottom: 28px;
  overflow: hidden;
  width: 100%;
  flex-grow: 1;
}

.marquee-items {
  display: flex;
  width: 100%;
  justify-content: center;
  height: 100%;
  /* background-color: grey; */
  /* margin-left: 32px; */
}


.marquee-item {
  will-change: transform;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  /* -webkit-border-radius: 16px;
-moz-border-radius: 16px; */
  flex-shrink: 0;
  height: 100%;
  background: #6e4ce1;
  /* border-radius: 16px; */
  margin: 0px 15px;
  background-image: url('https://images.unsplash.com/photo-1682684123154-c21854fd90cf?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwzfHx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=500&q=60');

  aspect-ratio: 288/371;
}

.marquee-item:nth-child(odd) {
  background-image: url('https://images.unsplash.com/photo-1682957376808-dcb27d61f95e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxNXx8fGVufDB8fHx8&auto=format&fit=crop&w=500&q=60');
}

.marquee-item:last-child {
  background-image: url('https://plus.unsplash.com/premium_photo-1665657351423-1914cf8f4117?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyfHx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=500&q=60');
}



.hero-wrapper #btn-bottom {
  margin-bottom: 32px;
}

.hero-wrapper .swipe-up-wrapper {

  margin-top: auto;

  display: flex;
  flex-direction: column;
  align-items: center;

  margin-bottom: 24px;

}

.hero-wrapper .swipe-up-wrapper img {
  height: 16px;
  width: auto;
  margin-bottom: 8px;
}

.hero-wrapper .swipe-up-wrapper .text {

  font-size: 12px;
  /* font-family: Clash display; */
  text-align: center;
  color: white;
  font-family: 'Clash Display', sans-serif;


}





/* Value stack section  */
.value-stack {
  padding: 80px 0px;
  background-color: var(--tr-color);
}

.value-stack .row {
  justify-content: center;
  /* border: 1px solid black; */
}

.value-stack .row p {
  font-size: 15px;
  font-weight: 450;
}

.value-stack .row .tile:nth-child(2) {
  margin: 40px 0px;
}

.value-stack .row .tile {
  /* border: 1px solid black; */

}


/* Product section  */

.product-section {
  padding: 72px 0px;
}

.product-section h2 {
  color: var(--tr-color);
  margin-bottom: 64px;
  text-align: center;
}

.product-section {
  overflow-x: hidden;
}


.product-section .slider {
  margin: 0 auto;
  position: relative;
}

.product-section .swiper-container {
  padding-bottom: 20px;
}

.product-section .swiper-scrollbar {
  background: #4F6482;
  overflow: hidden;
}

.product-section .swiper-scrollbar-drag {
  background-color: var(--tr-color);
  border-radius: 0;

}

.product-section .swiper-button-next,
.swiper-button-prev {
  color: var(--tr-color);
}



.swiper-container-horizontal>.swiper-scrollbar {
  border-radius: 2px;
  height: 5px;
  width: 200px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-wrapper img {
  width: 100%;
  aspect-ratio: 1/1.2;
}

.product-section .slider .swiper-wrapper .swiper-slide a {
  width: fit-content;

  height: fit-content;

}

.product-section .slider .swiper-wrapper .swiper-slide a .img-wrapper {

  overflow: hidden;
  overflow-y: hidden;
  /* height: 100%; */
  padding: 0;
}

.product-section .slider .swiper-wrapper .swiper-slide img {
  /* transition: 0.2s ease-in-out; */
  transition: all 0.3s cubic-bezier(0, 0.55, 0.45, 1);

}

.product-section .slider .swiper-wrapper .swiper-slide a:hover img {
  transform: scale(1.1);
  transition: all 0.8s cubic-bezier(0, 0.55, 0.45, 1);

}


.product-section .slider .swiper-wrapper .swiper-slide .text {
  font-family: 'Clash Display', sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 16px;
  color: white;
  padding: 0 10px;

}


.product-section .slider .swiper-wrapper .swiper-slide a {
  text-decoration: none;
}


.product-section .slider .swiper-wrapper .swiper-slide a:hover .label .line {
  width: 100%;
  transition: width 0.5s ease-in-out;
}

.product-section .img-wrapper {
  position: relative;
  /* display: inline-block; */
}

.product-section .img-wrapper img {
  height: 100%;
  width: 100%;
}

.product-section .label {
  display: flex;
  align-items: center;
  width: 100%;
  align-content: center;

  margin-top: 12px;

}



.product-section .label .text {
  flex-basis: fit-content;
  flex-grow: 0;
  flex-shrink: 0;
  z-index: 10;
  background-color: var(--pr-color);
}


.product-section .label .line {
  width: 0px;
  height: 1px;
  margin-left: -2px;
  background-color: white;
  transition: width 0.5s ease-in;
  z-index: 1;
}


/* Problem Section  */

.problem-section {
  padding: 88px 0px;
  position: relative;
  z-index: 10;
  overflow: none;

}

.problem-section {
  /* background-image: url("back-img.png"); */
  background-color: var(--pr-color);
  background-size: cover;
  z-index: 10;
  position: relative;

  overflow: hidden;
}

.problem-section::before {
  content: '';
  background-image: url("/assets/img/bg-leaf-blacwom.png");
  /* background-image: linear-gradient(to bottom, rgba(17, 44, 85, 0.481), rgba(17, 44, 85, 0.481)), url(assets/img/bg-leaf-blacwom.png); */

  position: absolute;
  left: 0;
  top: -10%;
  right: -5%;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.25;
  z-index: -1000;
  mix-blend-mode: multiply;
  /* transform: scaleX(-1);
  -webkit-transform: scaleX(-1); */
}


.problem-wrappers {
  justify-content: center;
}

.problem-section h2 {
  color: var(--tr-color);
  margin-bottom: 72px;
}

.problem-section .problem-wrappers {
  color: var(--ne-color);
}

.problem-section .problem-wrappers .problem-content:nth-child(2) {

  margin: 32px 0px;
}

.problem-section .problem-wrappers .problem-content:nth-child(3) {

  margin-bottom: 32px;
}


/* Expertise Section  */



.expertise-section {
  position: relative;
  height: 250vh;
  color: var(--pr-color);
  background-color: var(--tr-color);
}

.expertise-section .value p {
  font-weight: 450;
}

.expertise-section h3 {
  font-size: 24px;
  margin-bottom: 5px;

}

.expertise-section .value-1 {
  margin-bottom: 40px;
}





/* Testimonial Section  */
.testimonials-section {
  overflow: hidden;
  padding-bottom: 100px;
  margin-bottom: 100px;
  cursor: default;
}


.testimonials-section .text {
  color: var(--tr-color);
  font-family: 'Clash Display', sans-serif;
  font-size: 16px;
  font-weight: 400;

}






.testimonials-section h2 {

  color: var(--tr-color);
}


.review-slider {
  position: relative;
  /* width: 90vw; */
  height: auto;
  /* padding: 50px 0 100px; */
  color: white;
  /* box-sizing: content-box; */

  margin-top: 80px;

}

.review-slider .swiper-wrapper {
  padding-bottom: 80px;
}


.review-slider .swiper {
  width: 100%;
  height: fit-content;
  overflow: visible;
}

.review-slider .swiper-slide {
  text-align: center;
  /* font-size: 18px; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0px;
  /* background: rgba(255, 255, 255, 0.304); */
  transition: all 0.3s ease;
  opacity: 0.4;

  padding: 0px 0px;
  box-sizing: border-box;
  width: 635px;
}

.review-slider .swiper-slide.swiper-slide-active {
  color: #fff;
  /* background: linear-gradient(45deg, #f69259, #f16975); */
  opacity: 1;
  z-index: 2;
}

/* ARROWS */
.swiper-button-prev,
.swiper-button-next {
  color: white;

  /* change color accordingly */
}


.review-slider .swiper-wrapper .swiper-slide .profile {
  margin-bottom: 32px
}


.review-slider .swiper-wrapper .swiper-slide .profile img {
  width: 75px;
  height: 75px;
  border-radius: 75%;
  margin: 0 auto;
  margin-bottom: 16px;
}

.review-slider .swiper-wrapper .swiper-slide .profile .name {
  font-size: 22px;
  font-family: 'Clash Display', sans-serif;

}

.review-slider .swiper-wrapper .swiper-slide .profile .job-desc {
  font-size: 16px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 300;

}


.review-slider .swiper-wrapper .swiper-slide .review .review-quick-text {
  font-size: 22px;
  font-family: 'Clash Display', sans-serif;
  margin-bottom: 16px;
}

.review-slider .swiper-wrapper .swiper-slide .review .review-detailed-text {
  font-family: 'General Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.03rem;

}

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

.swiper-pagination-bullet {
  /* color: green;
  background: green; */
  box-sizing: border-box;

  border: 2px solid var(--ne-color);
  height: 10.5px;
  width: 10.5px;
  background-color: var(--pr-color);
  /* background-color: white;; */
}


.swiper-pagination-bullet-active {
  /* color: green;
  background: white; */
  width: 14px;
  height: 14px;
  background-color: var(--tr-color);
}

/* Partners page ---
 Helping professionals features */

.brand-features {
  height: 200vh;
  color: var(--tr-color);

}

.brand-scroll {
  position: sticky;
  padding-top: 112px;
  height: 100vh;
  top: 0px;
}

.brand-features .features-wrappers {
  text-align: center;
  justify-content: center;
  margin-bottom: 64px;

}



.brand-features .heading-text {
  margin-bottom: 64px;
}

.brand-features .features-wrappers .img-wrapper {

  margin-top: 32px;
  display: flex;

}

.brand-features .heading-text h2 {
  margin-bottom: 10px;
}

.features-box {
  position: relative;
  height: min-content;
}



.features-box .row {
  /* background-color: rgba(255, 0, 0, 0.42); */
  height: auto;
}

.features-box .contentText {
  opacity: 0;
  height: 0px;
  padding-bottom: 8px;
  overflow: hidden;
}

/* .img-wrapper {
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0;
} */

.img-wrapper img {
  /* height: 20px;
  width: 20px; */
}

.features-box h3 {
  opacity: 0.3;
}




/* ---------------ABOUT-PAGE----------------- */
/* ----------MAIN--------- */

.about-main {
  height: 80vh;
  padding: 32px 0px 16px 0px;
  gap: 80px;
  display: flex;
  flex-direction: column;
  overflow: hidden;

}

.svg-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.azulejoSvg {
  height: 100%;
  min-height: 360px;
}

.about-main h2 {
  font-size: 45px;
  text-align: center;
  color: white;

}

/*------------------- ABOUT-PAGE-WRAPPER-------------*/

.about-svg .art-text {
  text-align: center;
  color: #EBF3FF;
}

.about-svg .svg-box {
  display: flex;
}

.about-page-wrapper {
  margin: 80px 0px;
}


.about-page-wrapper .container h2 {
  color: #EBF3FF;
  margin-bottom: 40px;
}

.about-page-wrapper .container p {
  color: #E1E5EA;
}



/*------------------ MISSION-WRAPPER -------------*/

.mission-wrapper {
  background-color: #EBF3FF;
  padding: 104px 0px;
  background-size: cover;
  z-index: 10;
  position: relative;

  overflow: hidden;
}

.mission-wrapper::before {
  content: '';
  background-image: url(/assets/img/bg-leaf.png);
  position: absolute;
  left: 0;
  top: -10%;
  right: -5%;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.25;
  z-index: -1000;
  mix-blend-mode: multiply;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}


.mission-wrapper .container h2 {
  margin-bottom: 40px;
  color: var(--pr-color);
  font-weight: 400;

}

.mission-wrapper .container p {
  color: var(--pr-color);
  font-weight: 500;
}


/*---------------- CARE------------- */
.care {
  padding: 118px 0px;
}

.care .container h2 {
  color: #EBF3FF;
  margin-bottom: 40px;
}

.care .container p {
  color: #E1E5EA;
}

.care .container .para-1 {
  margin-bottom: 0px;
}

/* ------------SECRET-BEHIND--------------- */
.secret-behind {
  background: #EBF3FF;
  padding: 80px 0px;
}

.secret-behind .container .secret-behind .container .head-text {
  margin-bottom: 40px;
}

.secret-behind .container .no-1 {
  color: var(--pr-color);
  font-size: 28px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 500;
}

.secret-behind .container .head-text h2 {
  color: var(--pr-color);
  margin-bottom: 40px;
}

.secret-behind .container p {
  color: var(--pr-color);
  font-weight: 400;
  margin: 6px 0px 32px 0px;
}

.secret-behind .container h3 {
  color: var(--pr-color);
  margin: 0;
}

.secret-behind .container .text-a {
  color: var(--pr-color);
  font-family: 'General Sans', sans-serif;
  font-weight: 500;
}

.secret-behind .container .col-1 {
  height: fit-content;
  line-height: 1.012;
  margin-top: 3px;
  padding-right: 18px;
}


/*----------------- PART-OUR------------- */

.part-our {
  padding: 80px 0px 150px 0px;
  background-color: #E1E5EA;
}

.part-our .container h2 {
  color: var(--pr-color);
  text-align: center;
}

.part-our .container .heading-b {
  display: none;
}

.part-our .container .heading-c {
  display: none;
}

/* xxxxxxx----------xxxxxxxxxxx------------xxxxxxxxxxxxx */



/* ----------OUR-PARTNER---------- */


/*---------- PARTNERS--------- */

.partners {
  position: relative;
  background-color: var(--pr-color);
}

.partners .container .pt-head h2 {
  color: #EBF3FF;
  text-align: center;
}

.partners .container .pt-head .hide-2 {
  display: none;
}

.partner-1 .container h3 {
  padding-top: 130px;
  /* padding-bottom: 80px; */
}

.partners .container {
  margin-top: 84px;
}

.partners .container .row .pt-image {
  position: relative;

}


/* --------PARTNER-1-------- */


.partner-1 {
  background-color: #E1E5EA;
}

.partner-1 .container h3 {
  color: var(--pr-color);
  text-align: center;
  font-family: 'Marcellus', serif;
}

.partner-1 .container .quality-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.partner-1 .container .quality-wrapper .box {
  font-size: 24px;
  font-weight: 500;
  color: var(--pr-color);
  font-family: 'Clash Display', sans-serif;
  text-align: center;
}

.partner-1 .container .partner-bottom-text p {
  color: var(--pr-color);
  font-weight: 400;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 80px;
}

.partners .container .row .pt-image {
  top: 56px;
  position: relative;
}



/* xxxxxxxxxx-------------xxxxxxxxxxxxxxxxxxx-----------------xxxxxxxxxxxxxx */



/*---------------- PRODUCT-CATEGORY-------------- */


/*----- PRODUCT-DISPLAY ----*/


.product-display {
  margin-top: 40px;
  background-color: var(--pr-color);
  overflow: hidden;
}

.product-display .container {
  padding: 0px;
}

.product-display .container .product-text h2 {
  color: #EBF3FF;
  margin-top: 40px;
}

.product-display .container .product-text p {
  color: #EBF3FF;
  /* margin-bottom: 100px; */
}

.product-display .container .row .col-12 {
  height: fit-content;

}

.product-display .container .product-image img {
  /* aspect-ratio: 1/1.4; */
  /* object-fit: cover; */
  height: 60%;
  max-height: 370px;
  width: 100%;
  object-fit: cover;
}

.product-display .container .product-image {
  height: 50vh;
  object-fit: cover;
  width: 100%;
}


/* ------- PRODUCTS -------*/

.products .container .product-wrapper-1 .heading h3 {
  text-align: center;
  padding: 80px 0px 44px 0px;
  color: var(--pr-color);
  font-family: 'Marcellus', serif;
}

.products {
  background-color: #EBF3FF;
  height: 100%;
  padding: 0px 0px 40px 0px;
}

.products .container .product-wrapper-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.products .container .product-wrapper-1 .row {
  justify-content: space-evenly;
}

.products .container .product-wrapper-1 .pt-category-1 {
  padding-bottom: 48px;
}

.products .container .product-wrapper-1 .pt-category-1 .prod-name-1 .text-1 {
  font-weight: 450;
  font-size: 16px;
  color: var(--pr-color);
  font-family: 'Clash Display', sans-serif;
  padding-top: 18px;
  text-align: center;
}

.products .container .product-wrapper-1 .pt-category-1 .prod-name-1 .text-2 {
  font-weight: 400;
  font-size: 16px;
  color: var(--pr-color);
  font-family: 'Clash Display', sans-serif;
  /* padding-top: 5px; */
  text-align: center;
}


/* ------KEY-FIT------ */

.key-fit {
  background: var(--pr-color);
  padding: 114px 0px 100px 0px;
}

.key-fit .container .col-10 .key-t {
  font-size: 22px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 500;
  color: #E1E5EA;
}

.key-fit .container .list-1 {
  color: #E1E5EA;
  font-size: 22px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 500;
}

.key-fit .container .text-key h2 {
  color: #E1E5EA;
  margin-bottom: 24px;
}

.key-fit .container p {
  color: #E1E5EA;
  font-weight: 400;
  margin: 4px 0px 24px 0px;
}

.key-fit .container h3 {
  color: #E1E5EA;
}

.fit-key .container .col-1 {
  height: fit-content;
  line-height: 1.012;
  margin-top: 8px;
}

.key-fit .container .last-box {
  display: none;
}

.key-fit .container .item-1 {
  color: #E1E5EA;
  font-size: 22px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 500;
}

/*------ KEY-IINGREDIENT----- */

.key-ingredient {
  margin: 0px 0px 120px 0px;

}

.key-ingredient .container .item {
  font-size: 22px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 500;
  color: #E1E5EA;
  padding: 8px 0px 8px 14px;
  border: 1px solid white;
}

.key-ingredient .container .text-gredient h2 {
  color: #E1E5EA;
  margin-bottom: 24px;
}

.key-ingredient .container .col-11 .key-t {
  font-size: 22px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 500;
  color: #E1E5EA;
}

.key-ingredient .container .items-desc {
  color: #E1E5EA;
  font-weight: 400;
  margin: -4px 0px 24px 0px;
  border: 1px solid;
  border-top: 0px;
  padding: 16px 14px 16px 14px;
}


/*------- ONLINE-PRODUCT------ */
.online-product {
  background-color: #E1E5EA;
  height: 70vh;
  padding: 88px 0px 96px 0px;
}

.online-product .container .heading-product .product-amazon {
  font-size: 28px;
  font-family: 'Marcellus', serif;
  color: var(--pr-color);
  font-weight: 400;
}


/* xxxxxxxxxx-------------xxxxxxxxxxx-----------xxxxxxxxxxxxx  */



/* ------------------FORM-A-----------------*/




.form-section {
  padding-bottom: 150px;
}


.form-section .container .text-wrapper-x {
  margin: 100px 0px 0px 0px;
  padding: 20px 16px;
  text-align: center;
  color: #EBF3FF;
}

.form-section .container .text-wrapper-x .text-x {
  font-size: 14px;
  font-family: 'Marcellus', serif;
  font-weight: 400;
}

.form-section textarea {
  height: 130px;
}


textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
  transition: all 0s;
  -webkit-box-shadow: 0 0 0 100px #3B5173 inset !important;
  -webkit-text-fill-color: white;
  caret-color: red;
  color: red;

}

/* xxxxxx----------xxxxxxxxx-----------xxxxxxxxx */


.form-wrapper {
  margin-bottom: 150px;
}


.form-wrapper .container .heading-text {
  text-align: center;
  padding: 128px 0px 18px 0px;
}

.form-wrapper .container .heading-text .text-x {
  font-size: 14px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 400;
  color: #EBF3FF;
}

.form-wrapper .container .heading-text .text-y {
  font-size: 28px;
  color: #EBF3FF;
  font-family: 'Marcellus', serif;
  font-weight: 400;
}

.form-wrapper .container .heading-text .text-z {
  font-size: 16px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 400;
  color: #E1E5EA;
  text-decoration: underline;
}



input:focus {
  outline: none;
}

::-webkit-input-placeholder {
  font-size: 16px;
  color: #ffffff;
  opacity: 0.4;
}

input:focus::-webkit-input-placeholder {
  opacity: 0;
  transition: opacity .4s ease-in-out;


}

textarea:focus {
  outline: none;
}

::-webkit-textarea-placeholder {
  font-size: 16px;
  color: #ffffff;
  opacity: 0.4;
}

textarea:focus::-webkit-textarea-placeholder {
  opacity: 0;
  transition: opacity .4s ease-in-out;


}

.form {
  margin: 50px auto;
  position: relative;
  width: 400px;
  height: 300px;
  padding: 20px;
}

.form input,
textarea {
  width: 100%;
  height: 50px;
  display: block;
  padding: 10px 12px;
  margin-top: 20px;
  font-family: 'General Sans', sans-serif;
  font-weight: 500;
  border: 1px;
  border-bottom: 1px solid #eae9ea9c;
  z-index: 20;
  background-color: #253f64;
  color: white;
}

form .column div {
  position: relative;
  float: left;
  width: 100%;
  height: min-content;
  margin: 20px 0 0 0px;
  padding: 0;
}



label {
  position: absolute;
  font-size: 14px;
  color: white;
  top: 25px;
  z-index: -1;
  transition: all 0.9s;
  margin-left: 10px;
  height: 10px;
  transform: rotate(6deg);
  font-family: 'General Sans', sans-serif;
  font-weight: 400;
}


input:focus {
  border: 1px solid white;
  background-color: #3B5173;
  transition: all 1s ease-in;

}

input:hover {
  background-color: #3B5173;
}

input:focus+label {
  transform: translateY(-25px);
  transition: all 0.7s;
}

input:valid+label {
  transform: translateY(-25px);
  transition: all 0.4s;

}

textarea {
  height: 250px;
}

textarea:focus {
  border: 1px solid white;
  background-color: #3B5173;
  transition: .2s ease-in-out;

}

textarea:hover {
  background-color: #3B5173;
}

textarea:focus+label {
  transform: translateY(-25px);
  transition: all 0.7s;
}

textarea::placeholder {
  color: white;
}

textarea:valid+label {
  transform: translateY(-25px);
  transition: all 0.4s;

}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: all 0s;
  -webkit-box-shadow: 0 0 0 100px #3B5173 inset !important;
  -webkit-text-fill-color: white;
  caret-color: red;
  color: red;

}



.btn-form {
  margin-top: 80px;
}

.btn-a {
  text-align: center;
  background-color: var(--pr-color);
  /* margin: 0 auto; */
  width: 100%;
  /* margin: 0px 10px; */

}

/* .btn-a button{
  padding: 12px 45px;
} */
.btn-b button {
  width: 100%;
  color: var(--pr-color);
}


.btn-b {
  text-align: center;
  background-color: #E1E5EA;
  border: 1px solid var(--pr-color);
  /* margin: 0 auto; */
  color: var(--pr-color);
  width: 100%;
  margin-top: 20px;
}

.btn-b button:hover {
  background-color: var(--pr-color);
  transition: all 0.5s;
  color: #EBF3FF;
}

/* xxxxxxxxx-----------xxxxxxxxxxxx-----------xxxxxxxxxxx */

/*---------------- 404--------------- */

.number {
  text-align: center;
  padding-top: 275px;
  height: 100vh;

}

.number .container h2 {
  color: #EBF3FF;
  margin-bottom: 16px;
}

.number .container .no-text {
  color: #E1E5EA;
  font-family: 'General Sans', sans-serif;

}


/* xxxxxxx----------xxxxxxxx-----------xxxxxxxxx */

/*--------------- PRIVACY-POLICY------------- */

.privacy .container h2 {
  font-size: 25px;
  color: #EBF3FF;
  margin: 150px 0px 40px 0px;
}

.privacy .container .privacy-text {
  color: #E1E5EA;
  font-family: 'General Sans', sans-serif;
  margin-bottom: 200px;

}

.privacy .container ul li {
  list-style: disc;
}

.privacy .container .privacy-text .cokie-text {
  margin-top: 78px;
  font-size: 20px;
}

/* xxxxxxxxx-----------xxxxxxxxxx-----------xxxxxxxxxxxx */


/* ---------------FOOTER---------------- */

footer {
  background-color: #EBF3FF;
  padding: 104px 0px;
}


.footer-bottom {
  font-family: 'Clash Display', sans-serif;
  font-size: 13px;
  color: #505D68;
  text-align: center;
}

footer .container .footer-part-1 .img {
  width: 250px;
}

footer .container .footer-part-1 {
  padding-bottom: 100px;
}

footer .container .footer-part-2 {
  padding-bottom: 25px;
}

footer .container .footer-part-1 .button-1 {
  padding-top: 50px;
}

footer .button-1 button {
  background-color: var(--pr-color);
  color: white;
  border: 0px;
  padding: 6px 20px;
  font-weight: 450;
  font-family: 'Clash Display', sans-serif;
}

footer .container .footer-part-2 ul .head-1 a {
  text-decoration: none;
  font-size: 17px;
  color: var(--pr-color);
  font-weight: 500;
  font-family: 'Clash Display', sans-serif;
}

footer .container .footer-part-2 ul li a {
  text-decoration: none;
  font-size: 16px;
  color: #505D68;
  font-family: 'General Sans', sans-serif;
  font-weight: 450;
}

footer .container .footer-part-2 ul {
  padding-left: 0px;
  margin-bottom: 32px;
}

footer .container .footer-part-2 .row {
  justify-content: space-around;
}



footer .container .footer-bottom .ft-hide-1 {
  display: none;
}

footer .container .footer-bottom ul {
  padding: 0px;
  margin-bottom: 4px;
}

footer .container .footer-bottom ul li a {
  font-size: 12px;
  color: #505D68;
  display: flex;
  justify-content: center;
}

footer .container .bt-hide-a .color-2 {
  text-decoration: underline;
}

footer .container .footer-part-1 .img {
  margin-bottom: 40px;
}





.blacwom_button.sec {
  background-color: var(--pr-color);
  border: var(--pr-color);
  width: 100%;
}

.blacwom_button.sec:hover {
  background-color: #E1E5EA;
  color: var(--pr-color);
  border: 1px solid var(--pr-color);
}

footer .container .blacwom_button.sec {
  /* background-color: var(--pr-color); */
  width: auto;
}

.blacwom_button.sec:hover {
  background-color: var(--tr-color);
  color: var(--pr-color);
  border: 1px solid var(--pr-color);
}

/* xxxxxxx---------xxxxxxx---------xxxxxxxx   */

@media (max-width: 576px) {

  .menu-item {
    display: none;
  }

  .dropdown {
    display: none;
  }

  .menu-icon {
    display: block;
  }


  .btn-x {
    display: none;
  }

  .btn-z {
    display: flex;
    align-items: center;
    margin: 0 auto;
  }

  /*------------------- ABOUT-PAGE---------------- */

  /*----------- ABOUT-MIAN------------ */
  .about-main {
    min-height: 80vh;
    height: auto;
    padding: 0px 0px 0px 0px;
  }

  .about-main h2 {
    font-size: 28px;
    margin-top: 86px;
  }

  /*----------------- MISSION-WRAPPER--------------- */
  .mission-wrapper::before {
    background-size: 155%;
  }

  /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


  /*---------------- OUR-PARTNERS------------- */

  /*------------- PARTNERS----------- */
  .partners .container .pt-head h2 {
    padding-bottom: 0;
    margin-bottom: 0;
  }



  /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

  /* --------------PRODUCT-CATEGORY-------------- */



  .product-display .container .product-text p {
    margin-bottom: 40px;
  }

  .products .container .product-wrapper-1 img {

    object-fit: cover;
    aspect-ratio: 1/1.4;
  }

  .product-display .container .product-text {
    padding: 0px 22px;
    margin-bottom: 88px;
  }

  /* xxxxxxxxxx------------xxxxxxxxxxxx-------------xxxxxxxxxxxxxxx */

  /*---------------- PRODUCT-CATEGORY ---------------*/


  /* -------------FORM-A-------------- */

  .form-wrapper textarea {
    height: 108px;
  }

  .form-section textarea {
    height: 180px;
  }

  /* xxxxxxxxx-------------xxxxxxxxxx------------xxxxxxxxxx */

  /* --------------404------------- */

  .number {
    padding-top: 190px;
  }

  /* xxxxxxx-----------xxxxxxxx---------xxxxxxxxx */

  /*---------------- FOOTER------------- */

  footer .container .footer-part-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }



  /* newcode--------- */
  footer .container .footer-bottom .ft-hide-1 {
    display: block;
  }

  footer .container .footer-bottom .bt-hide-b {
    display: none;
  }


  /* xxxxxxx----------xxxxxxxxx------------xxxxxxxxxxxxxxxx */

}


@media (min-width: 576px) {

  .menu-item {
    display: none;
  }

  .dropdown {
    display: none;
  }

  .btn-x {
    display: none;
  }

  .btn-z {
    display: flex;
    align-items: center;
    margin: 0 auto;
  }

  /*------------------- ABOUT-PAGE---------------- */

  /*----------- ABOUT-MIAN------------ */
  .about-main {
    min-height: 80vh;
    height: auto;
    padding: 0px 0px 0px 0px;
  }

  .about-main h2 {
    font-size: 28px;
    margin-top: 86px;
  }


  .azulejoSvg {
    height: 100%;
    min-height: 340px;

  }

  /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


  /*---------------- OUR-PARTNERS------------- */

  /*------------- PARTNERS----------- */
  .partners .container .pt-head h2 {
    padding-bottom: 0;
    margin-bottom: 0;
  }


  /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


  /* --------------PRODUCT-CATEGORY-------------- */



  .product-display .container .product-text p {
    margin-bottom: 40px;
  }

  .products .container .product-wrapper-1 img {

    object-fit: cover;
    aspect-ratio: 1/1.4;
  }

  .product-display .container .product-text {
    padding: 0px 22px 0px 0px;
    margin-bottom: 88px;
  }

  /* xxxxxxxxxx------------xxxxxxxxxxxx-------------xxxxxxxxxxxxxxx */


  /* --------------404------------- */

  .number .container .no-text {
    margin: 0px;
  }

  .number {
    padding-top: 126px;
  }

  /* xxxxxxx-----------xxxxxxxx---------xxxxxxxxx */

  /*-------------- FOOTER---------------- */

  footer .container .footer-part-1 {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 90px;
  }

  footer .container .footer-bottom .ft-hide-1 {
    display: block;
  }


  /* XXXXXXXXX---------------XXXXXXXXXXXXXXXX----------XXXXXXXXXX */
}


@media (max-width: 1400px) {
  .container {
    padding: auto 20px;

  }
}



@media (min-width: 768px) {

  .menu-overlay {
    display: none;
  }


  /* -----------NAVIGATION---------- */

  .menu-item {
    display: block;
  }

  .dropdown {
    display: block;
  }

  .menu-icon {
    display: none;
  }

  /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



  /* --- index - shahbaz --- */


  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 22px;
  }

  .d1 {
    font-size: 40px;
  }



  /* hero-wrapper  */


  .hero-wrapper h1 {
    margin-bottom: 24px;
  }

  .hero-wrapper .marquee-section {
    margin-top: 74px;
  }


  .hero-wrapper #btn-bottom {
    display: none;
  }

  .hero-wrapper #btn-up {
    display: flex;
  }


  .marquee-item {
    margin: 0px 12px;
    /* width: 232px; */
    aspect-ratio: 1/1;
  }


  .value-stack {
    padding: 42px 0px;
  }

  .value-stack .row .tile:nth-child(2) {
    margin: 0px;
  }

  .value-stack .row p {
    font-size: 16px;
  }

  /* Product section  */

  .product-section {
    padding: 88px 0px;
  }

  .product-section .slider .swiper-wrapper .swiper-slide .text {

    font-size: 18px;

  }

  .product-section h2 {
    margin-bottom: 36px;
    text-align: left;

  }

  .product-section .label {
    margin-bottom: 30px;
  }

  .product-section .label .text {
    font-size: 16px;
  }


  /* Problem section  */

  .problem-section {
    padding: 98px 0px;
  }

  .problem-section h2 {

    margin-bottom: 50px;
  }


  /* Expertise section  */

  .expertise-section h3 {
    font-size: 22px;
  }



  .expertise-section {
    /* padding: 80px 0px; */
  }

  .expertise-section .line {
    margin: 0px auto;
  }


  /* Testimonials-section */

  .review-slider .swiper-wrapper .swiper-slide .review .review-detailed-text {
    font-size: 16px;
  }





  /* Partners page ---
Helping professionals features */

  .brand-features .features-wrappers {
    text-align: left;
    justify-content: space-between;
  }










  /* ---------------ABOUT-PAGE----------------- */

  /* ------------------ABOUT-MAIN------------------- */

  .about-main h2 {
    font-size: 32px;
  }

  .about-main {
    min-height: 80vh;
    margin-top: 20px;
    height: auto;
  }

  /*------------------- ABOUT-PAGE-WRAPPER-------------*/

  .about-page-wrapper .container .col-12 {
    margin: 0 auto;
    padding: 0px 23px;
  }

  .about-page-wrapper .container h2 {
    text-align: center;

  }

  .about-page-wrapper .container {
    text-align: center;
  }



  /*--------------- MISSION-WRAPPER-------------- */
  .mission-wrapper .container .col-12 {
    margin: 0 auto;
    padding: 0px 26px;
    text-align: center;
  }

  .mission-wrapper {
    padding: 80px 0px;
  }

  /*----------------- CARE-------------- */
  .care .container h2 {
    text-align: center;
  }

  .care .container p {
    text-align: start;
    padding: 0px 81px;
  }

  .care .container .para-1 {
    margin-bottom: 0px;
  }


  /*---------------- SECRET-BEHIND------------ */
  .secret-behind .container .col-11 {
    padding: 0px 26px 0px 0px;
  }

  .secret-behind .container .head-text {
    text-align: center;
  }

  .secret-behind .container .col-11 h3 {
    font-size: 28px;
  }

  .secret-behind .container .col-11 .text-a {
    padding: 5px 0px;
  }

  .secret-behind .container .text-a {
    width: max-content;
  }

  .secret-behind .container .head-text h2 {
    font-size: 32px;
  }

  .secret-behind .container .head-text h2 br {
    display: none;
  }

  .secret-behind .container .no-1 {
    font-size: 22px;
  }


  /* ---------------PART-OUR------------- */
  .part-our .container .heading-a {
    display: none;
  }

  .part-our .container .heading-b {
    display: block;
  }

  /* xxxxxx--------------xxxxxxxxxxxxxxxxx-----------xxxxxxxxxx */


  /* -------------OUR-PARTNER------------ */

  /* ---------PARTNERS------ */


  .partners .container .pt-head .hide-1 {
    display: none;
  }

  .partners .container .pt-head .hide-2 {
    display: block;
    font-size: 32px;
  }

  .partners .container .pt-image {
    top: 64;
    padding: 0px;
  }

  .partners .container .pt-image img {
    width: 80%;
    margin: 0 auto;
    font-size: 32px;
  }



  /* -------PARTNER-1----- */


  .partner-1 .container h3 {
    text-align: center;
    font-size: 32px;
    padding-top: 140px;
  }

  .partner-1 .container .quality {
    padding-top: 28px;
  }

  .partner-1 .container .quality .text-w {
    font-size: 22px;
  }

  .bt-text .container p {
    padding: 0px 128px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
  }

  .partners .container .row .pt-image {
    width: 100%;
  }

  .partner-1 .container .quality-wrapper .box {
    font-size: 22px;
  }

  .partner-1 .container .partner-bottom-text p {
    margin: 50px 129px;
    font-weight: 500;
    font-size: 18px;
  }

  .partner-1 .container .partner-bottom-text p {
    margin-bottom: 0px;
    padding-bottom: 120px;
  }

  /* xxxxxxxxxxxxxxx---------xxxxxxxxxxxxxxxxx----------xxxxxxxxxxxxxxxxxxx */

  /* ------------PRODUCT-DISPLAY------------- */

  /* ------PRODUCTS -------*/


  .products .container .product-wrapper-1 .heading h3 {
    font-size: 32px;
  }

  .products .container .product-wrapper-1 .pt-category-1 {
    margin: 10px;
  }

  .products .container .product-wrapper-1 img {

    object-fit: cover;
    /* aspect-ratio: 1/1; */
  }


  /* ------KEY-FIT------ */

  .key-fit {
    padding: 96px 0px;
  }

  .key-fit .container .text-key h2 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 48px;
  }

  /*------ KEY-IINGREDIENT----- */

  .key-ingredient .container {
    width: 566px;
  }

  .key-ingredient .container .text-gredient h2 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 50px;
  }

  .key-ingredient .container .items-desc {
    padding: 16px 14px 16px 14px;
  }

  /*------- ONLINE-PRODUCT------ */

  .online-product .container .heading-product .product-amazon {
    font-size: 32px;
    text-align: center;
  }


  /*----- PRODUCT-DISPLAY ----*/


  .product-display {
    margin: 32px 0px 58px 0px;
  }

  .product-display .container .product-image img {
    object-fit: cover;
    padding-right: 15px;
  }

  .product-display .container .product-image {
    height: 100%;
  }

  .product-display .container .row {
    flex-direction: row-reverse;
  }

  .product-display .container .product-text h2 {
    font-size: 32px;
  }

  .product-display .container .product-text p {
    padding: 0px 6px 0px 0px;

  }


  /* ----------------PRODUCT-CATEGORY-------------- */


  /* -------------FORM-A-------------- */

  .form-wrapper .container .heading-text .text-y {
    font-size: 32px;
    margin: 0px 215px;
  }


  .form-section .container .text-wrapper-x {
    margin: 150px 0px 0px 0px;
    padding: 20px 16px;
    text-align: center;
    color: #EBF3FF;
  }

  .form-section .container .text-wrapper-x h2 {
    padding: 0px 40px;
    font-size: 32px;
  }

  /* xxxxxxxx------------xxxxxxxxx--------------xxxxxxxxx   */

  /*--------------- 404-------------- */
  .number .container .no-text {
    margin: 0px 173px;
  }

  .number {
    padding-top: 190px;
  }

  /* xxxxxxxxx----------xxxxxxxxxxx-----------xxxxxxxxxxxx    */

  /*--------------- PRIVACY-POLICY------------- */

  .privacy .container h2 {
    text-align: center;
    font-size: 32px;
  }

  /* xxxxxxx----------xxxxxxxxx----------xxxxxxxxx */

  /*----------------FOOTER------------- */
  .footer-bottom {
    font-size: 14px;
  }

  footer .container .footer-part-2 ul .head-1 a {
    font-size: 17px;
  }

  footer .container .footer-part-2 ul li a {
    font-size: 14px;
  }

  footer .container .footer-bottom ul li a {
    font-size: 14px;
  }

  footer .container .footer-bottom .bt-hide-1 {
    text-decoration: underline;
    color: #505D68;
  }

  footer .container .footer-bottom ul span {
    text-decoration: underline;
  }

  footer .container .footer-bottom ul .ft-hide-1 {
    display: none;
  }

  footer .container .footer-bottom ul .bt-hide-b {
    text-decoration: underline;
    color: #505D68;
  }

  footer .container .footer-bottom .bottom-game-1 {
    margin: 0 auto;
    order: 4;
  }

  footer .container .footer-bottom .bottom-game-2 {

    order: 3;
  }

  /* xxxxxxx-------------xxxxxxxxxx-----------xxxxxxxxxxxx */

}

@media (min-width: 992px) {

  .menu-overlay {
    display: none;
  }


  /*---------------- DISPLAY-PRODUCT-------------- */

  .key-ingredient .container {
    width: 968px;
  }

  /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
}

@media (min-width: 1200px) {


  .menu-overlay {
    display: none;
  }

  .btn-x {
    display: block;
  }

  .btn-y {
    display: none;
  }

  /* ---------------ABOUT-PAGE----------------- */


  /* ------------------ABOUT-MAIN------------------- */

  .about-main h2 {
    font-size: 45px;
  }

  .about-main {
    height: 100vh;
    margin-top: 0px;
  }

  .azulejoSvg {
    min-height: 0;
  }

  /*------------------- ABOUT-PAGE-WRAPPER-------------*/
  .about-page-wrapper {
    margin: 0px;
  }

  .about-page-wrapper .container {
    padding: 120px 0px;
    text-align: center;
  }

  .about-page-wrapper .container .col-12 {
    margin: 0 auto;
    padding: 0px 54px;
  }

  .about-page-wrapper .container h2 {
    text-align: center;
    font-size: 45px;
  }



  /* ---------------MISSION-WRAPPER-------------- */

  .mission-wrapper .container .mission-text-2 p {
    padding: 0px 27px;
    font-size: 22px;
  }

  .mission-wrapper {
    padding: 128px 0px;
  }

  .mission-wrapper .container h2 {
    font-size: 45px;
  }

  /*-------------- CARE-------------- */
  .care .container p {
    padding: 0px 44px;
  }

  .care .container h2 {
    text-align: start;
    font-size: 45px;
  }

  /*------------------- SECRET-BEHIND--------------- */
  .secret-behind .container .col-11 {
    padding: 0px 170px 0px 0px;
  }

  .secret-behind .contianer {
    width: 1220px;
  }

  .secret-behind .container .head-text {
    text-align: center;
    margin-bottom: 80px;
  }

  .secret-behind .container {
    width: 941px;
  }

  .secret-behind {
    padding: 120px 0px 145px 0px;
  }

  .secret-behind .container .head-text h2 {
    font-size: 45px;
  }

  .secret-behind .container .no-1 {
    font-size: 28px;
  }


  /*--------------- PART-OUR--------------- */

  .part-our .container .heading-b {
    display: none;
  }

  .part-our .container .heading-a {
    display: none;
  }

  .part-our .container .heading-c {
    display: block;
    font-size: 32px;
    text-align: start;
  }

  .part-our {
    padding: 104px 0px;
  }

  /* xxxxxxx------------xxxxxxxxxxxxx-------------xxxxxxxxxx */

  /* * -------------OUR-PARTNER------------ */

  /*------------ PARTNERS---------- */

  .partners .container .pt-image img {
    width: 65.5%;
  }

  .partners .container .pt-head .hide-2 {
    font-size: 45px;
  }

  .partners .container .pt-head h2 {
    padding: 0px;
  }

  .partners .container .pt-image {
    margin-top: 0;
  }


  /*----------- PARTNER-1--------- */

  .partner-1 .container h3 {
    text-align: center;
    font-size: 45px;
    padding-top: 140px;
  }

  .partner-1 .container .quality-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
  }

  .partner-1 .container .quality-wrapper .box {
    font-size: 28px;
  }

  .partner-1 .container .partner-bottom-text p {
    margin: 50px 345px;
    font-weight: 500;
    font-size: 18px;
  }

  .partner-1 .container .partner-bottom-text p {
    margin-bottom: 0px;
    padding-bottom: 80px;
  }

  /* xxxxxxxxxxxx------------xxxxxxxxxxxxx------------xxxxxxxxxxxxxxxx */


  /* ------------PRODUCT-DISPLAY------------- */
  .product-display .container .row {
    margin-top: 80px;
    margin-bottom: 120px;
    justify-content: flex-end;
  }

  .product-display .container .product-image {
    /* width: 78%; */
    padding-right: 0;
    /* height: 22rem; */

  }

  .product-display .container .product-image img {
    /* aspect-ratio: 1/0; */
    padding-right: 0;
  }

  /* ------PRODUCTS -------*/
  .products {
    padding: 0px 0px 80px 0px;
  }

  .products .container .product-wrapper-1 .row {
    justify-content: start;
  }

  .products .container .product-wrapper-1 .heading h3 {
    font-size: 45px;
  }

  .products .container .product-wrapper-1 img {

    object-fit: cover;
    aspect-ratio: 1/1;
  }

  /* ------KEY-FIT------ */
  .key-fit .container .text-key h2 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 48px;
  }

  .key-fit .container .row .col-1 {
    margin-right: 10px;
  }

  .key-fit {
    padding: 120px 0px;
  }

  .key-fit .container .last-box {
    display: block;
    margin-top: 77px;
  }

  .key-fit .container .list-1 {
    font-size: 28px;
  }

  .key-fit .container p {
    margin: 4px 0px 24px 0px;
  }

  .key-fit .container {
    width: 1000px;
  }

  .key-fit .container .col-10 .key-t {
    font-size: 28px;
  }



  /*------ KEY-IINGREDIENT----- */

  .key-ingredient .container {
    width: 1046px;
  }

  .key-ingredient .container .items-desc {
    padding: 16px 14px 16px 14px;
  }

  .key-ingredient .container .item {
    font-size: 28px;
  }

  .key-ingredient .container .text-gredient h2 {
    text-align: center;
    font-size: 38px;
    margin-bottom: 56px;
  }

  /*------- ONLINE-PRODUCT------ */
  .online-product .container .heading-product .product-amazon {
    font-size: 32px;
    text-align: start;
  }


  /*----- PRODUCT-DISPLAY ----*/
  .product-display .container {
    max-width: 1232px;
  }

  .product-display .container .product-text h2 {
    font-size: 62px;
  }

  .product-display .container .product-text p {
    padding: 0px 70px 0px 0px;
  }


  /* xxxxxxxxx-------------xxxxxxxxxxx-------------xxxxxxxxxxx */


  /* ----------------PRODUCT-CATEGORY-------------- */

  /* -------------FORM-A-------------- */

  .form-wrapper .container .heading-text .text-y {
    font-size: 45px;

  }

  .form-wrapper .container .heading-text .text-x {
    font-size: 16px;
  }

  .form-section .container .text-wrapper-x {
    margin: 150px 0px 0px 0px;
    padding: 20px 16px;
    text-align: center;
    color: #EBF3FF;
  }

  .form-section .container .text-wrapper-x h2 {
    padding: 0px 267px;
    font-size: 45px;
  }


  /* xxxxxxxx------------xxxxxxxxx--------------xxxxxxxxx   */



  /*--------------- 404-------------- */
  .number .container h2 {
    font-size: 45px;
    margin-bottom: 20px;
  }

  .number {
    padding-top: 300px;
  }

  /* xxxxxxxxx----------xxxxxxxxxxx-----------xxxxxxxxxxxx    */

  /*--------------- PRIVACY-POLICY------------- */

  .privacy .container .privacy-text {
    margin: 0px 296px 70px 270px;

  }

  .privacy .container h2 {
    font-size: 45px;
  }

  /* xxxxxxx----------xxxxxxxxx----------xxxxxxxxx */


  /* -------------FOOTER------------- */

  footer .container .footer-part-1 {
    align-items: flex-start;
  }

  .footer-bottom {
    font-size: 13px;
  }

  footer .container .footer-part-2 ul .head-1 a {
    font-size: 15px;
  }

  footer .container .footer-part-2 ul .head-1 {
    padding-bottom: 8px;
  }

  footer .contianer .footer-part-2 ul li {
    margin-bottom: 4px;
  }

  footer .container .footer-bottom ul li a {
    font-size: 13px;
  }

  footer .container .footer-bottom .bt-hide-1 {
    text-decoration: none;
  }

  footer .container .footer-bottom .bt-hide-1 {
    text-decoration: none;
    display: flex;
  }

  footer .container .footer-bottom ul span {
    text-decoration: none;
  }

  footer .container .footer-bottom ul .ft-hide-1 {
    display: block;
    padding-left: 24px;
  }

  footer .container .footer-bottom ul .bt-hide-b {
    text-decoration: none;
  }

  footer .container .footer-bottom .bottom-game-1 {
    margin: 0 auto;
    order: 3;
    justify-content: end;
    display: flex;
  }

  footer .container .footer-bottom .bottom-game-2 {
    display: none;
    order: 4;
  }

}

@media (min-width: 1400px) {




  h1 {
    font-size: 45px;
  }

  h2 {
    font-size: 45px;
  }

  h3 {
    font-size: 28px;
  }

  .d1 {
    font-size: 62px;
  }




  .hero-wrapper h1 {
    margin-bottom: 32px;
  }

  .hero-wrapper .marquee-section {
    margin-top: 44px;
  }

  .hero-wrapper .swipe-up-wrapper .text {
    font-size: 16px;
  }



  /*  */

  a span {
    transition: all 0.5s ease-out;
    display: block;
  }


  .value-stack {
    padding: 64px 0px;

  }

  .value-stack .row {
    justify-content: space-around;
  }

  .value-stack .row .tile {
    text-align: center;
  }




  .value-stack .row .tile:nth-child(2) {}



  .value-stack .row .tile p {
    font-size: 18px;
    font-weight: 450;
    width: 25ch;
    margin: 0 auto;
  }


  /* Product section  */

  .product-section {
    padding: 80px 0px;
  }



  .product-section h2 {
    color: var(--tr-color);
    margin: 80px 0px 40px;

  }

  .product-section .label {
    margin-bottom: 25px;
  }


  /* Problem section  */

  .problem-section {
    padding: 282px 0px;
  }

  .problem-section h2 {

    margin-bottom: 24px;
  }

  .problem-section .problem-wrappers .problem-content:nth-child(3) {

    margin-bottom: 0px;

  }

  /* Expertise Section  */



  .expertise-section {

    padding: 96px 0px 112px 0px;
  }

  .expertise-section .line {
    /* margin: 48px 0px; */
  }

  .expertise-section h3 {
    font-size: 28px;
    margin-bottom: 5px;

  }







  /* Testimonial Section  */

  .review-slider .swiper-slide {
    text-align: center;
    /* font-size: 18px; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0px;
    /* background: rgba(255, 255, 255, 0.304); */
    transition: all 0.3s ease;
    opacity: 0.4;

    padding: 0px 40px;
    box-sizing: border-box;
    width: 635px;
  }



  .review-slider .swiper-wrapper .swiper-slide .review .review-detailed-text {
    font-size: 18px;
  }





  /* Partners page ---
 Helping professionals features */

  .brand-features .features-wrappers {
    text-align: left;
    justify-content: center;
  }

  .brand-features .features-wrappers .img-wrapper img {
    width: 100%;
  }





  /*---------------- ABOUT-PAGE----------------- */




  /* xxxxxxxxxx--------------xxxxxxxxxxxxxx------------xxxxxxxxxxxx     */
}