@charset "UTF-8";
/*---------------------------------------------"
// Template Name: Vision Vogue
// Template URL: https://techpedia.co.uk/template/visionvogue
// Description:  Vision Vogue - A Vision Vogue Html Template
// Version: 1.0.0

===============================================   
STYLE SHEET INDEXING
|
|___ Fonts
|___ Variables
|___ Responsive
|___ Reset Styles
|___ Spacing
|___ Helper Classes
|___ Buttons
|___ Headings
|___ Layout Styles
|___ END STYLE SHEET INDEXING

--------------------------------------------*/
/*-------------------------
    Fonts
-------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap");
/*-------------------------
    Variables
-------------------------*/
/* Fonts */
/* Colors */
/* Transitions */
/* Gradients */
/* Shadows */
/*-------------------------
    Reset Styles
-------------------------*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

ul.list-style,
ol.list-style {
  padding: 0;
}

ul.list-style li::marker,
ol.list-style li::marker {
  color: #d47993;
}

.unstyled {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .container-fluid {
    max-width: 100%;
    padding-left: 96px;
    padding-right: 96px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .container-fluid {
    max-width: 100%;
    padding-left: 68px;
    padding-right: 68px;
  }
}
@media only screen and (min-width: 575px) and (max-width: 1199px) {
  .container-fluid {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .container-fluid-2 {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .container-fluid {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 575px) and (max-width: 1199px) {
  .container-fluid {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.page-content {
  margin: 20px 0;
}

/*-------------------------
    Typography
-------------------------*/
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", sans-serif;
  color: #3e3e3d;
  background-color: #F8F8FF;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  height: 100%;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body::-webkit-scrollbar {
  width: 8px;
}
body::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 8px;
}
body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #d47993;
  box-shadow: inset 2px 2px 5px 0 rgba(255, 255, 255, 0.5);
}

h1,
h2,
h3,
h4,
h5,
h6,
address,
p,
pre,
blockquote,
table,
hr {
  margin: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1,
.h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 61px;
  line-height: 120%;
  letter-spacing: -1.22px;
}
@media (max-width: 992px) {
  h1,
  .h1 {
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  h1,
  .h1 {
    font-size: 44px;
  }
}
@media (max-width: 575px) {
  h1,
  .h1 {
    font-size: 36px;
  }
}

h2,
.h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 47px;
  line-height: 125%;
  letter-spacing: -0.47px;
}
@media (max-width: 992px) {
  h2,
  .h2 {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  h2,
  .h2 {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  h2,
  .h2 {
    font-size: 32px;
  }
}

h3,
.h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  line-height: 120%;
  letter-spacing: -0.36px;
}
@media (max-width: 992px) {
  h3,
  .h3 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  h3,
  .h3 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  h3,
  .h3 {
    font-size: 26px;
  }
}

h4,
.h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 27px;
  line-height: 120%;
  letter-spacing: -0.27px;
}
@media (max-width: 992px) {
  h4,
  .h4 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  h4,
  .h4 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  h4,
  .h4 {
    font-size: 22px;
  }
}

h5,
.h5 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 21px;
  line-height: 130%;
}
@media (max-width: 992px) {
  h5,
  .h5 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  h5,
  .h5 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  h5,
  .h5 {
    font-size: 16px;
  }
}

h6,
.h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
}
@media (max-width: 992px) {
  h6,
  .h6 {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  h6,
  .h6 {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  h6,
  .h6 {
    font-size: 13px;
  }
}

p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 0.32px;
}
@media (max-width: 992px) {
  p {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  p {
    font-size: 14px;
  }
}

/*==============================
     Font - Name
==============================*/
.font-primary {
  font-family: "Poppins", sans-serif;
}

a {
  display: inline-block;
  text-decoration: none;
  color: unset;
  transition: all 0.5s ease;
}
a:hover {
  color: #d47993;
}

span {
  display: inline-block;
}

b,
strong {
  font-family: "Poppins", sans-serif;
}

/*-------------------------
Helpers
-------------------------*/
.color-primary {
  color: #d47993 !important;
}

.color-sec {
  color: #f4e4ef !important;
}

.black {
  color: #3e3e3d !important;
}

.light-black {
  color: #212627 !important;
}

.gray {
  color: #7A7F85 !important;
}

.white {
  color: #FFF !important;
}

.lightest-gray {
  color: #9EA2A8 !important;
}

.light-gray {
  color: #9EA2A8 !important;
}

.bg-primary {
  background-color: #d47993 !important;
}

.bg-sec {
  background-color: #f4e4ef !important;
}

.bg-black {
  background-color: #3e3e3d !important;
}

.bg-light-black {
  background-color: #212627 !important;
}

.bg-gray {
  background-color: #7A7F85 !important;
}

.bg-lightest-gray {
  background-color: #9EA2A8 !important;
}

.bg-light-gray {
  background-color: #9EA2A8 !important;
}

.br-30 {
  border-radius: 30px;
}

.br-25 {
  border-radius: 25px;
}

.br-20 {
  border-radius: 20px;
}

.br-15 {
  border-radius: 15px;
}

.br-10 {
  border-radius: 10px;
}

.br-5 {
  border-radius: 5px;
}

.shadow {
  box-shadow: 2px 1px 5px 0px rgba(0, 22, 86, 0.06), 8px 4px 9px 0px rgba(0, 22, 86, 0.05), 17px 9px 12px 0px rgba(0, 22, 86, 0.03), 31px 15px 14px 0px rgba(0, 22, 86, 0.01), 49px 24px 15px 0px rgba(0, 22, 86, 0) !important;
}

.shadow-2 {
  box-shadow: 0px 0px 20px 0px rgba(0, 22, 86, 0.08) !important;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.b-unstyle {
  border: 0;
  background: transparent;
}

/*----------------------------------------*/
/*  SPACE CSS START
/*----------------------------------------*/
.m-80 {
  margin: 80px 0;
}
@media (max-width: 1199px) {
  .m-80 {
    margin: 64px 0;
  }
}
@media (max-width: 991px) {
  .m-80 {
    margin: 54px 0;
  }
}
@media (max-width: 767px) {
  .m-80 {
    margin: 42px 0;
  }
}

.mt-80 {
  margin-top: 80px;
}
@media (max-width: 1199px) {
  .mt-80 {
    margin-top: 64px;
  }
}
@media (max-width: 991px) {
  .mt-80 {
    margin-top: 54px;
  }
}
@media (max-width: 767px) {
  .mt-80 {
    margin-top: 42px;
  }
}

.mb-80 {
  margin-bottom: 80px;
}
@media (max-width: 1199px) {
  .mb-80 {
    margin-bottom: 64px;
  }
}
@media (max-width: 991px) {
  .mb-80 {
    margin-bottom: 54px;
  }
}
@media (max-width: 767px) {
  .mb-80 {
    margin-bottom: 42px;
  }
}

.mt-64 {
  margin-top: 64px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-64 {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-64 {
    margin-top: 42px;
  }
}
@media (max-width: 767px) {
  .mt-64 {
    margin-top: 32px;
  }
}

.mb-64 {
  margin-bottom: 64px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-64 {
    margin-bottom: 48px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-64 {
    margin-bottom: 42px !important;
  }
}
@media (max-width: 767px) {
  .mb-64 {
    margin-bottom: 32px !important;
  }
}

.mt-60 {
  margin-top: 60px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-60 {
    margin-top: 48px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-60 {
    margin-top: 42px !important;
  }
}
@media (max-width: 767px) {
  .mt-60 {
    margin-top: 32px !important;
  }
}

.m-48 {
  margin: 48px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .m-48 {
    margin: 42px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .m-48 {
    margin: 32px 0;
  }
}
@media (max-width: 767px) {
  .m-48 {
    margin: 24px 0;
  }
}

.mt-48 {
  margin-top: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-48 {
    margin-top: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-48 {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .mt-48 {
    margin-top: 24px;
  }
}

.mb-48 {
  margin-bottom: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-48 {
    margin-bottom: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-48 {
    margin-bottom: 36px;
  }
}
@media (max-width: 767px) {
  .mb-48 {
    margin-bottom: 32px;
  }
}

.m-40 {
  margin: 40px 0;
}
@media (max-width: 1199px) {
  .m-40 {
    margin: 32px 0;
  }
}
@media (max-width: 991px) {
  .m-40 {
    margin: 28px 0;
  }
}
@media (max-width: 767px) {
  .m-40 {
    margin: 22px 0;
  }
}

.mt-40 {
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .mt-40 {
    margin-top: 32px;
  }
}
@media (max-width: 991px) {
  .mt-40 {
    margin-top: 28px;
  }
}
@media (max-width: 767px) {
  .mt-40 {
    margin-top: 22px;
  }
}

.mt-32 {
  margin-top: 32px;
}
@media (max-width: 1199px) {
  .mt-32 {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .mt-32 {
    margin-top: 26px;
  }
}
@media (max-width: 767px) {
  .mt-32 {
    margin-top: 22px;
  }
}

.mt-24 {
  margin-top: 24px;
}
@media (max-width: 1199px) {
  .mt-24 {
    margin-top: 22px;
  }
}
@media (max-width: 991px) {
  .mt-24 {
    margin-top: 22px;
  }
}
@media (max-width: 767px) {
  .mt-24 {
    margin-top: 20px;
  }
}

.m-24 {
  margin: 24px;
}
@media (max-width: 1199px) {
  .m-24 {
    margin: 22px;
  }
}
@media (max-width: 991px) {
  .m-24 {
    margin: 22px;
  }
}
@media (max-width: 767px) {
  .m-24 {
    margin: 20px;
  }
}

.mt-16 {
  margin-top: 16px;
}
@media (max-width: 1199px) {
  .mt-16 {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .mt-16 {
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .mt-16 {
    margin-top: 12px;
  }
}

.mt-8 {
  margin-top: 8px;
}
@media (max-width: 1199px) {
  .mt-8 {
    margin-top: 6px;
  }
}
@media (max-width: 991px) {
  .mt-8 {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .mt-8 {
    margin-top: 2px;
  }
}

.mb-40 {
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .mb-40 {
    margin-bottom: 32px;
  }
}
@media (max-width: 991px) {
  .mb-40 {
    margin-bottom: 28px;
  }
}
@media (max-width: 767px) {
  .mb-40 {
    margin-bottom: 22px;
  }
}

.mb-32 {
  margin-bottom: 32px;
}
@media (max-width: 1199px) {
  .mb-32 {
    margin-bottom: 28px;
  }
}
@media (max-width: 991px) {
  .mb-32 {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .mb-32 {
    margin-bottom: 20px;
  }
}

.mb-30 {
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .mb-30 {
    margin-bottom: 28px;
  }
}
@media (max-width: 991px) {
  .mb-30 {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .mb-30 {
    margin-bottom: 20px;
  }
}

.mb-24 {
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .mb-24 {
    margin-bottom: 22px;
  }
}
@media (max-width: 991px) {
  .mb-24 {
    margin-bottom: 22px;
  }
}
@media (max-width: 767px) {
  .mb-24 {
    margin-bottom: 20px;
  }
}

.mb-16 {
  margin-bottom: 16px;
}
@media (max-width: 1199px) {
  .mb-16 {
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .mb-16 {
    margin-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .mb-16 {
    margin-bottom: 12px;
  }
}

.mb-12 {
  margin-bottom: 12px;
}
@media (max-width: 1199px) {
  .mb-12 {
    margin-bottom: 11px;
  }
}
@media (max-width: 991px) {
  .mb-12 {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .mb-12 {
    margin-bottom: 8px;
  }
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-4p {
  margin-bottom: 4px;
}

.p-120 {
  padding: 120px 0;
}
@media (max-width: 1199px) {
  .p-120 {
    padding: 98px 0;
  }
}
@media (max-width: 991px) {
  .p-120 {
    padding: 76px 0;
  }
}
@media (max-width: 767px) {
  .p-120 {
    padding: 56px 0;
  }
}

.pt-120 {
  padding-top: 120px;
}
@media (max-width: 1199px) {
  .pt-120 {
    padding-top: 98px;
  }
}
@media (max-width: 991px) {
  .pt-120 {
    padding-top: 76px;
  }
}
@media (max-width: 767px) {
  .pt-120 {
    padding-top: 56px;
  }
}

.p-96 {
  padding: 96px 0;
}
@media (max-width: 1199px) {
  .p-96 {
    padding: 72px 0;
  }
}
@media (max-width: 991px) {
  .p-96 {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .p-96 {
    padding: 48px 0;
  }
}

.p-80 {
  padding: 80px 0;
}
@media (max-width: 1199px) {
  .p-80 {
    padding: 64px 0;
  }
}
@media (max-width: 991px) {
  .p-80 {
    padding: 54px 0;
  }
}
@media (max-width: 767px) {
  .p-80 {
    padding: 42px 0;
  }
}

.pt-80 {
  padding-top: 80px;
}
@media (max-width: 1199px) {
  .pt-80 {
    padding-top: 64px;
  }
}
@media (max-width: 991px) {
  .pt-80 {
    padding-top: 54px;
  }
}
@media (max-width: 767px) {
  .pt-80 {
    padding-top: 42px;
  }
}

.pb-80 {
  padding-bottom: 80px;
}
@media (max-width: 1199px) {
  .pb-80 {
    padding-bottom: 64px;
  }
}
@media (max-width: 991px) {
  .pb-80 {
    padding-bottom: 54px;
  }
}
@media (max-width: 767px) {
  .pb-80 {
    padding-bottom: 42px;
  }
}

.p-64 {
  padding: 64px 0;
}
@media (max-width: 1199px) {
  .p-64 {
    padding: 56px 0;
  }
}
@media (max-width: 991px) {
  .p-64 {
    padding: 48px 0;
  }
}
@media (max-width: 767px) {
  .p-64 {
    padding: 42px 0;
  }
}

.p-60 {
  padding: 60px 0;
}
@media (max-width: 1199px) {
  .p-60 {
    padding: 54px 0;
  }
}
@media (max-width: 991px) {
  .p-60 {
    padding: 46px 0;
  }
}
@media (max-width: 767px) {
  .p-60 {
    padding: 40px 0;
  }
}

.p-48 {
  padding: 48px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .p-48 {
    padding: 42px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .p-48 {
    padding: 32px 0;
  }
}
@media (max-width: 767px) {
  .p-48 {
    padding: 26px 0;
  }
}

.pt-48 {
  padding-top: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-48 {
    padding-top: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-48 {
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .pt-48 {
    padding-top: 26px;
  }
}

.pb-48 {
  padding-bottom: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-48 {
    padding-bottom: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-48 {
    padding-bottom: 36px;
  }
}
@media (max-width: 767px) {
  .pb-48 {
    padding-bottom: 26px;
  }
}

.p-40 {
  padding: 40px 0;
}
@media (max-width: 1199px) {
  .p-40 {
    padding: 32px 0;
  }
}
@media (max-width: 991px) {
  .p-40 {
    padding: 28px 0;
  }
}
@media (max-width: 767px) {
  .p-40 {
    padding: 22px 0;
  }
}

.pt-40 {
  padding-top: 40px;
}
@media (max-width: 1199px) {
  .pt-40 {
    padding-top: 32px;
  }
}
@media (max-width: 991px) {
  .pt-40 {
    padding-top: 28px;
  }
}
@media (max-width: 767px) {
  .pt-40 {
    padding-top: 22px;
  }
}

.pb-40 {
  padding-bottom: 40px;
}
@media (max-width: 1199px) {
  .pb-40 {
    padding-bottom: 32px;
  }
}
@media (max-width: 991px) {
  .pb-40 {
    padding-bottom: 28px;
  }
}
@media (max-width: 767px) {
  .pb-40 {
    padding-bottom: 22px;
  }
}

.pt-24 {
  padding: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-24 {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-24 {
    padding: 18px;
  }
}
@media (max-width: 767px) {
  .pt-24 {
    padding: 16px;
  }
}
@media (max-width: 490px) {
  .pt-24 {
    padding: 14px;
  }
}

.ptb-24 {
  padding: 24px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ptb-24 {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb-24 {
    padding: 18px 0;
  }
}
@media (max-width: 767px) {
  .ptb-24 {
    padding: 16px 0;
  }
}
@media (max-width: 490px) {
  .ptb-24 {
    padding: 14px 0;
  }
}

.p-24 {
  padding: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .p-24 {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .p-24 {
    padding: 18px;
  }
}
@media (max-width: 767px) {
  .p-24 {
    padding: 16px;
  }
}
@media (max-width: 490px) {
  .p-24 {
    padding: 14px;
  }
}

.p-16 {
  padding: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .p-16 {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .p-16 {
    padding: 13px;
  }
}
@media (max-width: 767px) {
  .p-16 {
    padding: 10px;
  }
}
@media (max-width: 490px) {
  .p-16 {
    padding: 10px;
  }
}

.p-8 {
  padding: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .p-8 {
    padding: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .p-8 {
    padding: 7px;
  }
}
@media (max-width: 767px) {
  .p-8 {
    padding: 7px;
  }
}
@media (max-width: 490px) {
  .p-8 {
    padding: 6px;
  }
}

.pb-16 {
  padding-bottom: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-16 {
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-16 {
    padding-bottom: 13px;
  }
}
@media (max-width: 767px) {
  .pb-16 {
    padding-bottom: 10px;
  }
}
@media (max-width: 490px) {
  .pb-16 {
    padding-bottom: 10px;
  }
}

.ptb-16 {
  padding: 16px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ptb-16 {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb-16 {
    padding: 13px 0;
  }
}
@media (max-width: 767px) {
  .ptb-16 {
    padding: 10px 0;
  }
}
@media (max-width: 490px) {
  .ptb-16 {
    padding: 10px 0;
  }
}

.plr-16 {
  padding: 0 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .plr-16 {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .plr-16 {
    padding: 0 14px;
  }
}
@media (max-width: 767px) {
  .plr-16 {
    padding: 0 13px;
  }
}
@media (max-width: 490px) {
  .plr-16 {
    padding: 0 12px;
  }
}

.p-216 {
  padding: 40px 216px;
}

.p-16_p-24 {
  padding: 16px 24px;
}

.prt-4 {
  padding-right: 4px;
}

/*-------------------------
Elements
-------------------------*/
#preloader {
  position: fixed;
  width: 100%;
  height: 100vh;
  justify-content: center;
  display: flex;
  background: #3e3e3d;
  z-index: 9999999;
  padding-top: 16%;
}

/* heart beat */
.heartbeatloader {
  position: absolute;
  width: 10vmin;
  height: 10vmin;
  z-index: -2;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.svgdraw {
  top: 30%;
  left: 26%;
  position: absolute;
  width: 50%;
  height: 50%;
  color: #fff;
  transform: scale(1.4);
  z-index: 3;
}

.path {
  stroke: rgba(255, 255, 255, 0.95);
  stroke-width: 4;
  stroke-dasharray: 1000px;
  stroke-dashoffset: 1000px;
  animation: draw 1.5s infinite forwards normal linear;
  animation-delay: 0.1s;
  position: relative;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
.innercircle {
  position: absolute;
  top: 17%;
  left: 100.5%;
  transform: translate(-50%, -50%) scale(1.2);
  width: 160%;
  height: auto;
  z-index: 1;
  opacity: 0.97;
  animation: innerbeat 1.5s infinite linear forwards;
}

.innercircle:before,
.innercircle:after {
  position: absolute;
  content: "";
  left: 25%;
  top: 0;
  width: 25%;
  height: auto;
  padding-bottom: 40%;
  background: #d47993;
  border-radius: 50px 50px 0 0;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}

.innercircle:after {
  left: 0;
  transform: rotate(45deg);
  transform-origin: 100% 100%;
}

@keyframes innerbeat {
  0% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  10% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.3);
  }
  60% {
    transform: translate(-50%, -50%) scale(1.25);
  }
  75% {
    transform: translate(-50%, -50%) scale(1.3);
  }
}
.outercircle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #f4e4ef;
  box-shadow: 0 0 30px 0px #fff;
  position: absolute;
  z-index: -1;
  opacity: 0.7;
  top: 0;
  left: 0;
  transform: scale(1.2);
  animation: outerbeat 1.5s infinite linear forwards;
}

@keyframes outerbeat {
  0% {
    transform: scale(1.2);
  }
  10% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(1.3);
  }
  60% {
    transform: scale(1.25);
  }
  75% {
    transform: scale(1.3);
  }
}
.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 12px;
  display: block;
  width: 120px;
  height: 120px;
  font-size: 100px;
  padding: 11px 0;
  background: #d47993;
  color: #FFF;
  text-align: center;
  opacity: 0;
  text-decoration: none;
  border-radius: 100px;
  -webkit-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
  z-index: 999;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.back-to-top:hover {
  background: #d47993;
  color: #FFF;
}
.back-to-top.show {
  opacity: 1;
}
@media (max-width: 767px) {
  .back-to-top {
    right: -20px;
    bottom: 40px;
  }
}

.cus-btn {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.32px;
  width: fit-content;
  transition: all 0.5s ease;
  padding: 16px 24px;
  background-color: #d47993;
  color: #FFF;
  border: 1px solid #d47993;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 492px) {
  .cus-btn {
    font-size: 12px;
    padding: 8px 16px;
  }
}
.cus-btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  transform: translateX(-100%);
  transition: all 0.3s;
  z-index: -1;
}
.cus-btn:hover {
  background: transparent;
  color: #d47993;
}
.cus-btn:hover::before {
  transform: translateX(0);
}
.cus-btn.active {
  background-color: transparent;
  color: #d47993;
  border: 1px solid #d47993;
}
.cus-btn.active:hover {
  background-color: #d47993;
  color: #d47993;
  transition: all 0.5s ease;
}
.cus-btn.active:hover::before {
  transform: translateX(0);
}
.cus-btn.small-pad-2 {
  padding: 16px 32px;
}
@media (max-width: 992px) {
  .cus-btn.small-pad-2 {
    padding: 12px 22px;
  }
}
.cus-btn.small-pad {
  padding: 8px 16px;
}

.cus-btn-2 {
  background: transparent;
  color: #d47993;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.32px;
  width: fit-content;
  transition: all 0.5s ease;
  box-shadow: none;
  border-radius: 0;
  padding: 4px;
}
.cus-btn-2 i {
  font-size: 16px;
}
.cus-btn-2:hover {
  color: #f4e4ef;
}

.newsletter-btn {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.32px;
  width: fit-content;
  transition: all 0.5s ease;
  background-color: #d47993;
  color: #FFF;
  border: 1px solid #d47993;
  border-radius: 10px;
  padding: 12px 24px;
}

/*-------------------------
  Form Styling
-------------------------*/
.form-group {
  position: relative;
}
.form-group.has-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFF;
}
.form-group.has-search i {
  position: absolute;
  right: 10px;
  top: 7px;
  border-radius: 10px;
  font-size: 24px;
  font-weight: 400;
  color: #7A7F85;
  padding: 8px;
}
.form-group .form-control {
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.32px;
  position: relative;
  color: #212627;
  background: transparent;
  box-shadow: none;
  border-radius: 10px;
  border: 1px solid #9EA2A8;
}
.form-group .form-control:focus {
  color: #212627;
  background: #FFF;
  outline: 0;
  box-shadow: none;
}
.form-group .form-control::placeholder {
  color: #7A7F85;
  opacity: 1;
}
.form-group .form-control.blog-search {
  width: 416px;
}
@media (max-width: 768px) {
  .form-group .form-control.blog-search {
    width: 435px;
  }
}

input:focus {
  outline: 0;
  border: none;
  box-shadow: none;
}

label.error {
  color: #bc0f0f;
  margin-top: 10px;
}

input[type=checkbox]:checked {
  accent-color: #d47993;
}

input[type=checkbox]:checked {
  accent-color: #d47993;
  background-color: #d47993;
  width: 16px;
  height: 16px;
  border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
  background: #d47993;
}

input[type=radio] {
  height: auto;
  width: auto;
}

input[type=radio]:checked {
  accent-color: #d47993;
}

.select {
  position: relative;
  display: flex;
  width: 100%;
  border-radius: 0;
  color: #7A7F85;
}
.select::after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  color: #3e3e3d;
  position: absolute;
  top: 15px;
  right: 20px;
  padding-top: 4px;
  cursor: pointer;
  pointer-events: none;
  transition: 0.25s all ease;
}
.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0 !important;
  border: 0;
  border: 1px solid #7A7F85;
  background: transparent;
  background-image: none;
  flex: 1;
  color: #7A7F85;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  width: 100%;
  background-color: transparent;
  border: 1px solid #7A7F85;
  border-radius: 30px;
  padding: 15px;
}
.select select.checkout-3 {
  padding: 15px 15px 15px 50px;
}
.select select::-ms-expand {
  display: none;
}
.select select option {
  background-color: transparent;
  outline: 0 !important;
  border: 0;
  color: #3e3e3d;
  padding: 4px 8px;
}
.select select option:hover {
  background-color: #d47993 !important;
  color: white;
}
.select select option:checked {
  background-color: #d47993;
  color: white;
}

.alert-message {
  display: none;
}

.find-books {
  position: relative;
}
.find-books .search-input {
  display: flex;
  width: 416px;
  padding: 14px 8px 14px 24px;
  justify-content: space-between;
  align-items: center;
  border-radius: 30px;
  background: #9EA2A8;
  border: 1px solid #7A7F85;
}
.find-books .search-input.shop-listing {
  width: 306px;
}
@media (max-width: 1399px) {
  .find-books .search-input {
    width: 350px;
  }
}
@media (max-width: 1199px) {
  .find-books .search-input {
    width: 100%;
  }
}
.find-books img {
  position: absolute;
  top: 6px;
  right: 10px;
  background-color: #d47993;
  padding: 8px;
  border-radius: 30px;
}
.find-books img.shop {
  right: 10px;
}

.filter-checkbox input {
  padding: 0;
  display: none;
  border: 1px solid #3e3e3d;
  cursor: pointer;
}
.filter-checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 5px;
  height: 12px;
  z-index: 10;
  border: solid #3e3e3d;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.filter-checkbox label {
  position: relative;
  cursor: pointer;
  color: #7A7F85;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
}
@media (max-width: 992px) {
  .filter-checkbox label {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .filter-checkbox label {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .filter-checkbox label {
    font-size: 12px;
  }
}
.filter-checkbox label:before {
  content: "";
  -webkit-appearance: none;
  background: transparent;
  border: 1px solid #3e3e3d;
  border-radius: 3px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 8px;
  margin-top: -3px;
}
.filter-checkbox label.black-color {
  color: #3e3e3d;
}

/*-------------------------
  layouts
-------------------------*/
.header {
  width: 100%;
  background: transparent;
  height: auto;
  z-index: 999;
  position: relative;
}
@media (max-width: 991px) {
  .header {
    height: 80px;
  }
}
.header nav .navbar-brand {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .header nav .navbar-brand {
    width: 250px;
  }
}
.header nav .navbar-nav {
  gap: 8px;
}
@media (max-width: 1299px) {
  .header nav .navbar-nav {
    gap: 0;
  }
}
.header nav .navbar-nav .menu-item a {
  font-weight: 500;
  font-size: 16px;
  font-style: normal;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.32px;
  color: #3e3e3d;
  padding: 12px;
  transition: all 0.5s ease;
}
@media (max-width: 991px) {
  .header nav .navbar-nav .menu-item a {
    border: none;
  }
}
.header nav .navbar-nav .menu-item a.active {
  color: #d47993;
  transition: all 0.5s ease;
}
@media (max-width: 991px) {
  .header nav .navbar-nav .menu-item a.active {
    border: none;
  }
}
.header nav .navbar-nav .menu-item a:hover {
  color: #d47993;
  transition: all 0.5s ease;
}
@media (max-width: 991px) {
  .header nav .navbar-nav .menu-item a:hover {
    border: none;
  }
}
.header nav .navbar-nav .menu-item-has-children {
  position: relative;
}
.header nav .navbar-nav .menu-item-has-children a {
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.05em;
  color: #3e3e3d;
  padding: 12px;
  display: inline-flex;
}
.header nav .navbar-nav .menu-item-has-children a::after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  color: #3e3e3d;
  font-size: 20px;
  margin-left: 6px;
}
@media (max-width: 991px) {
  .header nav .navbar-nav .menu-item-has-children a {
    border: none;
  }
}
.header nav .navbar-nav .menu-item-has-children a.active {
  padding-top: 11px;
  color: #d47993;
  transition: all 0.5s ease;
}
.header nav .navbar-nav .menu-item-has-children a.active::after {
  color: #d47993;
}
@media (max-width: 991px) {
  .header nav .navbar-nav .menu-item-has-children a.active {
    border: none;
  }
}
.header nav .navbar-nav .menu-item-has-children a:hover {
  color: #d47993;
  transition: all 0.5s ease;
}
.header nav .navbar-nav .menu-item-has-children a:hover::after {
  color: #d47993;
}
@media (max-width: 991px) {
  .header nav .navbar-nav .menu-item-has-children a:hover {
    border: none;
  }
}
.header nav .navbar-nav .menu-item-has-children .submenu {
  position: absolute;
  top: 42px;
  left: 0;
  background: #FFF;
  box-shadow: 2px 1px 5px 0px rgba(0, 22, 86, 0.06), 8px 4px 9px 0px rgba(0, 22, 86, 0.05), 17px 9px 12px 0px rgba(0, 22, 86, 0.03), 31px 15px 14px 0px rgba(0, 22, 86, 0.01), 49px 24px 15px 0px rgba(0, 22, 86, 0);
  border-radius: 15px;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  min-width: 240px;
  padding: 10px;
  list-style: none;
  margin: 0;
}
.header nav .navbar-nav .menu-item-has-children .submenu a:after {
  display: none;
}
.header nav .navbar-nav .menu-item-has-children .submenu li {
  margin: 0;
  opacity: 0;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.header nav .navbar-nav .menu-item-has-children .submenu li a {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.05em;
  color: #212627;
  border-top: none;
  text-transform: capitalize;
  color: #212627;
  padding: 10px;
  display: block;
}
.header nav .navbar-nav .menu-item-has-children .submenu li a.active {
  color: #d47993;
}
.header nav .navbar-nav .menu-item-has-children .submenu li a:hover {
  color: #d47993;
}
.header nav .navbar-nav .menu-item-has-children:hover .submenu {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
  right: 0;
}
@media (max-width: 790px) {
  .header nav .navbar-nav .menu-item-has-children:hover .submenu {
    left: 0;
  }
}
.header nav .navbar-nav .menu-item-has-children:hover .submenu li {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.header .right-content {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 1299px) {
  .header .right-content {
    gap: 12px;
  }
}
.header .right-content ul {
  display: flex;
  list-style: none;
  align-items: center;
  text-align: center;
  gap: 16px;
}
@media (max-width: 1099px) {
  .header .right-content ul {
    gap: 8px;
  }
}
.header .right-content ul li a {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.32px;
}
.header .right-content ul li a i {
  font-size: 24px;
  color: #3e3e3d;
}
.header .right-content ul li a i:hover {
  color: #d47993;
  transition: all 0.5s ease;
}
.header .right-content ul li a.login-border {
  background: #3e3e3d;
  color: #FFF;
  border-radius: 10px;
  padding: 12px 24px;
  box-shadow: 0px 0px 20px 0px rgba(0, 22, 86, 0.08);
}
.header .right-content ul li a.login-border.active {
  background: #d47993;
}
.header .right-content ul li a.login-border:hover {
  background: #d47993;
}

.navbar-toggler {
  color: #3e3e3d;
  border: none;
  outline: 0;
  padding: 4px;
}
.navbar-toggler i {
  font-weight: 400px;
  font-size: 24px;
}
.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-expand-lg,
.navbar-collapse {
  justify-content: center;
}
@media (max-width: 991px) {
  .navbar-expand-lg,
  .navbar-collapse {
    justify-content: space-between;
    padding: 16px 12px;
  }
}

@media (max-width: 991px) {
  .navbar-collapse {
    min-width: 250px;
    position: absolute;
    right: 0;
    top: 56px;
    background: #FFF;
    box-shadow: 2px 1px 5px 0px rgba(0, 22, 86, 0.06), 8px 4px 9px 0px rgba(0, 22, 86, 0.05), 17px 9px 12px 0px rgba(0, 22, 86, 0.03), 31px 15px 14px 0px rgba(0, 22, 86, 0.01), 49px 24px 15px 0px rgba(0, 22, 86, 0);
    border-radius: 15px;
    padding: 10px;
    z-index: 9999;
  }
}

@media (max-width: 1099px) {
  .search-bar {
    width: 450px;
  }
}
.search-bar .header-search {
  text-align: center;
  position: relative;
  padding-top: 16px;
}
@media (max-width: 1399px) {
  .search-bar .header-search {
    display: flex;
  }
}
.search-bar .header-search button {
  border: 0;
  background: transparent;
}
.search-bar .header-search .form-control {
  padding-right: 32px;
  width: 597px;
  border-radius: 30px;
  background: #FFF;
  border: 1px solid #7A7F85;
  color: #7A7F85;
}
@media (max-width: 1099px) {
  .search-bar .header-search .form-control {
    width: 450px;
  }
}
.search-bar .header-search .form-control-search {
  position: absolute;
  right: -34px;
  top: 22px;
  border-radius: 30px;
  padding: 9px;
  z-index: 2;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  align-items: center;
  color: #FFF;
  background: #d47993;
}
@media (max-width: 1399px) {
  .search-bar .header-search .form-control-search {
    position: absolute;
    right: 10px;
  }
}
@media (max-width: 1099px) {
  .search-bar .header-search .form-control-search {
    position: absolute;
    right: 15px;
  }
}

footer .footer_area .links-block {
  margin-top: 82px;
}
@media (max-width: 767px) {
  footer .footer_area .links-block {
    margin-top: 48px;
  }
}
footer .footer_area .links-block .our-links {
  display: flex;
  gap: 70px;
}
@media (max-width: 592px) {
  footer .footer_area .links-block .our-links {
    gap: 40px;
  }
}
footer .footer_area .links-block .our-links ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
footer .footer_area .links-block .our-links ul li .details {
  display: flex;
  align-items: center;
  gap: 8px;
}
footer .footer_area .footer_center_area form {
  display: flex;
}
footer .footer_area .footer_center_area form button {
  position: absolute;
  right: 0;
}
footer .footer_social_links {
  padding: 16px 0;
}

.social-media-icons {
  display: flex;
  gap: 24px;
}

.sidebar {
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(50px);
  box-shadow: 0px 0px 20px 0px rgba(0, 22, 86, 0.08);
}
.sidebar .filters form {
  display: flex;
}
.sidebar .filters form button {
  position: absolute;
  right: 0;
}
.sidebar .filters .filter-block {
  border-bottom: 1px solid #FFF;
}
.sidebar .filters .filter-block .article {
  display: flex;
  align-items: center;
  gap: 16px;
}
.sidebar .filters .filter-block .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sidebar .filters .filter-block .list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tags {
  display: flex;
  padding: 0px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}
.tags .medics-tag {
  background-color: transparent;
  color: #d47993;
  border: 1px solid #d47993;
  border-radius: 5px;
  padding: 8px 16px;
}

.hero-banner {
 background-image: url('../media/banner/bg-light-2.jpg'); /* Verifica que la ruta sea correcta */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: px 0; /* Esto le da altura a la sección para que se vea el fondo */
    position: relative;
    overflow: hidden;
}
.hero-banner .banner-area .banner-right-image {
  display: flex;
  justify-content: end;
  position: relative;
  padding-top: 40px;
}
@media (max-width: 992px) {
  .hero-banner .banner-area .banner-right-image {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .hero-banner .banner-area .banner-right-image {
    justify-content: center;
    padding: 0;
    margin: 0 40px;
  }
}
.hero-banner .banner-area .banner-right-image .banner-card {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(25px);
  position: absolute;
  bottom: 21.5%;
  left: -7%;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 1399px) {
  .hero-banner .banner-area .banner-right-image .banner-card {
    left: -20%;
  }
}
@media (max-width: 1199px) {
  .hero-banner .banner-area .banner-right-image .banner-card {
    padding: 12px;
    border-radius: 10px;
  }
}
@media (max-width: 992px) {
  .hero-banner .banner-area .banner-right-image .banner-card {
    padding: 18px;
    left: 5%;
  }
}
@media (max-width: 767px) {
  .hero-banner .banner-area .banner-right-image .banner-card {
    padding: 8px;
    left: -10%;
  }
}
@media (max-width: 421px) {
  .hero-banner .banner-area .banner-right-image .banner-card {
    padding: 4px;
  }
}
.hero-banner .banner-area .banner-right-image .banner-card.box-2 {
  bottom: 7.5%;
}

.benifits .benifits-block {
  padding: 33px 24px 34px 60px;
  margin-left: 12%;
  background: #f4e4ef;
  border-radius: 20px;
  position: relative;
}
.benifits .benifits-block .image-circle {
  padding: 26px;
  border-radius: 5000px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 22, 86, 0.08);
  backdrop-filter: blur(25px);
  display: inline-flex;
  position: absolute;
  left: -12%;
  bottom: 14%;
}
@media (max-width: 1399px) {
  .benifits .benifits-block .image-circle {
    left: -16%;
    bottom: 20%;
  }
}
@media (max-width: 1099px) {
  .benifits .benifits-block .image-circle {
    left: -19%;
    bottom: 24%;
  }
}
@media (max-width: 992px) {
  .benifits .benifits-block .image-circle {
    padding: 18px;
    left: -19%;
    bottom: 30%;
  }
}
@media (max-width: 767px) {
  .benifits .benifits-block .image-circle {
    left: -9%;
    bottom: 19%;
  }
}

.bg-wrapper {
  background: url("../media/backgrounds/blue-background.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
.bg-wrapper.about-us {
  background: url("../media/backgrounds/blue-background-2.png");
  background-repeat: no-repeat;
  background-position: bottom;
}
.bg-wrapper.service-detail {
  background-position: inherit;
}

.bg-wrapper-2 {
  background: url("../media/banner/bg-light-3.png");
  background-repeat: no-repeat;
}

.bg-wrapper-3 {
  background: url("../media/backgrounds/blue-background-3.png");
  background-repeat: no-repeat;
  background-position: bottom;
}
.bg-wrapper-3.v-2 {
  background: url("../media/backgrounds/blue-background-4.png");
  background-repeat: no-repeat;
  background-position: bottom;
}
.bg-wrapper-3.v-3 {
  background: url("../media/backgrounds/blue-background-5.png");
  background-repeat: no-repeat;
  background-position: bottom;
}

.section-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.social_icons_list {
  display: flex;
  align-items: center;
  gap: 16px;
}
.social_icons_list li {
  flex-shrink: 0;
  padding: 9px;
  background: #d47993;
  border-radius: 10px;
}

.social_icons_list_2 {
  display: flex;
  align-items: center;
  gap: 16px;
}
.social_icons_list_2 li {
  flex-shrink: 0;
}
.social_icons_list_2 li a {
  padding: 9px;
  background: #FFF;
  box-shadow: 2px 1px 5px 0px rgba(0, 22, 86, 0.06), 8px 4px 9px 0px rgba(0, 22, 86, 0.05), 17px 9px 12px 0px rgba(0, 22, 86, 0.03), 31px 15px 14px 0px rgba(0, 22, 86, 0.01), 49px 24px 15px 0px rgba(0, 22, 86, 0);
  transition: all 0.5s ease;
  border-radius: 50%;
}
.social_icons_list_2 li a svg path {
  fill: #3e3e3d;
  transition: all 0.5s ease;
}
.social_icons_list_2 li a:hover {
  background: #d47993;
  transition: all 0.5s ease;
}
.social_icons_list_2 li a:hover svg path {
  fill: #FFF;
  transition: all 0.5s ease;
}

.filter_row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
}
.filter_row .left_block {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 575px) {
  .filter_row .left_block {
    gap: 16px;
  }
}
.filter_row .left_block .select_filter {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter_row .right_block {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.health-consult .content-area .title {
  display: flex;
  align-items: center;
  gap: 16px;
}
.health-consult .content-area .title .img-circle {
  padding: 26px;
  border-radius: 5000px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 20px 0px rgba(0, 22, 86, 0.08);
  backdrop-filter: blur(15px);
}
.health-consult .video-image {
  position: relative;
  height: 100%;
  object-fit: cover;
}
.health-consult .video-image .service_detail_img {
  height: 100%;
  object-fit: cover;
}
.health-consult .video-image .video-btn {
  position: absolute;
  top: 36%;
  right: 42%;
}
.health-consult .advantages .advantage_text {
  display: flex;
  align-items: center;
  gap: 16px;
}
.health-consult .advantages .advantage_text i {
  color: #d47993;
}

.modal {
  padding: 0 !important;
  --bs-modal-padding: 0rem !important;
  --bs-modal-margin: 0rem !important;
}
.modal .modal-dialog {
  max-width: 70%;
}
@media (max-width: 768px) {
  .modal .modal-dialog {
    max-width: 80%;
  }
}
@media (max-width: 575px) {
  .modal .modal-dialog {
    max-width: 100%;
  }
}
.modal .modal-dialog .modal-content {
  background-color: #000;
  margin-top: 48px;
  border-radius: 26px;
}
.modal .modal-dialog .modal-content .top_bar {
  background-color: #f4e4ef;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-radius: 16px 16px 0 0;
}
.modal .modal-dialog .modal-content .top_bar .modal-title {
  padding-left: 24px;
  color: #212627;
}
.modal .modal-dialog .modal-content .close {
  border: 0;
  background: transparent;
  color: #d47993;
  padding: 10px 20px 0px 10px;
}
.modal .modal-dialog .modal-content .close span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.modal .modal-dialog .modal-content .close span i {
  font-size: 24px;
}
.modal .modal-dialog .modal-content .close span b {
  font-size: 24px;
}
.modal .modal-dialog .modal-content .modal-body video {
  width: 100%;
  border-radius: 26px;
}
.modal .modal-dialog .modal-content .modal-body video iframe {
  border: 0;
  border: none;
  height: 700px;
  width: 100%;
}

.values .value-card {
  box-shadow: 2px 1px 5px 0px rgba(0, 22, 86, 0.06), 8px 4px 9px 0px rgba(0, 22, 86, 0.05), 17px 9px 12px 0px rgba(0, 22, 86, 0.03), 31px 15px 14px 0px rgba(0, 22, 86, 0.01), 49px 24px 15px 0px rgba(0, 22, 86, 0);
  background: #FFF;
  border-radius: 30px;
}
.values .value-card .image_title {
  display: flex;
  align-items: center;
  gap: 16px;
}

.faq-block {
  padding: 24px 0;
  padding-right: 26px;
  background: transparent;
  backdrop-filter: blur(50px);
  border-top: 1px solid #9EA2A8;
}
.faq-block .accordion-button {
  margin: 0;
  position: relative;
  padding: 0;
  font-weight: 500;
  font-size: 21px;
  line-height: 130%;
}
@media (max-width: 992px) {
  .faq-block .accordion-button {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .faq-block .accordion-button {
    font-size: 19px;
  }
}
@media (max-width: 575px) {
  .faq-block .accordion-button {
    font-size: 18px;
  }
}
.faq-block .accordion-button.collapsed {
  border-radius: 0px;
  padding: 0;
  background: none;
  margin: 0;
}
.faq-block .accordion-button.collapsed::after {
  background-image: none !important;
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
}
.faq-block .accordion-button:not(.collapsed) {
  color: #3e3e3d;
  background: transparent;
  border: none;
  box-shadow: none;
}
.faq-block .accordion-button:focus {
  border: none;
  box-shadow: none;
}
.faq-block .accordion-button::after {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  background-image: none !important;
  position: absolute;
  right: -24px;
  font-weight: 300;
  color: #d47993;
  font-size: 17px;
  cursor: pointer;
}
.faq-block .accordion-collapse p {
  margin: 16px 0 0;
}

/* ------------- FAQ Form ----------- */
.faq-form {
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 20px 0px rgba(0, 22, 86, 0.08);
  backdrop-filter: blur(50px);
  padding: 24px;
}

.page_404 {
  padding: 190px 0;
}
.page_404 .text-box {
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  padding: 70px 0;
}
@media (max-width: 992px) {
  .page_404 .text-box {
    padding: 50px 40px;
  }
}

.title-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 400px;
  background: rgba(255, 255, 255, 0.3);
  background-repeat: no-repeat;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
}

.cs-body {
  background: url("../media/backgrounds/blue-background-6.png");
  background-repeat: no-repeat;
}

.coming-soon-page .coming-soon-cd {
  display: flex;
  justify-content: center;
}
.coming-soon-page .coming-soon-cd ul {
  display: flex;
  gap: 10px;
}
.coming-soon-page .coming-soon-cd ul li {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  padding: 24px;
}
.coming-soon-page .coming-soon-cd ul li h2 {
  color: #d47993;
}
.coming-soon-page .coming-soon-cd ul li h6 {
  color: #d47993;
}
.coming-soon-page .sub_newsletter {
  width: 600px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .coming-soon-page .sub_newsletter {
    width: 500px;
  }
}
@media (max-width: 546px) {
  .coming-soon-page .sub_newsletter {
    width: 350px;
  }
}
@media (max-width: 392px) {
  .coming-soon-page .sub_newsletter {
    width: 300px;
  }
}
.coming-soon-page .sub_newsletter form {
  display: flex;
}
.coming-soon-page .sub_newsletter form button {
  position: absolute;
  right: 0;
}

/* ------------ Contact us on Home Page-------------- */
.contact-us .contact-banner {
  background: url("../media/banner/inner-banner/inner-ban-1.png");
  background-repeat: no-repeat;
  height: 573px;
}
.contact-us .contact-banner .text-area {
  padding: 168px 48px;
}

/* ------------ Contact us on Contact Page-------------- */
.map iframe {
  width: 100%;
  height: 355px;
  border-radius: 20px;
  box-shadow: 2px 1px 5px 0px rgba(0, 22, 86, 0.06), 8px 4px 9px 0px rgba(0, 22, 86, 0.05), 17px 9px 12px 0px rgba(0, 22, 86, 0.03), 31px 15px 14px 0px rgba(0, 22, 86, 0.01), 49px 24px 15px 0px rgba(0, 22, 86, 0);
}

.links-block .our-links .address_detail {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.links-block .our-links .address_detail .list {
  padding: 22px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(25px);
}
.links-block .our-links .address_detail .list .details {
  display: flex;
  align-items: center;
  gap: 8px;
  align-items: center;
}

.blog .blog_card {
  position: relative;
}
.blog .blog_card .blog_card_img_block .date {
  padding: 8px 16px;
  position: absolute;
  top: 16px;
  left: 16px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(25px);
}
.blog .blog_card .blog_card_text_block {
  position: absolute;
  bottom: 0;
  background: #FFF;
  border-radius: 30px;
  box-shadow: 2px 1px 5px 0px rgba(0, 22, 86, 0.06), 8px 4px 9px 0px rgba(0, 22, 86, 0.05), 17px 9px 12px 0px rgba(0, 22, 86, 0.03), 31px 15px 14px 0px rgba(0, 22, 86, 0.01), 49px 24px 15px 0px rgba(0, 22, 86, 0);
}
.blog .blog_card .blog_card_text_block .author {
  display: flex;
  align-items: center;
  gap: 8px;
}
.blog .blog_card .blog_card_text_block .author img {
  border-radius: 50%;
}
.blog .see_all_btn {
  margin-top: 24px;
}
@media (max-width: 1399px) {
  .blog .see_all_btn {
    margin-top: 36px;
  }
}
@media (max-width: 1199px) {
  .blog .see_all_btn {
    margin-top: 80px;
  }
}
@media (max-width: 992px) {
  .blog .see_all_btn {
    margin-top: 16px;
  }
}

.top_bar .top_bar_area {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.top_bar .top_bar_area .blog_search form {
  display: flex;
}
.top_bar .top_bar_area .blog_search form button {
  position: absolute;
  right: 0;
}

.services .service-block {
  border-radius: 150px 30px 30px 30px;
  background: #E4EBFF;
  box-shadow: 2px 1px 5px 0px rgba(0, 22, 86, 0.06), 8px 4px 9px 0px rgba(0, 22, 86, 0.05), 17px 9px 12px 0px rgba(0, 22, 86, 0.03), 31px 15px 14px 0px rgba(0, 22, 86, 0.01), 49px 24px 15px 0px rgba(0, 22, 86, 0);
  position: relative;
}
.services .service-block .image-circle {
  padding: 26px;
  border-radius: 5000px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 22, 86, 0.08);
  backdrop-filter: blur(15px);
  display: inline-flex;
  position: absolute;
  left: 0;
  top: -1%;
}
.services .service-block .text-block {
  padding: 120px 26px 48px;
}
.services .service-block .bottom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-radius: 0 0 30px 30px;
  background: #FFF;
}

.app-table {
  background: url("../media/backgrounds/time-table- banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.app-table.v-2 {
  background: transparent;
}
.app-table .time-table {
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 22, 86, 0.08);
  backdrop-filter: blur(50px);
  padding: 48px 24px;
}
.app-table .time-table.v-2 {
  padding: 24px;
  border-radius: 30px;
}
.app-table .time-table table {
  padding: 0;
  border-bottom-width: 0;
}
.app-table .time-table table tbody tr :nth-child(1) {
  text-align: left;
  border-top: 0;
}
.app-table .time-table table tbody tr :nth-child(2) {
  text-align: center;
}
.app-table .time-table table tbody tr :nth-child(3) {
  text-align: right;
}
.app-table .time-table table tbody tr td {
  padding: 0px;
}

.app-booking .appointment-image {
  height: 100%;
  object-fit: cover;
}
.app-booking .appointment-form {
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 20px 0px rgba(0, 22, 86, 0.08);
  backdrop-filter: blur(50px);
}
.app-booking.v-2 {
  background: url("../media/backgrounds/blue-background-3.png");
  background-repeat: no-repeat;
  background-position: bottom;
}

.appointment-table thead {
  border-color: transparent;
}
.appointment-table tbody tr:last-child {
  border-color: transparent;
}

.team .team_card {
  overflow: hidden;
}
.team .team_card .image_block {
  position: relative;
  transition: all 0.5s ease;
}
.team .team_card .image_block .social-media-links {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: -110%;
  gap: 24px;
  padding: 24px 16px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(25px);
  transition: all 0.5s ease;
}
.team .team_card:hover .social-media-links {
  transition: all 0.5s ease;
  right: 8px;
}

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  z-index: 999;
  top: 47%;
  display: block;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  border: none;
  outline: none;
  width: 72px;
  height: 72px;
  display: grid;
  align-content: center;
  justify-content: center;
  border-radius: 50%;
  color: #d47993;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 22, 86, 0.08);
  backdrop-filter: blur(15px);
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  color: #d47993;
  background: rgba(255, 255, 255, 0.3);
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
  font-weight: 300;
  line-height: 0.4;
  opacity: 1;
  color: #d47993;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "\f104";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: 0px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "\f105";
}

[dir=rtl] .slick-next:before {
  content: "â†";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  position: absolute;
  top: -85px;
  right: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: end;
}

@media only screen and (max-width: 1199px) {
  .slick-dots {
    top: -80px;
  }
}
@media only screen and (max-width: 992px) {
  .slick-dots {
    top: -72px;
  }
}
@media only screen and (max-width: 768px) {
  .slick-dots {
    top: -65px;
  }
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 4px;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  color: transparent;
  border: 1px solid #212627;
  border-radius: 50%;
  background: transparent;
}

@media only screen and (max-width: 992px) {
  .slick-dots li button {
    width: 6px;
  }
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  /* font-size: 15px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-family: 'Font Awesome 5 Pro';
  content: '\f86c';
  text-align: center;
  opacity: .25;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #fff;
}

.slick-dots li.slick-active {
  width: 48px;
}

.slick-dots li.slick-active button {
  width: 48px;
  border-radius: 100px;
  background: #00A76B;
  border: 0;
}

.team-detail .team-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(25px);
  padding: 24px 16px;
}
.team-detail .team-links .social-media-links {
  display: flex;
  gap: 24px;
}
.team-detail .advantages .advantage_text {
  display: flex;
  align-items: center;
  gap: 16px;
}
.team-detail .advantages .advantage_text i {
  color: #d47993;
}
.team-detail .contact-info {
  padding: 24px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(25px);
}
.team-detail .contact-info .our-links {
  display: flex;
}
.team-detail .contact-info .our-links ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.team-detail .contact-info .our-links ul li .details {
  display: flex;
  align-items: center;
  gap: 8px;
}
.team-detail .contact-info .social-media-links {
  display: flex;
  gap: 24px;
}

.paginations {
  display: flex;
  justify-content: center;
}
.paginations ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.paginations ul li {
  text-align: center;
  width: 47px;
  padding: 8px 0;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 0px 5px 0px rgba(0, 22, 86, 0.08);
  backdrop-filter: blur(15px);
  transition: all 0.5s ease;
}
.paginations ul li a {
  color: #3e3e3d;
}
.paginations ul li:hover {
  transition: all 0.5s ease;
  background: #d47993;
  color: #FFF;
  cursor: pointer;
}
.paginations ul li:hover a {
  transition: all 0.5s ease;
  color: #FFF;
}
.paginations ul li.active {
  background: #d47993;
  color: #FFF;
}
.paginations ul li.active a {
  color: #FFF;
}
.paginations ul li.arrow {
  border-radius: 50%;
}
.paginations ul li.arrow a i {
  color: #d47993;
}
.paginations ul li.arrow:hover a i {
  color: #FFF;
}

.pricing .our_offer .advantages .advantage_text {
  display: flex;
  align-items: center;
  gap: 16px;
}
.pricing .our_offer .advantages .advantage_text i {
  color: #d47993;
}

#preloader {
  position: fixed;
  width: 100%;
  height: 100vh;
  text-align: center;
  background: #FFF;
  z-index: 9999999;
  padding-top: 20%;
}
#preloader .eye {
  width: 100px;
  height: 60px;
  position: relative;
  z-index: 1;
}
#preloader .up {
  position: absolute;
  top: 0px;
  height: 100px;
  width: 100px;
  border-width: 2px;
  border-style: solid;
  border-color: black transparent transparent transparent;
  border-radius: 50%;
  z-index: 1;
}
#preloader .down {
  position: absolute;
  top: -70px;
  height: 100px;
  width: 100px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent transparent black transparent;
  border-radius: 50%;
  z-index: 1;
}
#preloader .mid {
  position: absolute;
  top: 1px;
  left: 39px;
  width: 27px;
  height: 27px;
  border: none;
  border-radius: 50%;
  background-color: black;
  z-index: 0;
  animation: eyemove 2s infinite;
}
@keyframes eyemove {
  0% {
    left: 30px;
    background-color: #f4e4ef;
  }
  25% {
    left: 36px;
    background-color: #d47993;
  }
  50% {
    left: 43px;
    background-color: #d47993;
  }
  75% {
    left: 36px;
    background-color: #d47993;
  }
  100% {
    left: 30px;
    background-color: #f4e4ef;
  }
}

.testimonials-card {
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(15px);
  padding: 24px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}
.testimonials-card .user-image {
  flex-shrink: 0;
}
.testimonials-card .user-image img {
  border-radius: 5000px;
}
.testimonials-card .text-block {
  padding-top: 24px;
}
.testimonials-card .quote-img {
  position: absolute;
  top: 24px;
  right: 24px;
}

.testimonials-slider-1 .slick-next {
  display: none !important;
}
.testimonials-slider-1 .testimonials-card {
  margin-left: 100px;
}

.testimonials-slider-2 .slick-prev {
  display: none !important;
}
.testimonials-slider-2 .testimonials-card {
  margin-right: 100px;
}

.blog-detail .blog_info_bar {
  display: flex;
  justify-content: space-between;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(50px);
  box-shadow: 0px 0px 20px 0px rgba(0, 22, 86, 0.08);
}
.blog-detail .blog_info_bar .author {
  display: flex;
  align-items: center;
  gap: 8px;
}
.blog-detail .blog_info_bar .author img {
  border-radius: 50%;
}
.blog-detail .tag-words {
  display: flex;
  gap: 16px;
}
.blog-detail .article_detail-img {
  height: 100%;
  object-fit: cover;
}
.blog-detail .qoute_img {
  margin-top: 108px;
}
@media (max-width: 992px) {
  .blog-detail .qoute_img {
    margin-top: 24px;
    text-align: right;
  }
}

/*# sourceMappingURL=app.css.map */
/* =====================================================
   CSS MEJORADO PARA LAS TARJETAS DE BENEFICIOS
   Clínica Dra. Rossana Oscanoa
   
   INSTRUCCIONES:
   - Agregar este CSS al final de tu archivo app.css
   - O incluir como archivo separado después de app.css
   ===================================================== */

/* Mejoras para la sección de beneficios */
.benifits {
    position: relative;
    z-index: 2;
}

/* Tarjetas de beneficios mejoradas */
.benifits-block {
    /* Fondo con gradiente sutil más elegante */
    background: linear-gradient(135deg, #d47993 0%, #e89eb4 100%);
    
    /* Borde sutil para darle más definición */
    border: 2px solid rgba(255, 255, 255, 0.15);
    
    /* Border radius más redondeado */
    border-radius: 30px;
    
    /* Padding más generoso */
    padding: 48px 32px 120px 32px;
    
    /* Posición relativa para los elementos internos */
    position: relative;
    
    /* Transición suave para hover */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Sombra más elegante */
    box-shadow: 0px 8px 32px rgba(212, 121, 147, 0.25),
                0px 4px 12px rgba(0, 0, 0, 0.08);
    
    /* Overflow hidden para efectos */
    overflow: hidden;
    
    /* Altura mínima para uniformidad */
    min-height: 320px;
}

/* Efecto de brillo sutil en el fondo */
.benifits-block::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
    opacity: 0;
    transition: all 0.6s ease;
    pointer-events: none;
}

/* Hover effect - elevación y brillo */
.benifits-block:hover {
    transform: translateY(-12px);
    box-shadow: 0px 20px 60px rgba(212, 121, 147, 0.35),
                0px 8px 24px rgba(0, 0, 0, 0.12);
    border-color: rgba(255, 255, 255, 0.3);
}

.benifits-block:hover::before {
    opacity: 1;
    top: -25%;
    right: -25%;
}

/* Título mejorado */
.benifits-block h5 {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 16px;
    position: relative;
    z-index: 2;
    letter-spacing: -0.5px;
}

/* Párrafo mejorado */
.benifits-block p {
    color: rgba(255, 255, 255, 0.95);
    font-size: 16px;
    line-height: 160%;
    font-weight: 400;
    position: relative;
    z-index: 2;
    margin-bottom: 0;
}

/* Círculo de imagen mejorado */
.benifits-block .image-circle {
    /* Posición absoluta en la parte inferior derecha */
    position: absolute;
    bottom: 24px;
    right: 24px;
    
    /* Tamaño del círculo */
    width: 90px;
    height: 90px;
    
    /* Fondo blanco con transparencia */
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(10px);
    
    /* Círculo perfecto */
    border-radius: 50%;
    
    /* Centrar la imagen */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Borde sutil */
    border: 2px solid rgba(255, 255, 255, 0.3);
    
    /* Transición suave */
    transition: all 0.4s ease;
    
    /* Sombra suave */
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    
    /* Z-index para estar encima */
    z-index: 3;
}

/* Hover del círculo de imagen */
.benifits-block:hover .image-circle {
    transform: scale(1.1) rotate(8deg);
    background: rgba(255, 255, 255, 0.35);
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.15);
}

/* Imagen dentro del círculo */
.benifits-block .image-circle img {
    max-width: 50px;
    max-height: 50px;
    transition: all 0.4s ease;
    filter: brightness(0) invert(1);
}

/* Hover de la imagen */
.benifits-block:hover .image-circle img {
    transform: scale(1.05);
}

/* Línea decorativa superior (opcional) */
.benifits-block::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.5) 50%, 
        rgba(255, 255, 255, 0) 100%);
    opacity: 0;
    transition: all 0.4s ease;
}

.benifits-block:hover::after {
    opacity: 1;
}


/* ===================================================== */
/* RESPONSIVE */

@media (max-width: 1199px) {
    .benifits-block {
        padding: 40px 28px 110px 28px;
        min-height: 300px;
    }
    
    .benifits-block h5 {
        font-size: 22px;
    }
    
    .benifits-block .image-circle {
        width: 80px;
        height: 80px;
        bottom: 20px;
        right: 20px;
    }
    
    .benifits-block .image-circle img {
        max-width: 45px;
        max-height: 45px;
    }
}

@media (max-width: 991px) {
    .benifits-block {
        padding: 36px 24px 100px 24px;
        min-height: 280px;
    }
    
    .benifits-block h5 {
        font-size: 20px;
    }
    
    .benifits-block p {
        font-size: 15px;
    }
    
    .benifits-block .image-circle {
        width: 75px;
        height: 75px;
    }
    
    .benifits-block .image-circle img {
        max-width: 40px;
        max-height: 40px;
    }
}

@media (max-width: 767px) {
    .benifits-block {
        padding: 32px 20px 90px 20px;
        margin-bottom: 24px;
    }
    
    /* Reducir elevación en hover para móviles */
    .benifits-block:hover {
        transform: translateY(-8px);
    }
}

@media (max-width: 575px) {
    .benifits-block {
        padding: 28px 20px 80px 20px;
    }
    
    .benifits-block h5 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    
    .benifits-block p {
        font-size: 14px;
        line-height: 150%;
    }
    
    .benifits-block .image-circle {
        width: 65px;
        height: 65px;
        bottom: 16px;
        right: 16px;
    }
    
    .benifits-block .image-circle img {
        max-width: 35px;
        max-height: 35px;
    }
}


/* ===================================================== */
/* ANIMACIÓN OPCIONAL DE ENTRADA (si quieres agregar) */

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Aplicar animación con delay diferente para cada tarjeta */
.benifits .col-xl-4:nth-child(1) .benifits-block {
    animation: slideInUp 0.6s ease-out 0.1s both;
}

.benifits .col-xl-4:nth-child(2) .benifits-block {
    animation: slideInUp 0.6s ease-out 0.3s both;
}

.benifits .col-xl-4:nth-child(3) .benifits-block {
    animation: slideInUp 0.6s ease-out 0.5s both;
}

/* Deshabilitar animación en móviles para mejor rendimiento */
@media (max-width: 767px) {
    .benifits .col-xl-4 .benifits-block {
        animation: none !important;
    }
}


/* ===================================================== 
   FIN DEL CSS MEJORADO
   ===================================================== */


.whatsapp-btn i {
  font-size: 32px !important;
  color: #ffffff !important;
  transition: all 0.3s ease !important;
}

.whatsapp-btn:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 6px 25px rgba(212, 121, 147, 0.6) !important;
  animation: pulse 1.5s infinite !important;
}

.whatsapp-btn:hover i {
  transform: rotate(15deg) !important;
}

@keyframes pulse {
  0% {
    box-shadow: 0 6px 25px rgba(212, 121, 147, 0.6);
  }
  50% {
    box-shadow: 0 6px 35px rgba(212, 121, 147, 0.8);
  }
  100% {
    box-shadow: 0 6px 25px rgba(212, 121, 147, 0.6);
  }
}


/* Eliminar el pseudo-elemento ::before que causa el cuadrado */
.whatsapp-btn::before {
  display: none !important;
  content: none !important;
}

.whatsapp-btn i {
  font-size: 32px !important;
  color: #ffffff !important;
  transition: all 0.3s ease !important;
  margin: 0 !important;
  padding: 0 !important;
}

.whatsapp-btn:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 6px 25px rgba(212, 121, 147, 0.6) !important;
  animation: pulse 1.5s infinite !important;
  background-color: #d47993 !important;
}

.whatsapp-btn:hover::before {
  display: none !important;
}

.whatsapp-btn:hover i {
  transform: rotate(15deg) !important;
  color: #ffffff !important;
}

@keyframes pulse {
  0% {
    box-shadow: 0 6px 25px rgba(212, 121, 147, 0.6);
  }
  50% {
    box-shadow: 0 6px 35px rgba(212, 121, 147, 0.8);
  }
  100% {
    box-shadow: 0 6px 25px rgba(212, 121, 147, 0.6);
  }
}

/* WhatsApp Button Styles - Con Animación Constante */
.whatsapp-btn {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 4px 15px rgba(212, 121, 147, 0.4) !important;
  transition: all 0.3s ease !important;
  background-color: #d47993 !important;
  border: none !important;
  animation: pulse-soft 2s ease-in-out infinite !important;
}

/* Eliminar el pseudo-elemento ::before que causa el cuadrado */
.whatsapp-btn::before {
  content: '' !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: linear-gradient(
    45deg,
    transparent 30%,
    rgba(255, 255, 255, 0.3) 50%,
    transparent 70%
  ) !important;
  animation: shine 3s ease-in-out infinite !important;
  display: block !important;
}

.whatsapp-btn i {
  font-size: 32px !important;
  color: #ffffff !important;
  transition: all 0.3s ease !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 2 !important;
  animation: bounce-icon 2s ease-in-out infinite !important;
}

.whatsapp-btn:hover {
  transform: scale(1.15) !important;
  box-shadow: 0 8px 30px rgba(212, 121, 147, 0.7) !important;
  animation: pulse-hover 0.8s ease-in-out infinite !important;
  background-color: #e08baa !important;
}

.whatsapp-btn:hover i {
  transform: rotate(15deg) scale(1.1) !important;
  color: #ffffff !important;
}

/* Animación de pulso suave constante */
@keyframes pulse-soft {
  0%, 100% {
    box-shadow: 0 4px 15px rgba(212, 121, 147, 0.4);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 6px 25px rgba(212, 121, 147, 0.6);
    transform: scale(1.05);
  }
}

/* Animación de pulso en hover */
@keyframes pulse-hover {
  0%, 100% {
    box-shadow: 0 8px 30px rgba(212, 121, 147, 0.7);
  }
  50% {
    box-shadow: 0 10px 40px rgba(212, 121, 147, 0.9);
  }
}

/* Efecto de brillo que pasa por el botón */
@keyframes shine {
  0% {
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
  }
  50%, 100% {
    transform: translateX(100%) translateY(100%) rotate(45deg);
  }
}

/* Animación sutil del ícono */
@keyframes bounce-icon {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}