/*
Theme Name: Kidsa
Author: Gramentheme
Author URI: https://themeforest.net/user/gramentheme
Description: Kidsa - Kindergarten School HTML Template<
Version: 1.0.0
*/
/*CSS Table Of Content Ends Here*/
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&amp;display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&amp;family=Source+Sans+3:ital,wght@0,200..900;1,200..900&amp;display=swap");
@import url("https://fonts.googleapis.com/css2?family=Pangolin&amp;display=swap");
:root {
  --body: #fff;
  --black: #000;
  --white: #fff;
  --theme: #f26186;
  --theme2: #43a7e6;
  --theme3: #fed123;
  --header: #385469;
  --header2: #142D40;
  --text: #5C707E;
  --text-2: #ffffffcc;
  --border: #E5E5E5;
  --border2: #242449;
  --border3: #5262FF;
  --bg: #F4EEE5;
  --bg2: #EFF5F6;
  --bg3: #70A6B1;
  --box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
}

.theme-btn {
  display: inline-block;
  vertical-align: middle;
  border: none;
  outline: none !important;
  background-color: #008000;
  color: var(--white);
  font-size: 16px;
  font-weight: 700;
  padding: 22px 40px;
  transition: all 0.4s ease-in-out;
  letter-spacing: 0;
  border-radius: 22px;
  position: relative;
  overflow: hidden;
  text-align: center;
  line-height: 1;
  z-index: 9;
  text-transform: capitalize;
}
.theme-btn i {
  margin-left: 10px;
}
.theme-btn::before, .theme-btn::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 20px;
  height: 20px;
  background-color: var(--header);
  border-radius: 50%;
  z-index: -1;
}
.theme-btn::before {
  left: -20px;
  transform: translate(-50%, -50%);
}
.theme-btn::after {
  right: -20px;
  transform: translate(50%, -50%);
}
.theme-btn:hover {
  color: var(--white);
}
.theme-btn:hover::before {
  animation: criss-cross-left 0.8s both;
  animation-direction: alternate;
}
.theme-btn:hover::after {
  animation: criss-cross-right 0.8s both;
  animation-direction: alternate;
}
.theme-btn.bg-white {
  background-color: var(--white);
  color: var(--header);
}
.theme-btn.bg-white:hover {
  color: var(--white);
}
.theme-btn.transparent {
  background-color: transparent;
  border: 1px solid var(--theme2);
  color: #fff;
  padding: 20px 40px;
}
.theme-btn.transparent:hover {
  color: var(--white);
}
@media (max-width: 767px) {
  .theme-btn.transparent {
    padding: 18px 32px;
  }
}
@media (max-width: 575px) {
  .theme-btn.transparent {
    padding: 16px 30px;
    font-size: 14px;
  }
}
.theme-btn.transparent-2 {
  background-color: transparent;
  border: 1px solid var(--theme);
  color: var(--theme);
  padding: 20px 40px;
}
.theme-btn.transparent-2:hover {
  color: var(--white);
  border: 1px solid transparent;
}
@media (max-width: 767px) {
  .theme-btn.transparent-2 {
    padding: 18px 32px;
  }
}
@media (max-width: 575px) {
  .theme-btn.transparent-2 {
    padding: 16px 30px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .theme-btn {
    padding: 20px 32px;
  }
}
@media (max-width: 575px) {
  .theme-btn {
    padding: 18px 30px;
    font-size: 14px;
  }
}

.theme-btn-2 {
  font-size: 16px;
  display: inline-block;
  font-weight: 600;
  color: var(--text);
  text-transform: capitalize;
}
.theme-btn-2 i {
  margin-left: 10px;
}
.theme-btn-2:hover {
  color: var(--theme);
}

/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
body {
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  color: var(--text);
  background-color: var(--white);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

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

button {
  border: none;
  background-color: transparent;
  padding: 0;
}

input:focus {
  color: var(--white);
  outline: none;
}

input {
  color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Quicksand", sans-serif;
  margin: 0px;
  padding: 0;
  color: var(--header);
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
}

h1 {
  font-size: 30px;
  font-weight: 700;
  line-height: 112%;
}

/* new addition */
@media (max-width: 1199px) {
  h1 {
    font-size: 58px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 39px;
  }
}

h2 {
  font-size: 50px;
  line-height: 116%;
  font-weight: 700;
  margin-bottom: 20px;   /* new addition*/
}
@media (max-width: 1199px) {
  h2 {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  h2 {
    font-size: 28px;
  }
}

h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}
@media (max-width: 575px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

h5 {
  font-size: 18px;
  font-weight: 700;
}

h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 145%;
}

a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: var(--header);
  transition: all 0.4s ease-in-out;
}

p {
  margin: 0px;
  transition: all 0.4s ease-in-out;
}

span {
  margin: 0px;
  transition: all 0.4s ease-in-out;
}

.about-section {
  position: relative;
}
@media (max-width: 1600px) {
  .about-section {
    overflow: hidden;
  }
}
.about-section .bus-shape {
  position: absolute;
  top: 10%;
  left: 0;
}
@media (max-width: 1199px) {
  .about-section .bus-shape {
    display: none;
  }
}
.about-section .girl-shape {
  position: absolute;
  bottom: 10%;
  right: 0;
}
.about-section .dot-shape {
  position: absolute;
  top: 17%;
  left: 42%;
  animation: rounded 5s linear infinite;
}
.about-section .left-shape {
  position: absolute;
  top: -15%;
  left: -4%;
}
@media (max-width: 1199px) {
  .about-section .left-shape {
    display: none;
  }
}
.about-section .plane-shape {
  position: absolute;
  top: 20%;
  left: 5%;
}
.about-section .line-1 {
  position: absolute;
  top: 10%;
  right: 0;
  animation: rounded 5s linear infinite;
}

@media (max-width: 1399px) {
  .about-wrapper {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 1199px) {
  .about-wrapper {
    margin-bottom: 0 !important;
  }
}
.about-wrapper .about-image-items {
  position: relative;
}
.about-wrapper .about-image-items .border-shape-1 {
  position: absolute;
  z-index: -1;
  top: 47%;
  left: 44%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1399px) {
  .about-wrapper .about-image-items .border-shape-1 {
    display: none;
  }
}
.about-wrapper .about-image-items .about-image {
  position: relative;
  max-width: 556px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 554 467"><path fill-rule="evenodd" clip-rule="evenodd" d="M256.927 460.599C207.571 462.931 156.167 476.468 111.79 455.259C65.553 433.161 32.097 390.267 12.5337 343.796C-6.6261 298.284 1.09308 248.529 4.0835 199.413C7.34839 145.79 -9.38287 80.4032 30.8056 43.6927C71.6018 6.42725 138.713 33.5642 194.04 25.8959C239.474 19.5988 282.42 -8.70963 326.803 2.66757C371.57 14.1428 397.872 56.3382 431.965 86.885C470.993 121.852 523.678 146.258 541.433 194.97C560.374 246.935 558.866 309.117 530.316 356.718C502.393 403.276 444.817 422.38 393.302 441.955C349.644 458.543 303.723 458.387 256.927 460.599Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
}
.about-wrapper .about-image-items .about-image img {
  width: 100%;
  height: 100%;
}
.about-wrapper .about-image-items .about-image-2 {
  max-width: 288px;
  position: absolute;
  bottom: -15%;
  right: 0;
}
.about-wrapper .about-image-items .about-image-2 img {
  width: 100%;
  height: 100%;
}
@media (max-width: 575px) {
  .about-wrapper .about-image-items .about-image-2 {
    max-width: 220px;
  }
}
.about-wrapper .about-content {
  position: relative;
  z-index: 9;
}
.about-wrapper .about-content .about-list {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 575px) {
  .about-wrapper .about-content .about-list {
    flex-wrap: wrap;
  }
}
.about-wrapper .about-content .about-list ul li {
  font-size: 18px;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  color: var(--header);
  background-color: var(--white);
  box-shadow: var(--box-shadow);
  padding: 10px 45px 10px 10px;
  border-radius: 30px;
}
.about-wrapper .about-content .about-list ul li:not(:last-child) {
  margin-bottom: 24px;
}
.about-wrapper .about-content .about-list ul li i {
  margin-right: 5px;
  color: var(--theme);
}
.about-wrapper .about-content .about-author {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .about-author {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .about-wrapper .about-content .about-author {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .about-wrapper .about-content .about-author {
    margin-top: 20px;
  }
}
.about-wrapper .about-content .about-author .author-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-wrapper .about-content .about-author .author-icon .icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background-color: var(--theme);
  text-align: center;
  color: var(--white);
  border-radius: 50%;
  position: relative;
}
.about-wrapper .about-content .about-author .author-icon .icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}
.about-wrapper .about-content .about-author .author-icon .content h5 {
  font-weight: 600;
}
.about-wrapper .about-content .about-author .author-icon .content h5 a {
  color: var(--header);
}
.about-wrapper .about-content .about-author .author-icon .content span {
  font-size: 14px;
  font-weight: 600;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
  margin-bottom: 5px;
}

.about-activities-section {
  position: relative;
}
.about-activities-section .pencil-shape {
  position: absolute;
  top: -15%;
  left: 10px;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .about-activities-section .pencil-shape {
    display: none;
  }
}
.about-activities-section .zebra-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 767px) {
  .about-activities-section .zebra-shape {
    display: none;
  }
}

.about-activities-section-2 {
  position: relative;
  padding-bottom: 215px;
  margin-top: -30px;
}
@media (max-width: 1199px) {
  .about-activities-section-2 {
    padding-bottom: 205px;
  }
}
@media (max-width: 991px) {
  .about-activities-section-2 {
    margin-top: -55px;
  }
}
@media (max-width: 767px) {
  .about-activities-section-2 {
    margin-top: -50px;
  }
}
.about-activities-section-2 .left-shape {
  position: absolute;
  top: -25%;
  left: 0;
}
@media (max-width: 1399px) {
  .about-activities-section-2 .left-shape {
    display: none;
    overflow: hidden;
  }
}
.about-activities-section-2 .zebra-shape {
  position: absolute;
  bottom: 20%;
  right: 0;
}
@media (max-width: 1399px) {
  .about-activities-section-2 .zebra-shape {
    display: none;
  }
}
.about-activities-section-2 .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 92px;
}
.about-activities-section-2 .bottom-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-activities-section-2 .sun-shape {
  position: absolute;
  top: 5%;
  left: 5%;
}
.about-activities-section-2.style-2 {
  margin-top: 0;
}
.about-activities-section-2.style-2 .sun-shape {
  position: absolute;
  top: 45%;
  left: 4%;
  transform: translateY(-50%);
}

.about-activities-wrapper {
  position: relative;
  z-index: 9;
}
.about-activities-wrapper .activities-img-items {
  position: relative;
}
.about-activities-wrapper .activities-img-items .radius-shape {
  position: absolute;
  top: 43%;
  left: 51%;
  z-index: -1;
  transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
  .about-activities-wrapper .activities-img-items .radius-shape {
    display: none;
  }
}
.about-activities-wrapper .activities-img-items .activities-image {
  max-width: 580px;
  position: relative;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 508 485"><path fill-rule="evenodd" clip-rule="evenodd" d="M273.307 22.3171C313.958 21.7364 354.018 -9.9391 392.233 3.1801C429.93 16.1214 448.114 56.8471 468.691 89.3925C487.204 118.672 501.176 150.33 506.594 184.055C511.646 215.497 501.66 246.444 499.018 278.149C496.315 310.595 504.839 344.713 490.737 374.404C476.393 404.605 448.022 426.759 419.387 445.812C390.95 464.733 359.473 482.18 324.811 484.809C290.921 487.38 261.165 463.161 227.293 460.384C188.086 457.169 146.979 481.781 110.746 467.257C75.3239 453.059 46.6799 419.717 37.6358 384.361C28.4117 348.301 68.3117 313.334 62.0057 276.717C55.164 236.989 -9.04387 211.189 1.08003 172.094C10.8117 134.513 77.5118 141.105 104.627 112.126C132.07 82.7954 119.879 25.7702 155.969 6.55486C190.772 -11.9748 233.369 22.8875 273.307 22.3171Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
}
.about-activities-wrapper .activities-img-items .activities-image img {
  width: 100%;
  height: 100%;
}
.about-activities-wrapper .activities-content .icon-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-activities-wrapper .activities-content .icon-items:not(:last-child) {
  margin-bottom: 30px;
}
.about-activities-wrapper .activities-content .icon-items .icon {
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 8px;
  font-size: 50px;
}
.about-activities-wrapper.style-2 {
  margin-bottom: -30px;
}
.about-activities-wrapper.style-2 .activities-image-items {
  margin-right: 35px;
  position: relative;
}
@media (max-width: 1199px) {
  .about-activities-wrapper.style-2 .activities-image-items {
    margin-right: 0;
  }
}
.about-activities-wrapper.style-2 .activities-image-items .activities-img {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 517 506"> <path fill-rule="evenodd" clip-rule="evenodd" d="M263.922 4.18612C301.057 11.8542 330.531 38.895 360.456 62.3296C386.155 82.4538 403.608 110.097 427.543 132.317C453.817 156.708 493.991 167.862 509.209 200.423C524.345 232.808 513.559 271.13 509.014 306.63C504.535 341.612 502.875 379.069 482.651 407.866C462.647 436.351 429.343 452.254 397.349 465.636C368.593 477.664 336.731 474.837 306.33 481.616C275.676 488.452 247.764 506.317 216.368 505.996C182.833 505.652 151.126 493.109 120.34 479.712C85.0158 464.341 32.7457 458.582 21.9359 421.389C9.82265 379.711 72.6756 344.595 68.5072 301.371C64.3884 258.663 -1.83763 237.206 0.0391374 194.338C1.71465 156.067 52.252 140.271 76.8399 111.042C102.165 80.9374 113.913 37.9228 147.992 18.4578C182.23 -1.09785 225.363 -3.77589 263.922 4.18612Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  position: relative;
  z-index: 9;
  max-width: 580px;
}
.about-activities-wrapper.style-2 .activities-image-items .activities-img img {
  width: 100%;
  height: 100%;
}
.about-activities-wrapper.style-2 .activities-image-items .radius-shape {
  position: absolute;
  bottom: 64px;
  left: -12%;
  z-index: -1;
}
@media screen and (max-width: 400px) {
  .about-activities-wrapper.style-2 .activities-image-items .radius-shape {
    display: none;
  }
}
.about-activities-wrapper.style-2 .activities-image-items .circle-shape {
  position: absolute;
  top: 15%;
  right: 10%;
  z-index: -1;
}
.about-activities-wrapper.style-2 .activities-content .icon-items {
  gap: 20px;
}
.about-activities-wrapper.style-2 .activities-content .icon-items .icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: var(--white);
  box-shadow: var(--box-shadow);
  border-radius: 50%;
  font-size: 40px;
  color: var(--theme);
}
.about-activities-wrapper.style-2 .activities-content .icon-items .content h5 {
  margin-bottom: 7px;
}
.about-activities-wrapper.style-2 .activities-content .about-author {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
  border-top: 1px solid var(--border);
  padding-top: 40px;
}
@media (max-width: 1199px) {
  .about-activities-wrapper.style-2 .activities-content .about-author {
    flex-wrap: wrap;
  }
}
.about-activities-wrapper.style-2 .activities-content .about-author .author-image {
  display: flex;
  align-items: center;
  gap: 15px;
}
.about-activities-wrapper.style-2 .activities-content .about-author .author-image .content h6 {
  font-size: 18px;
  font-weight: 600;
}
.about-activities-wrapper.style-2 .activities-content .about-author .author-image .content p {
  color: var(--text);
  font-weight: 500;
  margin-top: -2px;
}
.about-activities-wrapper.style-2 .activities-content .about-author .author-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-activities-wrapper.style-2 .activities-content .about-author .author-icon .icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background-color: var(--theme);
  text-align: center;
  color: var(--white);
  border-radius: 50%;
  position: relative;
}
.about-activities-wrapper.style-2 .activities-content .about-author .author-icon .icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}

.about-wrapper-2 .about-image-items {
  position: relative;
  margin-right: 50px;
}
@media (max-width: 1399px) {
  .about-wrapper-2 .about-image-items {
    margin-right: 20px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-image-items {
    margin-right: 0;
  }
}
.about-wrapper-2 .about-image-items .thumb {
  position: relative;
  z-index: 9;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 536 476"><path fill-rule="evenodd" clip-rule="evenodd" d="M255.586 37.1502C305.521 42.1317 356.93 23.0345 402.227 44.9605C452.768 69.425 490.212 113.79 517.046 163.71C548.693 222.583 538.129 291.449 504.445 347.135C451.583 428.167 486.395 385.171 429.448 436.031C379.543 477.444 314.322 474.426 255.586 475.944C197.407 477.447 187.924 445.147 142.347 408.377C100.075 374.273 19.6044 385.587 2.60172 333.537C-14.3748 281.568 56.8222 241.898 70.6785 188.981C85.9185 130.781 40.3143 51.311 86.4166 13.4556C131.799 -23.809 197.514 31.357 255.586 37.1502Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
}
.about-wrapper-2 .about-image-items .thumb img {
  width: 100%;
  height: 100%;
}
.about-wrapper-2 .about-image-items .border-shape {
  position: absolute;
  top: -10px;
  left: 50px;
  animation: rotated2 20s infinite linear;
}
@media (max-width: 1399px) {
  .about-wrapper-2 .about-image-items .border-shape {
    display: none;
  }
}
.about-wrapper-2 .about-content .icon-items {
  gap: 20px;
  display: flex;
  align-items: center;
}
.about-wrapper-2 .about-content .icon-items .icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: var(--theme);
  border-radius: 8px;
  font-size: 44px;
  color: var(--white);
}
.about-wrapper-2 .about-content .icon-items .content h5 {
  margin-bottom: 7px;
}
.about-wrapper-2 .about-content .about-author {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
  border-top: 1px solid var(--border);
  padding-top: 40px;
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-content .about-author {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-content .about-author {
    padding-top: 35px;
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-content .about-author {
    padding-top: 25px;
    margin-top: 20px;
  }
}
.about-wrapper-2 .about-content .about-author .author-image {
  display: flex;
  align-items: center;
  gap: 15px;
}
.about-wrapper-2 .about-content .about-author .author-image .content h6 {
  font-size: 18px;
  font-weight: 600;
}
.about-wrapper-2 .about-content .about-author .author-image .content p {
  color: var(--text);
  font-weight: 500;
  margin-top: -2px;
}
.about-wrapper-2 .about-content .about-author .author-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-wrapper-2 .about-content .about-author .author-icon .icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background-color: #008000;
  text-align: center;
  color: var(--white);
  border-radius: 50%;
  position: relative;
}
.about-wrapper-2 .about-content .about-author .author-icon .icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #008000;
  content: "";
  transform: translate(-50%, -50%);
}

.about-section-2 {
  position: relative;
}
.about-section-2 .left-shape {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 1399px) {
  .about-section-2 .left-shape {
    display: none;
  }
}
.about-section-2 .frame-shape {
  position: absolute;
  top: -5%;
  right: -15px;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .about-section-2 .frame-shape {
    display: none;
  }
}

@media (min-width: 1200px) {
  .about-wrapper-3 {
    margin-top: -29px;
  }
}
.about-wrapper-3 .about-image-area {
  position: relative;
  z-index: 9;
}
.about-wrapper-3 .about-image-area .about-image {
  max-width: 590px;
  position: relative;
}
.about-wrapper-3 .about-image-area .about-image img {
  width: 100%;
  height: 100%;
}
.about-wrapper-3 .about-image-area .about-image .about-image-2 {
  position: absolute;
  bottom: 0;
  left: 50px;
  max-width: 245px;
}
@media (max-width: 1199px) {
  .about-wrapper-3 .about-image-area .about-image .about-image-2 {
    max-width: 200px;
  }
}
@media (max-width: 991px) {
  .about-wrapper-3 .about-image-area .about-image .about-image-2 {
    max-width: 245px;
  }
}
@media (max-width: 767px) {
  .about-wrapper-3 .about-image-area .about-image .about-image-2 {
    max-width: 200px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-3 .about-image-area .about-image .about-image-2 {
    max-width: 170px;
  }
}
.about-wrapper-3 .about-image-area .about-image .about-image-2 img {
  width: 100%;
  height: 100%;
  border: 15px solid var(--white);
  border-radius: 50%;
  box-shadow: var(--box-shadow);
}
.about-wrapper-3 .about-image-area .radius-shape {
  position: absolute;
  bottom: 15%;
  left: -70px;
}
.about-wrapper-3 .about-image-area .circle-shape {
  position: absolute;
  top: 15%;
  right: 20%;
}
.about-wrapper-3 .about-content {
  position: relative;
  z-index: 9;
}
@media (max-width: 1399px) {
  .about-wrapper-3 .about-content br {
    display: none;
  }
}
.about-wrapper-3 .about-content .list-items {
  margin-top: 30px;
}
.about-wrapper-3 .about-content .list-items li {
  font-size: 18px;
  font-weight: 600;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
}
.about-wrapper-3 .about-content .list-items li:not(:last-child) {
  margin-bottom: 10px;
}
.about-wrapper-3 .about-content .list-items li i {
  margin-right: 5px;
  color: var(--theme);
}
.about-wrapper-3 .about-content .about-author {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
  border-top: 1px solid var(--border);
  padding-top: 40px;
}
@media (max-width: 1199px) {
  .about-wrapper-3 .about-content .about-author {
    flex-wrap: wrap;
  }
}
.about-wrapper-3 .about-content .about-author .author-image {
  display: flex;
  align-items: center;
  gap: 15px;
}
.about-wrapper-3 .about-content .about-author .author-image .content h6 {
  font-size: 18px;
  font-weight: 600;
}
.about-wrapper-3 .about-content .about-author .author-image .content p {
  color: var(--text);
  font-weight: 500;
  margin-top: -2px;
}

.about-wrapper-5 .about-content .about-list-items {
  margin-top: 50px;
}
.about-wrapper-5 .about-content .about-list-items .about-list {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .about-wrapper-5 .about-content .about-list-items .about-list {
    flex-wrap: wrap;
  }
}
.about-wrapper-5 .about-content .about-list-items .about-list .list li {
  font-size: 18px;
  padding: 15px 60px 15px 15px;
  font-weight: 600;
  color: #385469;
  border-radius: 30px;
  background: var(--white);
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .about-wrapper-5 .about-content .about-list-items .about-list .list li {
    padding: 10px 60px 15px 15px;
    font-size: 16px;
  }
}
.about-wrapper-5 .about-content .about-list-items .about-list .list li i {
  color: var(--theme3);
  margin-right: 10px;
  font-size: 24px;
}
.about-wrapper-5 .about-content .about-button {
  margin-top: 50px;
}
.about-wrapper-5 .about-content .about-button .theme-btn {
  background-color: var(--theme3);
}
.about-wrapper-5 .about-image {
  margin-right: -315px;
  position: relative;
}
@media (max-width: 1199px) {
  .about-wrapper-5 .about-image {
    margin-right: 0;
  }
}
.about-wrapper-5 .about-image img {
  width: 100%;
  height: 100%;
  border-radius: 400px 0px 0px 800px;
}
.about-wrapper-5 .about-image .yellow-shape {
  position: absolute;
  left: -12px;
  z-index: -1;
  top: 0;
  bottom: 0;
}
@media (max-width: 1199px) {
  .about-wrapper-5 .about-image .yellow-shape {
    display: none;
  }
}
.about-wrapper-5 .about-image .video-btn {
  width: 128px;
  height: 128px;
  line-height: 128px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--header2);
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 22px;
  transform: translate(-50%, -50%);
}
.about-wrapper-5 .about-image .video-btn::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid;
  border: 1px solid rgba(255, 255, 255, 0.6);
  width: 156px;
  height: 156px;
  line-height: 156px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .about-wrapper-5 .about-image .video-btn {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
  }
}

.about-section-5 {
  position: relative;
}
.about-section-5 .love-shape {
  position: absolute;
  left: 10px;
  bottom: 80px;
}
@media (max-width: 1199px) {
  .about-section-5 .love-shape {
    display: none;
  }
}

@-webkit-keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(15deg);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(20deg);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounce-x {
  -webkit-animation: bounce-x 7s infinite linear;
  animation: bounce-x 7s infinite linear;
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes rotated2 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes wave {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.brand-wrapper {
  margin-top: -5px;
}
.brand-wrapper h6 {
  font-size: 22px;
  position: relative;
  margin-bottom: 50px;
  color: var(--header);
  font-weight: 700;
}
.brand-wrapper h6.color {
  color: var(--header2);
}
.brand-wrapper h6::before {
  position: absolute;
  top: 15px;
  left: 35px;
  content: "";
  height: 1px;
  width: 480px;
  background-color: var(--theme);
}
@media (max-width: 1399px) {
  .brand-wrapper h6::before {
    display: none;
  }
}
.brand-wrapper h6::after {
  position: absolute;
  top: 15px;
  right: 35px;
  content: "";
  height: 1px;
  width: 480px;
  background-color: var(--theme);
}
@media (max-width: 1399px) {
  .brand-wrapper h6::after {
    display: none;
  }
}
.brand-wrapper .brand-image {
  text-align: center;
  filter: grayscale(100%);
  transition: all 0.4s ease-in-out;
  opacity: 0.4;
}
.brand-wrapper .brand-image:hover {
  filter: initial;
  opacity: 1;
}
.brand-wrapper .swiper-slide.swiper-slide-active .brand-image {
  filter: initial;
  opacity: 1;
}

.contact-form-items .form-clt span {
  color: var(--white);
  margin-bottom: 20px;
  display: inline-block;
}
.contact-form-items .form-clt input, .contact-form-items .form-clt textarea {
  width: 100%;
  outline: none;
  border: none;
  background-color: transparent;
  border: 1px solid var(--white);
  color: var(--white);
  padding: 18px 20px;
}
@media (max-width: 767px) {
  .contact-form-items .form-clt input, .contact-form-items .form-clt textarea {
    padding: 14px 20px;
  }
}
@media (max-width: 575px) {
  .contact-form-items .form-clt input, .contact-form-items .form-clt textarea {
    padding: 12px 18px;
  }
}
.contact-form-items .form-clt input::placeholder, .contact-form-items .form-clt textarea::placeholder {
  color: rgba(255, 255, 255, 0.7019607843);
}
.contact-form-items .form-clt textarea {
  padding-bottom: 70px;
}

.contact-wrapper {
  position: relative;
  z-index: 9;
  background-color: var(--theme2);
  border-radius: 100px;
  margin-top: 55px;
}
@media (max-width: 991px) {
  .contact-wrapper {
    margin-top: 0;
  }
}
.contact-wrapper .contact-image {
  margin-top: -55px;
  position: relative;
  margin-right: 50px;
}
@media (max-width: 1199px) {
  .contact-wrapper .contact-image {
    left: 35px;
    height: 590px;
  }
}
@media (max-width: 991px) {
  .contact-wrapper .contact-image {
    display: none;
  }
}
.contact-wrapper .contact-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-wrapper .contact-image .cricle-shape {
  position: absolute;
  top: 24%;
  left: -27px;
  z-index: -1;
  animation: cir36 10s linear infinite;
}
.contact-wrapper .contact-content {
  margin-top: 50px;
  padding: 0 70px 80px;
}
@media (max-width: 1199px) {
  .contact-wrapper .contact-content {
    margin-top: 60px;
    padding: 0 35px 60px;
  }
}
@media (max-width: 991px) {
  .contact-wrapper .contact-content {
    margin-top: 0;
    margin-left: 0;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .contact-wrapper .contact-content {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .contact-wrapper .contact-content {
    padding: 50px 40px;
  }
}
@media (max-width: 575px) {
  .contact-wrapper .contact-content {
    padding: 40px 30px;
  }
}
.contact-wrapper .contact-content .contact-form-items .form-clt span {
  text-transform: capitalize;
}
.contact-wrapper .contact-content .contact-form-items .form-clt input::placeholder, .contact-wrapper .contact-content .contact-form-items .form-clt textarea::placeholder {
  color: var(--white);
}
.contact-wrapper .contact-content .contact-form-items .theme-btn {
  color: var(--theme);
  border-radius: 8px;
}
.contact-wrapper .contact-content .contact-form-items .theme-btn:hover {
  color: var(--white);
}

.contact-info-area {
  padding-top: 220px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(56, 84, 105, 0.2);
}
@media (max-width: 1199px) {
  .contact-info-area {
    flex-wrap: wrap;
    gap: 40px;
    padding-top: 85px;
    justify-content: initial;
  }
}
@media (max-width: 575px) {
  .contact-info-area {
    gap: 30px;
  }
}
.contact-info-area .contact-info-items {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 1199px) {
  .contact-info-area .contact-info-items {
    flex-wrap: wrap;
  }
}
.contact-info-area .contact-info-items .icon {
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  position: relative;
  border: 2px dotted var(--theme);
  border-radius: 50%;
}
.contact-info-area .contact-info-items .content p {
  color: var(--header);
  margin-bottom: 5px;
}
.contact-info-area .contact-info-items .content h3 {
  font-size: 24px;
  color: var(--header);
}
.contact-info-area .contact-info-items .content h3 a {
  color: var(--header);
}

.contact-section {
  position: relative;
}
.contact-section .line-1 {
  position: absolute;
  top: 42%;
  left: 5%;
  animation: rounded 5s linear infinite;
}
.contact-section .line-2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
/* New addition */
.contact-section.home{
  margin-top:-65px;
  margin-bottom:-20px;
}

.contact-wrapper-2 .contact-left-items .contact-info-area-2 {
  padding: 40px;
    background-color: #000080;
    border-radius: 16px 16px 10px 10px;
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 1199px) {
  .contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items {
    flex-wrap: wrap;
  }
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .icon {
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  position: relative;
  border: 2px dotted var(--white);
  border-radius: 50%;
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .content p {
  color: var(--white);
  margin-bottom: 5px;
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .content h3 {
  font-size: 19px;
  color: var(--white);
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .content h3 a {
  color: var(--white);
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items.border-none {
  border: none !important;
}
.contact-wrapper-2 .contact-left-items .video-image {
  position: relative;
}
.contact-wrapper-2 .contact-left-items .video-image img {
  width: 100%;
  height: 100%;
  border-radius: 0px 0px 16px 16px;
}
.contact-wrapper-2 .contact-left-items .video-image .video-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.contact-wrapper-2 .contact-left-items .video-image .video-box .video-btn {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  color: var(--theme);
  background-color: var(--white);
}
.contact-wrapper-2 .contact-left-items .video-image .video-box .ripple::before, .contact-wrapper-2 .contact-left-items .video-image .video-box .ripple::after {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
}
.contact-wrapper-2 .contact-content {
  margin-left: 40px;
}
@media (max-width: 991px) {
  .contact-wrapper-2 .contact-content {
    margin-left: 0;
  }
}
.contact-wrapper-2 .contact-content h2 {
  margin-bottom: 10px;
}
.contact-wrapper-2 .contact-content .contact-form-items {
  margin-top: 30px;
}
.contact-wrapper-2 .contact-content .contact-form-items .form-clt span {
  color: #000;
  font-weight: 700;
  text-transform: capitalize;
}
.contact-wrapper-2 .contact-content .contact-form-items .form-clt input, .contact-wrapper-2 .contact-content .contact-form-items .form-clt textarea {
  border: 1px solid var(--border);
  color: var(--text);
  padding: 18px 20px;
  border-radius: 5px;
}
.contact-wrapper-2 .contact-content .contact-form-items .form-clt input::placeholder, .contact-wrapper-2 .contact-content .contact-form-items .form-clt textarea::placeholder {
  color: var(--text);
}
.contact-wrapper-2 .contact-content .contact-form-items .form-clt textarea {
  padding-bottom: 150px;
}

.map-items .googpemap iframe {
  width: 100%;
  height: 600px;
}
@media (max-width: 575px) {
  .map-items .googpemap iframe {
    height: 400px;
  }
}

.cta-section {
  position: relative;
  background-position: initial;
}
.cta-section .plane-shape {
  position: absolute;
  left: 50px;
  top: 60%;
  animation: rounded 5s linear infinite;
}
.cta-section .pencil-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}

.cta-wrapper {
  margin-top: 45px;
}
@media (max-width: 1399px) {
  .cta-wrapper {
    margin-top: 45px;
  }
}
@media (max-width: 991px) {
  .cta-wrapper {
    text-align: center;
    margin-top: 60px;
  }
}
.cta-wrapper .cta-image {
  text-align: right;
  margin-bottom: -120px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .cta-wrapper .cta-image {
    margin-bottom: -100px;
  }
}
@media (max-width: 991px) {
  .cta-wrapper .cta-image {
    margin-bottom: -80px;
    text-align: center;
  }
}
.cta-wrapper .cta-image .cta-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 1399px) {
  .cta-wrapper .cta-image .cta-shape {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 1399px) {
  .cta-wrapper .cta-image .cta-shape {
    left: 35%;
  }
}
@media (max-width: 991px) {
  .cta-wrapper .cta-image .cta-shape {
    left: 39%;
  }
}

.main-cta-section {
  position: relative;
}
.main-cta-section .plane-shape {
  position: absolute;
  top: -50px;
  right: 20px;
}

.main-cta-wrapper {
  position: relative;
  z-index: 9;
}
.main-cta-wrapper .cta-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--theme);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 485"><path d="M93.3383 50.2529C66.3045 51.6585 41.1387 60.7949 23.6656 75.5536C6.19249 90.3123 -2.15943 109.444 0.478019 128.654L38.7211 404.697C43.6663 440.539 85.4259 468.182 136.197 469.198L941.937 484.972C988.862 485.909 1030.4 463.653 1042.16 431.403L1166.78 89.5314C1174.91 67.1981 1167.44 43.4592 1146.67 25.7331C1125.9 8.00706 1094.36 -1.51972 1062.05 0.198227L93.3383 50.2529Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.main-cta-wrapper .newsletter-items {
  max-width: 550px;
  text-align: center;
  margin: 38px auto;
  position: relative;
}
@media (max-width: 767px) {
  .main-cta-wrapper .newsletter-items {
    padding: 0 15px;
  }
}
.main-cta-wrapper .newsletter-items .form-clt input {
  width: 100%;
  background-color: var(--white);
  border: none;
  outline: none;
  border-radius: 8px;
  padding: 20px 20px;
  color: var(--text);
}
.main-cta-wrapper .newsletter-items .theme-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  border-radius: 6px;
  padding: 16px 40px;
}
@media (max-width: 767px) {
  .main-cta-wrapper .newsletter-items .theme-btn {
    right: 25px;
  }
}
.main-cta-wrapper .pencil-shape {
  position: absolute;
  top: 30%;
  left: 5%;
  opacity: 0.5;
  animation: rounded 5s linear infinite;
}
.main-cta-wrapper .plane-shape {
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
}
.main-cta-wrapper .cta-shape {
  position: absolute;
  left: 15%;
  bottom: 10%;
}

.instagram-wrapper {
  padding: 0 75px;
}
@media (max-width: 1399px) {
  .instagram-wrapper {
    padding: 0 40px;
  }
}
@media (max-width: 1199px) {
  .instagram-wrapper {
    padding: 0 30px;
  }
}
.instagram-wrapper h3 {
  margin-bottom: 50px;
  position: relative;
  margin-top: -6px;
}
.instagram-wrapper h3::before {
  position: absolute;
  top: 15px;
  left: 15%;
  content: "";
  height: 1px;
  width: 480px;
  background-color: var(--theme);
}
@media (max-width: 1399px) {
  .instagram-wrapper h3::before {
    display: none;
  }
}
.instagram-wrapper h3::after {
  position: absolute;
  top: 15px;
  right: 15%;
  content: "";
  height: 1px;
  width: 480px;
  background-color: var(--theme);
}
@media (max-width: 1399px) {
  .instagram-wrapper h3::after {
    display: none;
  }
}
.instagram-wrapper.style-2 {
  margin-top: 50px;
}
.instagram-wrapper.style-2 .instagram-banner-items .banner-image img {
  border-radius: 20px;
}
.instagram-wrapper .instagram-banner-items .banner-image {
  position: relative;
}
@media (max-width: 767px) {
  .instagram-wrapper .instagram-banner-items .banner-image {
    height: 450px;
  }
  .instagram-wrapper .instagram-banner-items .banner-image img {
    object-fit: cover;
  }
}
@media (max-width: 575px) {
  .instagram-wrapper .instagram-banner-items .banner-image {
    height: 380px;
  }
}
.instagram-wrapper .instagram-banner-items .banner-image img {
  width: 100%;
  height: 100%;
}
.instagram-wrapper .instagram-banner-items .banner-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: #385469;
  opacity: 0.6;
  transform: scale(1, 0);
  transition: transform 500ms ease;
  transform-origin: bottom center;
  z-index: 1;
}
.instagram-wrapper .instagram-banner-items .banner-image .icon {
  position: absolute;
  width: 68px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme);
  font-size: 28px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  color: var(--white);
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.instagram-wrapper .instagram-banner-items:hover .banner-image::before {
  transform: scale(1, 1);
  transform-origin: top center;
}
.instagram-wrapper .instagram-banner-items:hover .banner-image .icon {
  opacity: 1;
}

@media (max-width: 1199px) {
  .cta-wrapper-2 {
    margin-top: 37px;
  }
}
@media (max-width: 991px) {
  .cta-wrapper-2 {
    margin-top: 67px;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .cta-wrapper-2 {
    margin-top: 60px;
  }
}
@media (max-width: 470px) {
  .cta-wrapper-2 {
    margin-top: 55px;
  }
}
.cta-wrapper-2 .cta-image-area {
  position: relative;
  margin-bottom: -120px;
  margin-top: -95px;
}
@media (max-width: 991px) {
  .cta-wrapper-2 .cta-image-area {
    margin-top: 0;
  }
}
.cta-wrapper-2 .cta-image-area .cta-image {
  max-width: 510px;
  margin-left: 100px;
  position: relative;
  z-index: 9;
}
@media (max-width: 991px) {
  .cta-wrapper-2 .cta-image-area .cta-image {
    margin-left: 0;
  }
}
.cta-wrapper-2 .cta-image-area .cta-image img {
  width: 100%;
  height: 100%;
}
.cta-wrapper-2 .cta-image-area .bg-shape {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1199px) {
  .cta-wrapper-2 .cta-image-area .bg-shape {
    display: none;
  }
}
@media (max-width: 991px) {
  .cta-wrapper-2 .cta-image-area .bg-shape {
    display: block;
  }
}
@media (max-width: 767px) {
  .cta-wrapper-2 .cta-image-area .bg-shape {
    display: none;
  }
}

.cta-section-2 {
  position: relative;
}
.cta-section-2 .parasuit-shape {
  position: absolute;
  top: 20%;
  left: 5%;
}
@media (max-width: 1399px) {
  .cta-section-2 .parasuit-shape {
    display: none;
  }
}
.cta-section-2 .parasuit-shape-2 {
  position: absolute;
  top: 20%;
  right: 5%;
}
@media (max-width: 1199px) {
  .cta-section-2 .parasuit-shape-2 {
    display: none;
  }
}
.cta-section-2 .pencil-shape {
  position: absolute;
  bottom: 15%;
  left: 7%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .cta-section-2 .pencil-shape {
    display: none;
  }
}
.cta-section-2 .hand-shape {
  position: absolute;
  left: 40%;
  bottom: 35%;
}
@media (max-width: 1399px) {
  .cta-section-2 .hand-shape {
    display: none;
  }
}
.cta-section-2 .line-shape {
  position: absolute;
  right: 5%;
  bottom: 0;
}
@media (max-width: 1199px) {
  .cta-section-2 .line-shape {
    display: none;
  }
}

.cta-video-section {
  background-position: initial !important;
  position: relative;
  margin-bottom: 30px;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .cta-video-section {
    margin-top: -10px;
  }
}
.cta-video-section .video-shape {
  height: 120px;
  width: 100%;
  position: absolute;
  top: -35px;
  left: 0;
  right: 0;
  overflow-x: hidden;
  z-index: -1;
}
.cta-video-section .wave {
  position: absolute;
  width: 200%;
  height: 100%;
  animation: wave 10s -3s linear infinite;
  transform: translate3d(0, 0, 0);
  background-size: cover;
}
.cta-video-section .wave:nth-of-type(2) {
  bottom: 0;
  animation: wave 18s linear reverse infinite;
  opacity: 0.5;
}
.cta-video-section .wave:nth-of-type(3) {
  bottom: 0;
  animation: wave 20s -1s linear infinite;
  opacity: 0.5;
}

.cta-video-items {
  padding: 350px 0;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .cta-video-items {
    padding: 300px 0;
  }
}
@media (max-width: 991px) {
  .cta-video-items {
    padding: 250px 0;
  }
}
@media (max-width: 767px) {
  .cta-video-items {
    padding: 200px 0;
  }
}
@media (max-width: 575px) {
  .cta-video-items {
    padding: 150px 0;
  }
}
.cta-video-items .video-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cta-video-items .video-box .video-btn {
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 22px;
  background-color: var(--theme);
  color: var(--white);
  display: inline-block;
  text-align: center;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .cta-video-items .video-box .video-btn {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}
@media (max-width: 575px) {
  .cta-video-items .video-box .video-btn {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
.cta-video-items .video-box .ripple::before, .cta-video-items .video-box .ripple::after {
  box-shadow: 0 0 0 0 rgba(243, 159, 95, 0.8);
  width: 100px;
  height: 100px;
}
@media (max-width: 767px) {
  .cta-video-items .video-box .ripple::before, .cta-video-items .video-box .ripple::after {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 575px) {
  .cta-video-items .video-box .ripple::before, .cta-video-items .video-box .ripple::after {
    width: 60px;
    height: 60px;
  }
}

.cta-offer-section {
  margin-top: 110px;
  position: relative;
  z-index: 9;
}
.cta-offer-section .cta-shape {
  height: 120px;
  width: 100%;
  position: absolute;
  top: -115px;
  left: 0;
  right: 0;
  overflow-x: hidden;
  z-index: -1;
}
.cta-offer-section .wave {
  position: absolute;
  width: 200%;
  height: 100%;
  animation: wave 10s -3s linear infinite;
  transform: translate3d(0, 0, 0);
  background-size: cover;
}
.cta-offer-section .wave:nth-of-type(2) {
  bottom: 0;
  animation: wave 18s linear reverse infinite;
}
.cta-offer-section .wave:nth-of-type(3) {
  bottom: 0;
  animation: wave 20s -1s linear infinite;
}

.cta-offer-wrapper {
  text-align: center;
  margin-top: -80px;
}
.cta-offer-wrapper .cta-offter-image {
  margin-bottom: -120px;
}
@media (max-width: 1399px) {
  .cta-offer-wrapper .cta-offter-image {
    margin-bottom: -145px;
  }
}
@media (max-width: 1199px) {
  .cta-offer-wrapper .cta-offter-image {
    display: none;
  }
}
.cta-offer-wrapper .cta-offter-image img {
  width: 100%;
  height: 100%;
}
.cta-offer-wrapper .cta-offter-image-2 {
  margin-bottom: -170px;
}
@media (max-width: 1399px) {
  .cta-offer-wrapper .cta-offter-image-2 {
    margin-bottom: -126px;
  }
}
@media (max-width: 1199px) {
  .cta-offer-wrapper .cta-offter-image-2 {
    display: none;
  }
}

.cta-wrapper-5 .cta-content .theme-btn {
  background: var(--white);
  color: var(--header);
}
.cta-wrapper-5 .cta-content .theme-btn::before, .cta-wrapper-5 .cta-content .theme-btn::after {
  background-color: var(--theme3);
}
.cta-wrapper-5 .cta-content .theme-btn:hover {
  color: var(--white);
}
@media (max-width: 1199px) {
  .cta-wrapper-5 .cta-content .theme-btn {
    margin-top: 30px;
  }
}
.cta-wrapper-5 .cta-image img {
  width: 100%;
  height: 100%;
}

.cta-section-5 {
  position: relative;
  margin-top: 120px;
}
.cta-section-5 .left-shape {
  position: absolute;
  bottom: 0;
  left: 20px;
}
.cta-section-5 .left-shape img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1399px) {
  .cta-section-5 .left-shape {
    display: none;
  }
}
.cta-section-5 .middle-shape {
  position: absolute;
  bottom: 15%;
  left: 37%;
}
@media (max-width: 1399px) {
  .cta-section-5 .middle-shape {
    display: none;
  }
}
.cta-section-5 .right-shape {
  position: absolute;
  top: 200px;
  right: 120px;
}
@media (max-width: 1399px) {
  .cta-section-5 .right-shape {
    display: none;
  }
}
.cta-section-5 .right-shape2 {
  position: absolute;
  bottom: 110px;
  right: 100px;
}
@media (max-width: 1399px) {
  .cta-section-5 .right-shape2 {
    display: none;
  }
}
.cta-section-5 .cta-top-shape {
  height: 160px;
  width: 100%;
  position: absolute;
  top: -120px;
  left: 0;
  right: 0;
  overflow-x: hidden;
}
.cta-section-5 .wave {
  position: absolute;
  width: 200%;
  height: 100%;
  animation: wave 10s -3s linear infinite;
  transform: translate3d(0, 0, 0);
  background-size: cover;
}
.cta-section-5 .wave:nth-of-type(2) {
  bottom: 0;
  animation: wave 18s linear reverse infinite;
}
.cta-section-5 .wave:nth-of-type(3) {
  bottom: 0;
  animation: wave 20s -1s linear infinite;
}

.event-box-items {
  margin-top: 30px;
  background-color: var(--white);
  border-radius: 16px;
}
.event-box-items .event-image {
  padding: 20px 20px 0 20px;
  position: relative;
}
.event-box-items .event-image img {
  width: 100%;
  height: 100%;
}
.event-box-items .event-image .event-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.event-box-items .event-image .event-shape img {
  width: 100%;
}
.event-box-items .event-image .post-date {
  position: absolute;
  top: 35px;
  left: 35px;
  border-radius: 6px;
  padding: 8px 14px;
  background-color: var(--theme);
  color: var(--white);
}
.event-box-items .event-image .post-date li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.event-box-items .event-content {
  padding: 30px;
}
@media (max-width: 575px) {
  .event-box-items .event-content {
    padding: 20px 25px;
  }
}
.event-box-items .event-content ul {
  margin-bottom: 10px;
}
.event-box-items .event-content ul li i {
  color: var(--theme);
}
.event-box-items .event-content ul li span {
  margin-left: 5px;
  font-size: 16px;
  font-weight: 500;
}
.event-box-items .event-content h3 {
  border-bottom: 2px dotted var(--theme);
  padding-bottom: 20px;
}
.event-box-items .event-content h3 a:hover {
  color: var(--theme);
}
.event-box-items .event-content .event-author {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .event-box-items .event-content .event-author {
    margin-top: 20px;
  }
}
@media (max-width: 1199px) {
  .event-box-items .event-content .event-author .theme-btn {
    padding: 20px 30px;
  }
}
@media (max-width: 991px) {
  .event-box-items .event-content .event-author .theme-btn {
    padding: 18px 25px;
  }
}
.event-box-items .event-content .event-author .author-ratting span {
  margin-left: 0;
  color: var(--header);
  font-weight: 500;
}
.event-box-items .event-content .event-author .author-ratting .star {
  margin-top: 3px;
}
.event-box-items .event-content .event-author .author-ratting .star i {
  color: var(--theme);
}
.event-box-items .event-content .event-author .author-ratting .star .color-1 {
  color: #808080;
}
.event-box-items.style-bottom {
  margin-bottom: 50px;
}

.event-details-wrapper .event-details-items .details-image img {
  width: 100%;
  height: 100%;
}
.event-details-wrapper .event-details-items .event-details-content {
  margin-top: 30px;
}
.event-details-wrapper .event-details-items .event-details-content .post-items {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 30px;
}
.event-details-wrapper .event-details-items .event-details-content .post-items .post-date {
  display: inline-block;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: 600;
  background-color: var(--theme);
  border-radius: 6px;
  color: var(--white);
}
.event-details-wrapper .event-details-items .event-details-content .post-items .post-date i {
  margin-right: 5px;
}
.event-details-wrapper .event-details-items .event-details-content .post-items .post-time {
  display: inline-block;
  padding: 7px 14px;
  font-size: 16px;
  font-weight: 600;
  background-color: transparent;
  border-radius: 6px;
  border: 1px solid var(--theme);
  color: var(--theme);
}
.event-details-wrapper .event-details-items .event-details-content .post-items .post-time i {
  margin-right: 5px;
}
.event-details-wrapper .event-details-items .event-details-content h2 {
  font-size: 30px;
  margin-bottom: 20px;
  line-height: 130%;
}
@media (max-width: 575px) {
  .event-details-wrapper .event-details-items .event-details-content h2 {
    font-size: 26px;
    margin-bottom: 10px;
  }
}
.event-details-wrapper .event-details-items .event-details-content .list li:not(:last-child) {
  margin-bottom: 10px;
}
.event-details-wrapper .event-details-items .event-details-content .list li i {
  margin-right: 5px;
  color: var(--theme);
}
.event-details-wrapper .event-details-items .event-details-content .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.event-details-wrapper .event-details-items .about-author {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 25px 0;
}
@media (max-width: 1199px) {
  .event-details-wrapper .event-details-items .about-author {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .event-details-wrapper .event-details-items .about-author {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .event-details-wrapper .event-details-items .about-author {
    margin-top: 20px;
  }
}
.event-details-wrapper .event-details-items .about-author .author-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}
.event-details-wrapper .event-details-items .about-author .author-icon .icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background-color: var(--theme);
  text-align: center;
  color: var(--white);
  border-radius: 50%;
  position: relative;
}
.event-details-wrapper .event-details-items .about-author .author-icon .icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}
.event-details-wrapper .details-list-area {
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  z-index: 9;
  border: 1px solid var(--border);
}
@media (max-width: 1199px) {
  .event-details-wrapper .details-list-area {
    padding: 30px 20px;
  }
}
@media (max-width: 991px) {
  .event-details-wrapper .details-list-area {
    padding: 30px 40px;
  }
}
@media (max-width: 575px) {
  .event-details-wrapper .details-list-area {
    padding: 25px 20px;
  }
}
.event-details-wrapper .details-list-area h3 {
  font-size: 24px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 20px;
}
@media (max-width: 1199px) {
  .event-details-wrapper .details-list-area {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .event-details-wrapper .details-list-area {
    margin-top: 0;
  }
}
.event-details-wrapper .details-list-area .details-list {
  margin-bottom: 30px;
}
.event-details-wrapper .details-list-area .details-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid var(--border);
}
.event-details-wrapper .details-list-area .details-list li span i {
  color: var(--theme);
}
.event-details-wrapper .details-list-area .theme-btn {
  padding: 19px 40px;
}
.event-details-wrapper .details-list-area .theme-btn.border-style {
  border: 1px solid var(--theme);
  color: var(--theme);
  background-color: transparent;
  padding: 18px 40px;
}
.event-details-wrapper .details-list-area .theme-btn.border-style::after, .event-details-wrapper .details-list-area .theme-btn.border-style::before {
  background-color: var(--theme);
}
.event-details-wrapper .details-list-area .theme-btn.border-style:hover {
  color: var(--white);
}
.event-details-wrapper .details-list-area .social-icon {
  justify-content: center;
  gap: 15px;
  margin-top: 30px;
}
.event-details-wrapper .details-list-area .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--theme);
  transition: all 0.4s ease-in-out;
  text-align: center;
  background-color: transparent;
  border: 1px solid var(--theme);
}
.event-details-wrapper .details-list-area .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
  border: 1px solid transparent;
}
.event-details-wrapper .map-items {
  margin-top: 30px;
}
.event-details-wrapper .map-items iframe {
  width: 100%;
  height: 300px;
}

.event-section-2 {
  margin-bottom: -50px;
}

.event-section {
  position: relative;
  margin-top: 120px;
}
.event-section .event-top-shape {
  height: 160px;
  width: 100%;
  position: absolute;
  top: -120px;
  left: 0;
  right: 0;
  overflow-x: hidden;
}
.event-section .wave {
  position: absolute;
  width: 200%;
  height: 100%;
  animation: wave 10s -3s linear infinite;
  transform: translate3d(0, 0, 0);
  background-size: cover;
}
.event-section .wave:nth-of-type(2) {
  bottom: 0;
  animation: wave 18s linear reverse infinite;
}
.event-section .wave:nth-of-type(3) {
  bottom: 0;
  animation: wave 20s -1s linear infinite;
}

/* new addition */
.faq-section{
  margin-top: 50px;
}
/* ------------------- */

.faq-left .nav {
  display: grid;
}
@media (max-width: 991px) {
  .faq-left .nav {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
  }
}
.faq-left .nav .nav-link {
  font-weight: 700;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--header);
}
.faq-left .nav .nav-link.active {
  color: var(--theme);
}

.faq-content .accordion-item {
  border: 0;
  background-color: var(--white);
  box-shadow: var(--box-shadow);
}
.faq-content .accordion-item .accordion-header .accordion-button {
  font-weight: 700;
  color: #000;
  letter-spacing: -0.2px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: #ffc107;
  padding: 25px 30px 0;
  text-transform: capitalize;
  font-size: 20px;
  border: none;
}
.faq-content .accordion-item .accordion-header .accordion-button::after {
  font-weight: 500;
  transition: all 0.3s ease-in-out !important;
  background-image: url(../img/chevron-right.svg);
  color: var(--theme2);
}
.faq-content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image: url(../img/chevron-down.svg);
  font-weight: 500;
  color: var(--theme);
  transform: rotate(0);
}
.faq-content .accordion-item .accordion-header .accordion-button.collapsed {
  background-color: #f25334;
  padding: 25px 30px;
  color: #fff;
}
.faq-content .accordion-item .accordion-collapse .accordion-body {
  padding-right: 130px;
  padding-left: 30px;
  padding-top: 15px;
  color: #000;
  background-color: #ffc107;
  padding-bottom: 25px;
}
@media (max-width: 1399px) {
  .faq-content .accordion-item .accordion-collapse .accordion-body {
    padding-right: 50px;
  }
}
@media (max-width: 991px) {
  .faq-content .accordion-item .accordion-collapse .accordion-body {
    padding-right: 30px;
  }
}

.work-process-section {
  position: relative;
}
.work-process-section .top-shape {
  position: absolute;
  top: 0;
  left: 0;
}

.work-process-section-2 {
  position: relative;
}
.work-process-section-2 .top-shape {
  position: absolute;
  top: 0;
  left: 0;
}

.process-work-wrapper {
  position: relative;
  z-index: 9;
}
.process-work-wrapper .work-process-items {
  position: relative;
}
.process-work-wrapper .work-process-items .line-shape {
  position: absolute;
  top: 12%;
  right: -55%;
}
@media (max-width: 1199px) {
  .process-work-wrapper .work-process-items .line-shape {
    display: none;
  }
}
.process-work-wrapper .work-process-items .line-shape-2 {
  position: absolute;
  top: -32%;
  right: -55%;
}
@media (max-width: 1199px) {
  .process-work-wrapper .work-process-items .line-shape-2 {
    display: none;
  }
}
.process-work-wrapper .work-process-items .icon {
  width: 100px;
  height: 100px;
  line-height: 105px;
  text-align: center;
  margin: 0 auto;
  font-size: 40px;
  color: var(--white);
}
.process-work-wrapper .work-process-items .content {
  margin-top: 30px;
}
.process-work-wrapper .work-process-items .content h4 {
  margin-bottom: 5px;
}
.process-work-wrapper .work-process-items .content.style-two {
  margin-top: 0;
  margin-bottom: 30px;
}
.process-work-wrapper .work-process-items.style-2 {
  margin-top: 100px;
}
@media (max-width: 1199px) {
  .process-work-wrapper .work-process-items.style-2 {
    margin-top: 0;
  }
}
.process-work-wrapper.style-padding {
  padding-top: 90px;
}

.feature-value-section {
  position: relative;
  /* margin-top: -55px; */
  margin-top: 15px;      /*new addition*/
}

.feature-value-section .shape-1 {
  position: absolute;
  top: 20%;
  left: 0;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .feature-value-section .shape-1 {
    display: none;
  }
}
.feature-value-section .shape-2 {
  position: absolute;
  top: 20%;
  right: 10px;
}
@media (max-width: 1199px) {
  .feature-value-section .shape-2 {
    display: none;
  }
}

.feature-value-items {
  margin-top: 30px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1399px) {
  .feature-value-items {
    margin-bottom: -50px;
  }
}
@media (max-width: 1199px) {
  .feature-value-items {
    margin-bottom: 0;
  }
}
.feature-value-items .value-icon-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 575px) {
  .feature-value-items .value-icon-items {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
}
.feature-value-items .value-icon-items:not(:last-child) {
  margin-bottom: 30px;
}
.feature-value-items .value-icon-items .icon {
  width: 90px;
  height: 90px;
  line-height: 100px;
  text-align: center;
  border-radius: 8px;
  background: rgba(243, 159, 95, 0.2);
  border-radius: 8px;
  flex-basis: 40%;
  font-size: 40px;
  color: var(--theme);
}
.feature-value-items .value-icon-items .icon.color-2 {
  background: rgba(88, 102, 235, 0.15);
  color: #5866EB;
}
.feature-value-items .value-icon-items .icon.color-3 {
  background: rgba(57, 192, 250, 0.15);
  color: #39C0FA;
}
.feature-value-items .value-icon-items .icon.color-4 {
  background: rgba(249, 37, 150, 0.15);
  color: #F92596;
}
.feature-value-items .value-icon-items .content h5 {
  margin-bottom: 10px;
}
.feature-value-items .value-icon-items.style-2 .content {
  text-align: right;
}
@media (max-width: 1199px) {
  .feature-value-items .value-icon-items.style-2 .content {
    text-align: left;
  }
}
@media (max-width: 575px) {
  .feature-value-items .value-icon-items.style-2 .content {
    text-align: center;
  }
}
.feature-value-items .feature-value-image {
  max-width: 290px;
  text-align: center;
  margin: 0 auto -120px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .feature-value-items .feature-value-image {
    margin: 0 auto 0;
  }
}
.feature-value-items .feature-value-image img {
  width: 100%;
  height: 100%;
}
.feature-value-items .feature-value-image .value-shape {
  position: absolute;
  bottom: 0;
  left: -25px;
  z-index: -1;
  right: -30px;
  max-width: 340px;
}
.feature-value-items .feature-value-image .value-shape img {
  width: 100%;
  height: 100%;
}

.counter-section {
  position: relative;
  z-index: 9;
  padding: 90px 0 120px;
  margin-bottom: -33px;
}
@media (max-width: 1199px) {
  .counter-section {
    margin-bottom: -27px;
  }
}
.counter-section .counter-bg {
  position: absolute;
  top: -16px;
  left: 0;
  background-color: #800080;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 325"><path d="M0 325V29.4378V5.47337C38.0396 17.4556 143.614 5.47336 277.289 5.47337C423 5.47339 552.217 -6.50878 664 5.47347C806.815 23.114 1257.86 5.47337 1341 5.47337C1472 5.47337 1746.15 -6.84172 1920 5.47337V322.004C1750 298.138 1254 309.122 1138 309.122C885.21 309.122 608 314.114 396 309.122C69.2597 293.145 130 322.004 0 325Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .counter-section .counter-bg {
    top: 0;
  }
}
.counter-section .line-shape {
  position: absolute;
  left: 0;
  bottom: 50px;
}
@media (max-width: 1199px) {
  .counter-section .line-shape {
    display: none;
  }
}
.counter-section .box-shape {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1199px) {
  .counter-section .box-shape {
    display: none;
  }
}

.counter-section-2 {
  background-color: var(--theme2);
  background-position: top !important;
}
@media (max-width: 767px) {
  .counter-section-2 {
    background-size: initial !important;
  }
}

.counter-wrapper .counter-items {
  text-align: center;
  border-right: 1px dotted var(--white);
}
@media (max-width: 1199px) {
  .counter-wrapper .counter-items {
    border: none;
  }
}
.counter-wrapper .counter-items .content {
  margin-top: 15px;
}
.counter-wrapper .counter-items .content h2 {
  color: var(--white);
  margin-bottom: 5px;
}
.counter-wrapper .counter-items .content p {
  color: var(--white);
  font-weight: 600;
  font-size: 18px;
  text-align: center; /*new addition*/
}
.counter-wrapper.style-2 {
  padding: 120px 0 80px;
}

.certificate-image img {
  width: 100%;
  height: 100%;
  border: 1px solid var(--border);
  border-radius: 20px;
}

.feature-items {
  position: relative;
  z-index: 9;
}
.feature-items .bg-1 {
  position: absolute;
  top: 34%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.feature-items .feature-image {
  margin: 0 auto 20px;
  text-align: center;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 270"><path fill-rule="evenodd" clip-rule="evenodd" d="M118.5 3.81329C145.5 3.81329 203.5 -11.1868 227.825 18.3132C252.409 42.9931 267.481 77.1202 269.793 113.268C272.216 151.147 253.052 186.574 227.825 213.041C202.968 239.12 170.036 253.795 135.37 254.298C100.213 254.809 65.6677 242.141 40.3938 215.762C14.7101 188.955 -2.27414 151.731 0.247487 113.268C2.63995 76.7756 42.1193 60.1621 67 35.3133C90.5999 11.7436 86.3466 3.40666 118.5 3.81329Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  max-width: 270px;
  position: relative;
  z-index: 9;
}
.feature-items .feature-image img {
  width: 100%;
  height: 100%;
}

.counter-items-5 {
  text-align: center;
  border-right: 1px dashed var(--theme3);
  padding-right: 30px;
}
@media (max-width: 1199px) {
  .counter-items-5 {
    border-right: 1px none;
    padding-right: 0;
  }
}
.counter-items-5.border-none {
  border-right: none;
  padding-right: 0;
}
.counter-items-5 .icon svg path {
  transition: all 0.4s ease-in-out;
}
.counter-items-5 .content {
  margin-top: 10px;
}
.counter-items-5 .content h2 {
  color: var(--header2);
  margin-bottom: 5px;
}
.counter-items-5 .content p {
  font-size: 18px;
  font-weight: 600;
}
.counter-items-5:hover .icon svg path {
  fill: #F5C748;
}

.choose-us-wrapper .choose-us-image {
  position: relative;
}
.choose-us-wrapper .choose-us-image img {
  width: 100%;
  height: 100%;
  border-radius: 20px 20px 20px 1000px;
}
.choose-us-wrapper .choose-us-image .radius-shape {
  position: absolute;
  top: 130px;
  z-index: -1;
  right: 0;
}
@media (max-width: 1199px) {
  .choose-us-wrapper .choose-us-image .radius-shape {
    display: none;
  }
}
.choose-us-wrapper .choose-us-image.style-2 {
  margin-top: 70px;
}
@media (max-width: 1199px) {
  .choose-us-wrapper .choose-us-image.style-2 {
    margin-top: 0;
  }
}
.choose-us-wrapper .choose-us-image.style-2 img {
  border-radius: 20px 1000px 20px 20px;
}
.choose-us-wrapper .choose-us-image.style-2 .radius-shape-2 {
  position: absolute;
  top: -72px;
  left: 0;
  z-index: -1;
}
@media (max-width: 1199px) {
  .choose-us-wrapper .choose-us-image.style-2 .radius-shape-2 {
    display: none;
  }
}
.choose-us-wrapper .choose-us-content .choose-us-item {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .choose-us-wrapper .choose-us-content .choose-us-item {
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 30px;
  }
}
.choose-us-wrapper .choose-us-content .choose-us-item .icon {
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.04);
}
.choose-us-wrapper .choose-us-content .choose-us-item .content h5 {
  margin-bottom: 10px;
}
.choose-us-wrapper .choose-us-content .choose-us-button {
  display: flex;
  align-items: center;
  gap: 35px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 40px;
  padding-top: 40px;
}
@media (max-width: 1199px) {
  .choose-us-wrapper .choose-us-content .choose-us-button {
    flex-wrap: wrap;
  }
}
.choose-us-wrapper .choose-us-content .choose-us-button .theme-btn {
  background-color: var(--theme3);
}
.choose-us-wrapper .choose-us-content .choose-us-button .call-btn {
  display: flex;
  align-items: center;
  gap: 12px;
}
.choose-us-wrapper .choose-us-content .choose-us-button .call-btn .icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: var(--theme3);
  border-radius: 100px;
  color: var(--white);
}
.choose-us-wrapper .choose-us-content .choose-us-button .call-btn .content span {
  font-weight: 500;
}

.footer-widgets-wrapper {
  padding: 90px 0 120px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .footer-widgets-wrapper {
    padding: 60px 0 90px;
  }
}
@media (max-width: 991px) {
  .footer-widgets-wrapper {
    padding: 50px 0 70px;
  }
}
.footer-widgets-wrapper .single-footer-widget {
  margin-top: 30px;
}
.footer-widgets-wrapper .single-footer-widget .widget-head {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #F39F5F 4.85%, rgba(201, 203, 223, 0) 96.39%);
  border-bottom: 2px solid transparent;
  border-image-slice: 2;
  display: inline-block;
}
@media (max-width: 575px) {
  .footer-widgets-wrapper .single-footer-widget .widget-head {
    margin-bottom: 20px;
  }
}
.footer-widgets-wrapper .single-footer-widget .widget-head h3 {
  font-weight: bold;
  color: #fff;
  font-size: 24px;
  display: inline-block;
}
.footer-widgets-wrapper .single-footer-widget .footer-content p {
  color: #fff;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
  margin-top: 40px;
  gap: 15px;
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
    margin-top: 20px;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--header);
  transition: all 0.4s ease-in-out;
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(56, 84, 105, 0.2);
}
.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
  border: 1px solid transparent;
}
.footer-widgets-wrapper .single-footer-widget .footer-content.style-two .social-icon {
  margin-top: 20px;
  margin-bottom: 35px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .footer-input {
  position: relative;
  margin-top: 40px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .footer-input input {
  background: transparent;
  border: none;
  outline: none;
  padding: 18px 20px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(92, 112, 126, 0.3);
  color: var(--text);
}
.footer-widgets-wrapper .single-footer-widget .footer-content .footer-input input::placeholder {
  color: var(--text);
}
.footer-widgets-wrapper .single-footer-widget .footer-content .footer-input .newsletter-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 60px;
  height: 55px;
  line-height: 60px;
  border-radius: 4px;
  text-align: center;
  background-color: var(--theme);
  color: var(--white);
  bottom: 5px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .footer-input .newsletter-btn i {
  font-size: 24px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info {
  margin-top: 20px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info li {
  color: var(--text);
  font-weight: 500;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info li:not(:last-child) {
  margin-bottom: 20px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info li i {
  font-size: 16px;
  color: var(--theme);
  margin-right: 10px;
  font-size: 20px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info li a {
  color: var(--text);
}
.footer-widgets-wrapper .single-footer-widget .list-area li {
  transition: all 0.4s ease-in-out;
  font-weight: 500;
}
.footer-widgets-wrapper .single-footer-widget .list-area li:not(:last-child) {
  margin-bottom: 15px;
}
.footer-widgets-wrapper .single-footer-widget .list-area li a {
  color: #fff;
}
.footer-widgets-wrapper .single-footer-widget .list-area li a i {
  margin-right: 5px;
}
.footer-widgets-wrapper .single-footer-widget .list-area li:hover {
  margin-left: 5px;
}
.footer-widgets-wrapper .single-footer-widget .list-area li:hover a {
  color: var(--theme);
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 25px;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .thumb {
  width: 80px;
  height: 80px;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .thumb img {
  width: 100%;
  height: 100%;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content .post-date {
  margin-bottom: 10px;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content .post-date li {
  color: var(--theme);
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content h6 {
  font-size: 16px;
  font-weight: 700;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content h6 a {
  color: var(--header);
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content h6 a:hover {
  color: var(--theme);
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item {
  overflow: hidden;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .thumb {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 20px;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content .post-date {
  color: var(--theme);
  margin-bottom: 10px;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content .post-date i {
  margin-right: 10px;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content h6 {
  font-size: 16px;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content h6 a {
  color: var(--text);
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content h6 a:hover {
  color: var(--theme);
}
@media (min-width: 1200px) {
  .footer-widgets-wrapper .single-footer-widget.style-margin {
    margin-left: 70px;
  }
}
@media (min-width: 1200px) {
  .footer-widgets-wrapper .single-footer-widget.style-margin-2 {
    margin-left: 50px;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item:not(:last-child) {
  margin-bottom: 10px;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb {
  position: relative;
}
@media (max-width: 575px) {
  .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb {
    width: 100px;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  transition: 0.3s;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(243, 159, 95, 0.85);
  transition: 0.4s;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon i {
  color: var(--white);
  font-size: 22px;
  z-index: 99;
  position: relative;
  margin-top: 25px;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon {
  opacity: 1;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon::after {
  opacity: 1;
}
.footer-widgets-wrapper .footer-style-2 {
  background-color: rgba(122, 135, 255, 0.15);
  margin-top: 30px;
  padding: 20px 50px 50px 50px;
  position: relative;
  z-index: 9;
}
.footer-widgets-wrapper .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 {
  margin-top: 20px;
}
.footer-widgets-wrapper .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 .contact-info-item-2 {
  display: flex;
  gap: 16px;
}
.footer-widgets-wrapper .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 .contact-info-item-2 .icon {
  font-size: 24px;
  color: var(--white);
}
.footer-widgets-wrapper .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 .contact-info-item-2 .content h6 {
  font-weight: 700;
  color: var(--white);
  margin-bottom: 5px;
}
.footer-widgets-wrapper .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 .contact-info-item-2 .content a {
  color: var(--text-2);
}
.footer-widgets-wrapper .footer-style-2 .single-footer-widget .footer-content .apps-image {
  gap: 16px;
  margin-top: 30px;
}
.footer-widgets-wrapper.style-2 {
  text-align: center;
  padding: 100px 0 0px;
}
.footer-widgets-wrapper.style-2 .footer-top {
  margin-bottom: 40px;
}
.footer-widgets-wrapper.style-2 .footer-top p {
  color: var(--white);
  margin-top: 20px;
}
.footer-widgets-wrapper.style-2 .footer-list {
  display: flex;
  align-items: center;
  gap: 85px;
  justify-content: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 40px 0;
}
@media (max-width: 1199px) {
  .footer-widgets-wrapper.style-2 .footer-list {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.footer-widgets-wrapper.style-2 .footer-list li {
  font-size: 22px;
  color: var(--white);
}
.footer-widgets-wrapper.style-2 .footer-list li a {
  color: var(--white);
}
.footer-widgets-wrapper.style-2 .footer-list li i {
  color: var(--theme3);
  font-size: 28px;
  margin-right: 8px;
}
.footer-widgets-wrapper.style-2 .footer-middle-btn {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 40px 0;
}
@media (max-width: 1199px) {
  .footer-widgets-wrapper.style-2 .footer-middle-btn {
    margin-bottom: 30px;
  }
}
.footer-widgets-wrapper.style-2 .footer-middle-btn .theme-btn {
  background-color: var(--theme3);
  color: var(--header2);
}
.footer-widgets-wrapper.style-2 .footer-middle-btn .theme-btn::before, .footer-widgets-wrapper.style-2 .footer-middle-btn .theme-btn::after {
  background-color: var(--white);
}

.footer-bottom {
  position: relative;
  z-index: 9;
  z-index: 9;
}
.footer-bottom .f-bottom-shape {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000080;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 92"><path d="M84.7504 27.2721C51.6574 -20.7819 14.4614 12.773 0 35.5572V92H1920V18.9869C1896.59 -9.59695 1871.91 7.07696 1862.49 18.9869C1844.33 45.0852 1828.02 37.4559 1822.13 30.379C1792.67 -11.4611 1766.47 2.24395 1757.06 14.3265C1734.46 44.1531 1718.38 37.4559 1713.17 30.379C1681.69 -9.38979 1655.66 3.10699 1646.58 14.3265C1626.8 44.1531 1612.11 37.4559 1607.23 30.379C1575.75 -11.0468 1551.07 2.41656 1542.66 14.3265C1523.69 43.7389 1504.49 37.2833 1497.26 30.379C1467.8 -9.38979 1440.59 3.10699 1430.67 14.3265C1410.89 48.71 1392.16 39.3546 1385.27 30.379C1357.42 -13.1181 1327.92 5.00568 1316.66 19.5047C1300.92 43.5317 1287.9 36.7655 1283.36 30.379C1252.29 -12.2896 1227.37 -0.862982 1218.79 10.1839C1198.61 47.4672 1178.43 39.182 1170.87 30.379C1140.2 -12.7039 1114.03 4.83308 1104.78 18.9869C1082.99 46.7422 1064.76 35.0395 1058.37 25.7187C1028.1 -14.0502 1001.03 4.66049 991.277 18.9869C976.748 46.7422 960.336 35.0395 953.946 25.7187C924.082 -13.2216 896.774 5.0057 886.852 18.9869C866.27 47.5708 849.017 35.3847 842.964 25.7187C816.732 -13.2216 786.295 5.0057 774.356 18.9869C757.003 50.4706 737.53 34.8668 729.963 23.1295C704.538 -11.6682 677.667 5.86872 667.409 18.9869C652.074 45.4995 635.124 34.5216 628.565 25.7187C606.369 -9.9076 580.305 1.20835 570.047 11.2196C548.658 46.4316 527.504 35.5573 519.601 25.7187C495.386 -10.7361 467.809 3.27964 457.047 14.8444C433.64 50.0564 415.681 36.7656 409.627 25.7187C387.834 -8.25056 361.534 1.89878 351.109 11.2196C334.562 49.3314 309.238 34.0038 298.644 21.576C271.605 -14.4645 245.003 6.55916 235.081 21.576C215.71 46.8458 199.096 32.1051 193.211 21.576C179.086 6.04134 151.34 -8.45772 127.126 21.576C107.754 45.603 90.804 35.3846 84.7504 27.2721Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.footer-bottom .footer-wrapper {
  position: relative;
  z-index: 9;
  padding-top: 50px;
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .footer-bottom .footer-wrapper {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center !important;
    margin-top: -88px;
  }
}
.footer-bottom .footer-wrapper p {
  color: #fff;
}
.footer-bottom .footer-wrapper p a {
  color: #fff;
}
.footer-bottom .footer-wrapper .footer-menu {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer-bottom .footer-wrapper .footer-menu li a {
  color: #fff;
  background-image: linear-gradient(var(--theme), var(--theme));
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.footer-bottom .footer-wrapper .footer-menu li a:hover {
  background-size: 100% 1px;
  color: var(--theme);
}
.footer-bottom .footer-wrapper.style-2 {
  padding: 40px 0;
}
.footer-bottom .footer-wrapper.style-2 p {
  color: var(--white);
}
.footer-bottom .footer-wrapper.style-2 .social-icon {
  gap: 15px;
  position: relative;
  z-index: 9;
}
.footer-bottom .footer-wrapper.style-2 .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--white);
  transition: all 0.4s ease-in-out;
  text-align: center;
  background-color: transparent;
  border: 1px solid var(--white);
}
.footer-bottom .footer-wrapper.style-2 .social-icon a:hover {
  background-color: var(--theme3);
  border: 1px solid transparent;
}
.footer-bottom .scroll-icon {
  position: absolute;
  left: 90.2%;
  top: -40px;
  transform: translateX(-50%);
  width: 70px;
  height: 70px;
  line-height: 60px;
  background-color: var(--theme);
  border-radius: 50%;
  text-align: center;
  color: var(--white);
  border: 5px solid var(--white);
  display: inline-block;
  z-index: 99;
}
@media (max-width: 1399px) {
  .footer-bottom .scroll-icon {
    left: 50%;
  }
}

.footer-section {
  position: relative;
}
.footer-section .footer-top-shape {
  position: absolute;
  top: 0;
  left: 0;
}
.footer-section .f-bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
}
.footer-section .frame-shape {
  position: absolute;
  top: 28%;
  left: 0;
  animation: rounded 5s linear infinite;
}
.footer-section .frame-shape.style-2 {
  top: 35%;
}
@media (max-width: 1199px) {
  .footer-section .frame-shape {
    display: none;
  }
}
.footer-section .zebra-shape {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.footer-section .zebra-shape-2 {
  position: absolute;
  right: 0;
  bottom: 30%;
}
@media (max-width: 1399px) {
  .footer-section .zebra-shape-2 {
    display: none;
  }
}
.footer-section .tree-shape {
  position: absolute;
  left: 0;
  bottom: 30%;
}
@media (max-width: 1399px) {
  .footer-section .tree-shape {
    display: none;
  }
}
.footer-section .frame-shape-3 {
  position: absolute;
  top: 40%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .footer-section .frame-shape-3 {
    display: none;
  }
}

.footer-section-5 {
  position: relative;
}
.footer-section-5::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(20, 45, 64, 0.8);
}

.header-top-section {
  position: relative;
  z-index: 9;
  background-color: var(--bg);
}
@media (max-width: 991px) {
  .header-top-section {
    display: none;
  }
}
.header-top-section .header-top-shape {
  position: absolute;
  top: 0;
  left: 0;
  height: 92px;
  z-index: -1;
}
.header-top-section .header-top-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.header-top-section-4 {
  position: relative;
  z-index: 9;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .header-top-section-4 {
    display: none;
  }
}
.header-top-section-4 .header-top-shape {
  position: absolute;
  top: 0;
  left: 0;
  height: 92px;
  z-index: -1;
}
.header-top-section-4 .header-top-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.header-top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}
.header-top-wrapper .contact-list {
  display: flex;
  align-items: center;
  gap: 40px;
}
.header-top-wrapper .contact-list li {
  color: var(--header);
  font-weight: 500;
}
.header-top-wrapper .contact-list li i {
  margin-right: 5px;
}
.header-top-wrapper .contact-list li a {
  color: var(--header);
  font-weight: 500;
}
.header-top-wrapper .social-icon {
  gap: 20px;
}
.header-top-wrapper .social-icon span {
  color: var(--header);
  font-weight: 500;
}
.header-top-wrapper .social-icon a {
  color: #000;
  font-size: 22px;
}
.header-top-wrapper .social-icon a:hover {
  color: #000;
  font-size: 22px;
}
.header-top-wrapper.style-2 {
  padding: 15px 0;
}
.header-top-wrapper.style-2 .contact-list li {
  color: var(--white);
}
.header-top-wrapper.style-2 .contact-list li a {
  color: var(--white);
}
.header-top-wrapper.style-2 .social-icon span {
  color: var(--white);
}
.header-top-wrapper.style-2 .social-icon a {
  color: var(--white);
}
.header-top-wrapper.style-2 .social-icon a:hover {
  color: var(--theme);
}

.header-top-section-3 {
  background-color: var(--theme2);
}
@media (max-width: 767px) {
  .header-top-section-3 {
    display: none;
  }
  .img-hed-mob{
    margin-top: -45px;
    margin-left: 150px;
    font-weight: 600;
    display: block !important
  }
}

.header-section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: transparent;
}

.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.header-main .main-menu ul {
  margin-bottom: 0;
}
.header-main .main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-inline-end: 40px;
}
.header-main .main-menu ul li:last-child {
  margin-inline-end: 0;
}
.header-main .main-menu ul li a {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  padding: 20px 0;
  text-align: left;
  position: relative;
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li a i {
  margin-left: 4px;
}
.header-main .main-menu ul li a:hover {
  color: var(--theme) !important;
}
.header-main .main-menu ul li .submenu {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  min-width: 240px;
  background: var(--white);
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transform-origin: top center;
  color: var(--header);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  transform: translateY(10px);
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.header-main .main-menu ul li .submenu li a {
  position: relative;
  z-index: 11;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  padding: 0 25px;
  padding-bottom: 11px;
  padding-top: 11px;
  width: 100%;
  border-bottom: 1px solid #eeeeee;
}
.header-main .main-menu ul li .submenu li:last-child a {
  border: none;
}
.header-main .main-menu ul li .submenu li .submenu {
  inset-inline-start: 100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.header-main .main-menu ul li .submenu li:hover > a {
  background: #800080;
  color: var(--white) !important;
}
.header-main .main-menu ul li .submenu li:hover > a::after {
  color: var(--theme);
}
.header-main .main-menu ul li .submenu li:hover > .submenu {
  -webkit-transform: translateY(1);
  -moz-transform: translateY(1);
  -ms-transform: translateY(1);
  -o-transform: translateY(1);
  transform: translateY(1);
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--theme);
}
.header-main .main-menu ul li .has-homemenu {
  width: 1100px;
  padding: 30px 30px 10px 30px;
  opacity: 0;
  left: -250px;
  visibility: hidden;
  padding: 30px 30px 10px 30px;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .header-main .main-menu ul li .has-homemenu .homemenu-items {
    flex-wrap: wrap;
  }
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
  position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb {
  position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  gap: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  margin-top: 20px;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
  padding: 14px 20px;
  color: var(--white) !important;
  width: initial;
  font-size: 14px;
  text-align: center;
  border-radius: 0;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
  color: var(--white) !important;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before {
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img {
  width: 100%;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title {
  text-align: center;
  margin: 15px auto;
  display: inline-block;
  font-size: 16px;
}
.header-main .main-menu ul li:hover > a {
  color: var(--theme);
}
.header-main .main-menu ul li:hover > a::after {
  color: var(--theme);
}
.header-main .main-menu ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.header-main .sidebar__toggle {
  cursor: pointer;
  font-size: 20px;
}

.container-fluid {
  padding: 0 150px;
}
@media (max-width: 1600px) {
  .container-fluid {
    padding: 0 40px;
  }
}
@media (max-width: 1199px) {
  .container-fluid {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .container-fluid {
    padding: 0 20px;
  }
}

.header-1 {
  background-color: var(--bg);
  padding-top: 25px;
}
@media (max-width: 991px) {
  .header-1 {
    padding-top: 0;
  }
}
.header-1 .header-main .header-left {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media (max-width: 1899px) {
  .header-1 .header-main .header-left {
    gap: 40px;
  }
}
@media (max-width: 1399px) {
  .header-1 .header-main .header-left {
    gap: 25px;
  }
}
@media (max-width: 1199px) {
  .header-1 .header-main .header-left {
    gap: 20px;
  }
}
.header-1 .header-main .header-left .category-oneadjust {
  width: 160px;
  border-radius: 8px;
  border: 1px solid rgba(92, 112, 126, 0.3);
  padding: 10px 16px;
  position: relative;
  z-index: 99;
}
@media (max-width: 767px) {
  .header-1 .header-main .header-left .category-oneadjust {
    display: none;
  }
}
.header-1 .header-main .header-left .category-oneadjust .nice-select {
  width: unset !important;
  gap: 20px;
  font-size: 16px;
}
.header-1 .header-main .header-left .category-oneadjust .nice-select .list {
  max-height: 15vh;
  background: var(--white);
  width: 160px;
  padding: 5px 8px;
  overflow-y: scroll;
}
@media (max-width: 1199px) {
  .header-1 .header-main .header-left .category-oneadjust .nice-select .list {
    right: -60px;
  }
}
.header-1 .header-main .header-left .category-oneadjust .nice-select .list li {
  color: var(--header);
  font-size: 14px;
  border: none;
}
.header-1 .header-main .header-right {
  gap: 30px;
}
@media (max-width: 1199px) {
  .header-1 .header-main .header-right {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .header-1 .header-main .header-right {
    gap: 10px;
  }
}
.header-1 .header-main .header-right .search-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(92, 112, 126, 0.3);
  color: var(--header);
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .header-1 .header-main .header-right .search-icon {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .header-1 .header-main .header-right .search-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
@media (max-width: 1399px) {
  .header-1 .header-main .header-right .header-button {
    display: none;
  }
}

.header-2 {
  background-color: var(--bg);
}
.header-2 .header-main {
  background-color: var(--white);
  padding: 20px 30px;
  border-radius: 16px;
}
.header-2 .header-main .header-right {
  gap: 30px;
}
@media (max-width: 1199px) {
  .header-2 .header-main .header-right {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .header-2 .header-main .header-right {
    gap: 10px;
  }
}
.header-2 .header-main .header-right .search-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(92, 112, 126, 0.3);
  color: var(--header);
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .header-2 .header-main .header-right .search-icon {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .header-2 .header-main .header-right .search-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
@media (max-width: 1399px) {
  .header-2 .header-main .header-right .header-button {
    display: none;
  }
}

.header-3 {
  padding: 10px 0;
}
.header-3 .header-main .header-left {
  display: flex;
  align-items: center;
  gap: 35px;
}
.header-3 .header-main .header-right {
  gap: 30px;
}
.header-3 .header-main .header-right .author-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1399px) {
  .header-3 .header-main .header-right .author-icon {
    display: none;
  }
}
.header-3 .header-main .header-right .author-icon .icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background-color: var(--theme);
  text-align: center;
  color: var(--white);
  border-radius: 50%;
  position: relative;
}
.header-3 .header-main .header-right .author-icon .icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}
.header-3 .header-main .header-right .author-icon .content span {
  margin-bottom: 5px;
  display: inline-block;
}
@media (max-width: 1199px) {
  .header-3 .header-main .header-right .header-button {
    display: none;
  }
}

.header-4 {
  padding: 10px 0;
}
.header-4 .header-main .header-right {
  gap: 30px;
}
@media (max-width: 1199px) {
  .header-4 .header-main .header-right {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .header-4 .header-main .header-right {
    gap: 20px;
  }
}
.header-4 .header-main .header-right .search-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(92, 112, 126, 0.3);
  color: var(--header);
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .header-4 .header-main .header-right .search-icon {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .header-4 .header-main .header-right .search-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
@media (max-width: 1399px) {
  .header-4 .header-main .header-right .header-button {
    display: none;
  }
}

.header-5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: transparent;
}
.header-5 .container-fluid {
  padding: 0 90px;
}
@media (max-width: 1600px) {
  .header-5 .container-fluid {
    padding: 0 40px;
  }
}
@media (max-width: 1199px) {
  .header-5 .container-fluid {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .header-5 .container-fluid {
    padding: 0 20px;
  }
}
.header-5 .header-main .main-menu ul li a {
  color: var(--white);
}
.header-5 .header-main .header-right {
  gap: 30px;
}
@media (max-width: 1199px) {
  .header-5 .header-main .header-right {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .header-5 .header-main .header-right {
    gap: 10px;
  }
}
.header-5 .header-main .header-right .search-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: var(--white);
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .header-5 .header-main .header-right .search-icon {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .header-5 .header-main .header-right .search-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.header-5 .header-main .header-right .header-button .theme-btn {
  background-color: var(--theme3);
  color: var(--black);
}
.header-5 .header-main .header-right .header-button .theme-btn:hover {
  color: var(--white);
}
@media (max-width: 1399px) {
  .header-5 .header-main .header-right .header-button {
    display: none;
  }
}

.sidebar__toggle {
  cursor: pointer;
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 100;
  transition: all 0.9s;
  background-color: var(--white);
  box-shadow: var(--box-shadow);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.sticky.header-1 {
  padding-top: 0;
}
.sticky.header-2 .header-main {
  padding: 15px 0;
  border-radius: 0;
}
.sticky.header-5 .header-main .main-menu ul li a {
  color: var(--header);
}
.sticky.header-5 .header-main .header-right .search-icon {
  border: 1px solid var(--header);
  color: var(--header);
}

.offcanvas__info {
  background: var(--bg) none repeat scroll 0 0;
  border-left: 2px solid var(--theme);
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 99999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.offcanvas__info::-webkit-scrollbar {
  display: none;
}

.offcanvas__info.info-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.offcanvas__logo a img {
  width: 150px;
}

.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 30px 30px;
}
.offcanvas__wrapper .offcanvas__content .text {
  color: var(--text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme);
  position: relative;
  z-index: 9;
  cursor: pointer;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
  color: var(--white);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
  margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul {
  margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a {
  color: var(--text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {
  margin-bottom: 15px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {
  margin-right: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i {
  color: var(--theme);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
  text-transform: initial;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn {
  width: 100%;
  padding: 16px 40px;
  text-transform: capitalize !important;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {
  margin-top: 30px;
  gap: 10px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  display: block;
  background: transparent;
  color: var(--text);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  border: 1px solid var(--border);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
}

.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}

.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

@media (max-width: 450px) {
  .offcanvas__info {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.breadcrumb-wrapper {
  position: relative;
  overflow: hidden;
}
.breadcrumb-wrapper .line-shape {
  position: absolute;
  left: 0;
  bottom: 20%;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .line-shape {
    display: none;
  }
}
.breadcrumb-wrapper .plane-shape {
  position: absolute;
  top: 25%;
  left: 15%;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .plane-shape {
    display: none;
  }
}
.breadcrumb-wrapper .doll-shape {
  position: absolute;
  bottom: 25%;
  left: 12%;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .doll-shape {
    display: none;
  }
}
.breadcrumb-wrapper .parasuit-shape {
  position: absolute;
  right: 10%;
  top: 10%;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .parasuit-shape {
    display: none;
  }
}
.breadcrumb-wrapper .frame-shape {
  position: absolute;
  top: 12%;
  right: 23%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .frame-shape {
    display: none;
  }
}
.breadcrumb-wrapper .bee-shape {
  position: absolute;
  bottom: 25%;
  right: 18%;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .bee-shape {
    display: none;
  }
}
.breadcrumb-wrapper .page-heading {
  position: relative;
  padding: 10px 0 106px;
  text-align: center;
  z-index: 9;
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .page-heading {
    padding: 140px 0;
  }
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .page-heading {
    padding: 110px 0;
  }
}
@media (max-width: 767px) {
  .breadcrumb-wrapper .page-heading {
    padding: 70px 0;
  }
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading {
    padding: 60px 0;
  }
}
.breadcrumb-wrapper .page-heading h1 {
  color: var(--white);
  font-size: 60px;
  position: relative;
  z-index: 9;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .page-heading h1 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading h1 {
    font-size: 36px;
  }
}
.breadcrumb-wrapper .page-heading .breadcrumb-items {
  display: flex;
  align-items: center;
  margin-top: 20px;
  gap: 10px;
  justify-content: center;
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading .breadcrumb-items {
    margin-top: 15px;
  }
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li {
  color: var(--white);
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a {
  color: var(--white);
  transition: all 0.4s ease-in-out;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a:hover {
  color: var(--white);
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li i {
  color: var(--white);
}

.error-items {
  text-align: center;
}
.error-items .error-image img {
  width: 100%;
  height: 100%;
}
.error-items h2 {
  margin-top: 30px;
  margin-bottom: 40px;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--theme);
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--theme);
  border-radius: 10px;
}

.fix {
  overflow: hidden;
}

.ralt {
  position: relative;
}

.ml-100 {
  margin-left: 100px;
}

.ripple {
  position: relative;
}
.ripple::before, .ripple::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(243, 159, 95, 0.5);
  -webkit-animation: rippleOne 3s infinite;
  animation: rippleOne 3s infinite;
}
.ripple::before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}
.ripple::after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

.swiper-dot {
  margin-bottom: 2px;
  position: relative;
}
.swiper-dot::before {
  position: absolute;
  bottom: 13px;
  left: 37%;
  transform: translate(-50%, -50%);
  width: 105px;
  height: 2px;
  background: linear-gradient(90deg, #F39F5F 4.85%, rgba(255, 255, 255, 0) 96.39%);
  content: "";
  transform: rotate(-180deg);
}
@media (max-width: 1399px) {
  .swiper-dot::before {
    display: none;
  }
}
.swiper-dot::after {
  position: absolute;
  bottom: 13px;
  right: 37%;
  width: 105px;
  height: 2px;
  background: linear-gradient(90deg, #F39F5F 4.85%, rgba(255, 255, 255, 0) 96.39%);
  content: "";
}
@media (max-width: 1399px) {
  .swiper-dot::after {
    display: none;
  }
}
.swiper-dot .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  transition: 0.6s;
  background-color: var(--theme);
  opacity: 1;
  border-radius: 10px;
}
.swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 15px;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme);
  transition: 0.6s;
  position: relative;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  top: -10px;
  left: -10px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid var(--theme);
  content: "";
}
.swiper-dot.style-2::before {
  background: linear-gradient(90deg, #385469 4.85%, rgba(56, 84, 105, 0) 96.39%);
}
.swiper-dot.style-2::after {
  background: linear-gradient(90deg, #385469 4.85%, rgba(56, 84, 105, 0) 96.39%);
}
.swiper-dot.style-2 .swiper-pagination-bullet {
  background-color: var(--header);
}
.swiper-dot.style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--header);
}
.swiper-dot.style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border: 2px solid var(--header);
}

.array-button {
  display: flex;
  align-items: center;
  gap: 15px;
}
.array-button .array-prev {
  width: 61px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: var(--white);
  color: var(--header);
  border-radius: 22px;
  transition: all 0.4s ease-in-out;
}
.array-button .array-prev:hover {
  background-color: var(--theme);
  color: var(--white);
}
.array-button .array-next {
  width: 61px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: var(--theme);
  color: var(--white);
  border-radius: 22px;
  transition: all 0.4s ease-in-out;
}
.array-button .array-next:hover {
  background-color: var(--white);
  color: var(--theme);
}

.mt-10 {
  margin-top: 10px;
}

@media (max-width: 767px) {
  br {
    display: none;
  }
}

.mt-60 {
  margin-top: 55px;
}

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

/* background */
.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
}

.bg-cover-2 {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
  width: 100%;
  height: 100%;
}

.nice-select {
  background-color: transparent;
  border: transparent;
  float: initial;
  overflow: initial;
  height: initial;
  padding: 0;
  display: inline-flex;
  align-items: center;
  line-height: 150%;
  width: 100%;
  border: none;
}
.nice-select:focus, .nice-select:hover {
  border-color: transparent;
}
.nice-select::after {
  height: 8px;
  width: 8px;
  right: -25px;
  top: 15px;
  border-color: var(--header);
  border-bottom: 2px solid var(--header);
  border-right: 2px solid var(--header);
}
.nice-select .list {
  width: initial;
  background-color: var(--theme);
  box-shadow: none;
  overflow: initial;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
  width: 100%;
  top: 100%;
  padding: 0;
  max-height: 50vh;
  overflow-x: auto;
  right: -50px;
}
.nice-select .list::-webkit-scrollbar {
  width: 2px;
  opacity: 1;
  display: block;
}
.nice-select .list::-webkit-scrollbar-button, .nice-select .list::-webkit-scrollbar-thumb {
  background: var(--header);
}
.nice-select .option {
  background-color: transparent;
  font-size: 16px;
  line-height: 150%;
  padding: 4px 5px;
  min-height: initial;
  font-weight: 500;
}
.nice-select .option:hover, .nice-select .option:focus, .nice-select .option.selected.focus {
  background-color: transparent;
}
.nice-select .current {
  font-weight: 500;
  color: var(--header);
}

.scroll-up {
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px var(--border);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  position: fixed;
  right: 25px;
  bottom: 35px;
  height: 50px;
  width: 50px;
  transition: all 0.4s ease-in-out;
}

.scroll-up::after {
  position: absolute;
  font-family: "Font Awesome 6 free";
  content: "\f062";
  text-align: center;
  line-height: 50px;
  font-weight: 700;
  font-size: 18px;
  color: var(--theme);
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}

.scroll-up svg path {
  fill: none;
}

.scroll-up svg.scroll-circle path {
  stroke: var(--theme2);
  stroke-width: 4px;
  box-sizing: border-box;
  transition: all 0.4s ease-in-out;
}

.scroll-up.active-scroll {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.page-nav-wrap ul li {
  display: inline-block;
}
.page-nav-wrap ul li .page-numbers {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: transparent;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  margin: 0 2px;
  border: 1px solid var(--border);
  color: var(--text);
  border-radius: 50%;
}
.page-nav-wrap ul li .page-numbers.current {
  background-color: var(--theme);
  color: var(--white);
}
@media (max-width: 767px) {
  .page-nav-wrap ul li .page-numbers {
    margin-top: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}
.page-nav-wrap ul li .page-numbers i {
  margin-top: 2px;
}
.page-nav-wrap ul li .page-numbers:hover {
  background-color: var(--theme);
  color: var(--white);
  border: 1px solid transparent;
}

.box-color-1 {
  background-color: rgba(248, 184, 31, 0.15);
  color: #F8B81F;
}

.box-color-2 {
  background-color: rgba(88, 102, 235, 0.15);
  color: #5866EB;
}

.box-color-3 {
  background-color: rgba(57, 192, 250, 0.15);
  color: #39C0FA;
}

.box-color-4 {
  background-color: rgba(249, 37, 150, 0.15);
  color: #F92596;
}

.border-none {
  border: none !important;
}

.pt-40 {
  padding-top: 40px;
}

.box-shadow {
  box-shadow: var(--box-shadow);
}

.bor-1 {
  border: 1px solid var(--theme);
}

.mb-55 {
  margin-bottom: 55px !important;
}

.border-array-style {
  border: 1px solid var(--theme);
}

.pt-80 {
  padding-top: 80px;
}

.fz-40 {
  font-size: 40px;
}

.hero-1 {
  background-color: var(--bg);
  padding-top: 30px;
  padding-bottom: 40px;
  position: relative;
}
@media (max-width: 1199px) {
  .hero-1 {
    padding-top: 90px;
    padding-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .hero-1 {
    padding-top: 130px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .hero-1 {
    padding-top: 100px;
  }
}
@media (max-width: 575px) {
  .hero-1 {
    padding-top: 80px;
  }
}
.hero-1 .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.hero-1 .parasuit-shape {
  position: absolute;
  top: 20%;
  left: 5%;
}
@media (max-width: 767px) {
  .hero-1 .parasuit-shape {
    display: none;
  }
}
.hero-1 .left-shape {
  position: absolute;
  bottom: 10%;
  left: 0;
}
.hero-1 .book-shape {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .hero-1 .book-shape {
    display: none;
  }
}
.hero-1 .pencil-shape {
  position: absolute;
  bottom: 15%;
  right: 5%;
  animation: rounded 5s linear infinite;
}
.hero-1 .bee-shape {
  position: absolute;
  top: 20%;
  right: 5%;
}
@media (max-width: 991px) {
  .hero-1 .bee-shape {
    display: none;
  }
}
.hero-1 .right-shape {
  position: absolute;
  top: 17%;
  right: 0;
}
.hero-1 .star-shape {
  position: absolute;
  bottom: 20%;
  left: 45%;
  transform: translateX(-50%);
}
.hero-1 .hero-content {
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .hero-1 .hero-content {
    text-align: center;
    margin: 0 auto;
  }
}
.hero-1 .hero-content h5 {
  margin-bottom: 15px;
  color: var(--theme);
  font-family: "Pangolin";
  font-weight: 500;
  position: relative;
  display: inline-block;
}
.hero-1 .hero-content h5::before {
  position: absolute;
  right: -30px;
  top: 0;
  width: 20px;
  height: 20px;
  content: "";
  background-image: url(../img/star.svg);
}
.hero-1 .hero-content h1 {
  margin-bottom: 20px;
}
.hero-1 .hero-content h1 span {
  color: var(--theme);
}
@media (max-width: 1399px) {
  .hero-1 .hero-content h1 {
    font-size: 60px;
  }
}
@media (max-width: 1199px) {
  .hero-1 .hero-content h1 {
    font-size: 56px;
  }
}
@media (max-width: 767px) {
  .hero-1 .hero-content h1 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-content h1 {
    font-size: 34px;
  }
}
.hero-1 .hero-content p {
  font-size: 20px;
}
.hero-1 .hero-content .hero-button {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .hero-1 .hero-content .hero-button {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-content .hero-button {
    margin-top: 25px;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.hero-1 .hero-content .hero-button .video-btn {
  background-color: var(--theme);
  color: var(--white);
  display: inline-block;
  font-size: 16px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}
.hero-1 .hero-content .hero-button .video-btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}
.hero-1 .hero-content .hero-button .button-text span {
  font-size: 16px;
  color: var(--header);
  font-weight: bold;
}
.hero-1 .hero-image {
  position: relative;
  z-index: 9;
}
.hero-1 .hero-image img {
  width: 100%;
  height: 100%;
}
.hero-1 .hero-image .hero-shape {
  position: absolute;
  bottom: 0;
  left: 30px;
  z-index: -1;
  margin-right: -60px;
}
@media (max-width: 1399px) {
  .hero-1 .hero-image .hero-shape {
    margin-right: 0;
  }
}

.hero-2 {
  background-color: var(--bg);
  padding-top: 280px;
  padding-bottom: 110px;
}
.hero-2 .right-shape {
  position: absolute;
  top: 20%;
  right: 0;
}
@media (max-width: 1399px) {
  .hero-2 .right-shape {
    display: none;
  }
}
.hero-2 .line-shape {
  position: absolute;
  top: 60%;
  left: 52%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1600px) {
  .hero-2 .line-shape {
    top: 28%;
    left: 55%;
  }
}
@media (max-width: 1199px) {
  .hero-2 .line-shape {
    display: none;
  }
}
.hero-2 .circle-shape {
  position: absolute;
  top: 30%;
  right: 15%;
  z-index: 9;
  animation: cir36 10s linear infinite;
}
@media (max-width: 1600px) {
  .hero-2 .circle-shape {
    display: none;
  }
}
.hero-2 .roket-shape {
  position: absolute;
  left: 30px;
  top: 30%;
}
@media (max-width: 1199px) {
  .hero-2 .roket-shape {
    display: none;
  }
}
.hero-2 .compass-shape {
  position: absolute;
  left: 5%;
  bottom: 20%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .hero-2 .compass-shape {
    display: none;
  }
}
.hero-2 .bus-shape {
  position: absolute;
  left: 50%;
  bottom: 2%;
  transform: translateX(-50%);
  z-index: 9;
}
@media (max-width: 1199px) {
  .hero-2 .bus-shape {
    display: none;
  }
}
.hero-2 .frame-shape {
  position: absolute;
  top: 10%;
  left: 56%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 991px) {
  .hero-2 .frame-shape {
    display: none;
  }
}
.hero-2 .star-shape {
  position: absolute;
  bottom: 5%;
  left: 35%;
  transform: translateX(-50%);
  z-index: 9;
}
@media (max-width: 1199px) {
  .hero-2 .star-shape {
    display: none;
  }
}
.hero-2 .pencil-shape {
  position: absolute;
  top: 20%;
  right: 5%;
  animation: rounded 5s linear infinite;
}
.hero-2 .hero-content {
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .hero-2 .hero-content {
    text-align: center;
    margin: 0 auto;
  }
}
.hero-2 .hero-content h5 {
  margin-bottom: 15px;
  color: var(--theme);
  font-family: "Pangolin";
  font-weight: 500;
  position: relative;
  display: inline-block;
}
.hero-2 .hero-content h1 {
  margin-bottom: 20px;
}
.hero-2 .hero-content h1 span {
  color: var(--theme);
}
@media (max-width: 1399px) {
  .hero-2 .hero-content h1 {
    font-size: 60px;
  }
}
@media (max-width: 1199px) {
  .hero-2 .hero-content h1 {
    font-size: 56px;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-content h1 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .hero-2 .hero-content h1 {
    font-size: 34px;
  }
}
.hero-2 .hero-content p {
  font-size: 20px;
}
.hero-2 .hero-content .hero-button {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .hero-2 .hero-content .hero-button {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .hero-2 .hero-content .hero-button {
    margin-top: 25px;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
  }
}
.hero-2 .hero-content .hero-button .video-btn {
  background-color: var(--theme);
  color: var(--white);
  display: inline-block;
  font-size: 16px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}
.hero-2 .hero-content .hero-button .video-btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}
.hero-2 .hero-content .hero-button .button-text span {
  font-size: 16px;
  color: var(--header);
  font-weight: bold;
}
.hero-2 .hero-image {
  max-width: 594px;
  position: relative;
  z-index: 9;
  margin-left: 100px;
}
@media (max-width: 1199px) {
  .hero-2 .hero-image {
    margin-left: 50px;
  }
}
@media (max-width: 991px) {
  .hero-2 .hero-image {
    margin-left: 0;
    max-width: 750px;
  }
}
.hero-2 .hero-image img {
  width: 100%;
  height: 100%;
}
.hero-2 .hero-image::before {
  position: absolute;
  top: 10px;
  left: -25px;
  content: "";
  background: linear-gradient(0deg, #FFA41B, #FFA41B);
  width: 550px;
  height: 540px;
  border-radius: 50%;
  z-index: -1;
}
@media (max-width: 1399px) {
  .hero-2 .hero-image::before {
    top: 5px;
    left: -15px;
    width: 480px;
    height: 460px;
  }
}
@media (max-width: 1199px) {
  .hero-2 .hero-image::before {
    top: 5px;
    left: -15px;
    width: 440px;
    height: 420px;
  }
}
@media (max-width: 991px) {
  .hero-2 .hero-image::before {
    display: none;
  }
}

.hero-3 {
  position: relative;
}
.hero-3 .swiper-dot {
  position: absolute;
  top: 42%;
  left: 2%;
  z-index: 99;
  transform: translateY(-50%);
  transform: rotate(90deg);
}
.hero-3 .swiper-dot::before {
  position: absolute;
  top: 58px;
  left: -105px;
  width: 85px;
  height: 2px;
  background: linear-gradient(90deg, #F39F5F 4.85%, rgba(255, 255, 255, 0) 96.39%);
  content: "";
}
.hero-3 .swiper-dot::after {
  position: absolute;
  bottom: 13px;
  right: -105px;
  width: 85px;
  height: 2px;
  background: linear-gradient(90deg, #F39F5F 4.85%, rgba(255, 255, 255, 0) 96.39%);
  content: "";
}
@media (max-width: 1399px) {
  .hero-3 .swiper-dot {
    display: none;
  }
}
.hero-3 .slider-image .parasuit-shape {
  position: absolute;
  top: 15%;
  left: 5%;
}
@media (max-width: 767px) {
  .hero-3 .slider-image .parasuit-shape {
    display: none;
  }
}
.hero-3 .slider-image .doll-shape {
  position: absolute;
  top: 10%;
  left: 41%;
}
@media (max-width: 991px) {
  .hero-3 .slider-image .doll-shape {
    display: none;
  }
}
.hero-3 .slider-image .bus-shape {
  position: absolute;
  bottom: 10%;
  left: 10%;
}
@media (max-width: 991px) {
  .hero-3 .slider-image .bus-shape {
    display: none;
  }
}
.hero-3 .slider-image .bee-shape {
  position: absolute;
  bottom: 10%;
  left: 43%;
}
@media (max-width: 991px) {
  .hero-3 .slider-image .bee-shape {
    display: none;
  }
}
.hero-3 .slider-image .star-shape {
  position: absolute;
  top: 20%;
  left: 35%;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .hero-3 .slider-image .star-shape {
    display: none;
  }
}
.hero-3 .hero-content {
  position: relative;
  z-index: 9;
  padding-bottom: 270px;
  padding-top: 200px;
}
@media (max-width: 1399px) {
  .hero-3 .hero-content {
    padding: 180px 0;
  }
}
@media (max-width: 1199px) {
  .hero-3 .hero-content {
    padding: 160px 0;
  }
}
@media (max-width: 991px) {
  .hero-3 .hero-content {
    padding: 130px 0;
  }
}
@media (max-width: 767px) {
  .hero-3 .hero-content {
    padding: 110px 0;
  }
}
@media (max-width: 575px) {
  .hero-3 .hero-content {
    text-align: center;
    margin: 0 auto;
    padding: 80px 0;
  }
}
.hero-3 .hero-content h5 {
  margin-bottom: 20px;
  position: relative;
  font-family: Pangolin;
  font-weight: 500;
  color: var(--theme);
}
@media (max-width: 767px) {
  .hero-3 .hero-content h5 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .hero-3 .hero-content h5 {
    font-size: 16px;
  }
}
.hero-3 .hero-content h1 {
  margin-bottom: 20px;
}
.hero-3 .hero-content h1 span {
  color: var(--theme);
}
@media (max-width: 1399px) {
  .hero-3 .hero-content h1 {
    font-size: 70px;
  }
}
@media (max-width: 1199px) {
  .hero-3 .hero-content h1 {
    font-size: 62px;
  }
}
@media (max-width: 991px) {
  .hero-3 .hero-content h1 {
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  .hero-3 .hero-content h1 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .hero-3 .hero-content h1 {
    font-size: 34px;
  }
}
.hero-3 .hero-content p {
  font-size: 20px;
}
.hero-3 .hero-content .hero-button {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .hero-3 .hero-content .hero-button {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .hero-3 .hero-content .hero-button {
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center;
  }
}

.hero-4 {
  padding: 120px 0 30px;
  position: relative;
  background-color: var(--bg);
}
.hero-4 .doll-shape {
  position: absolute;
  left: 10%;
  top: 15%;
}
@media (max-width: 991px) {
  .hero-4 .doll-shape {
    display: none;
  }
}
.hero-4 .line-shape {
  position: absolute;
  left: -5%;
  bottom: 0;
}
@media (max-width: 1199px) {
  .hero-4 .line-shape {
    display: none;
  }
}
.hero-4 .bee-shape {
  position: absolute;
  left: 25%;
  bottom: 5%;
}
.hero-4 .line-2 {
  position: absolute;
  bottom: 10%;
  left: 40%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .hero-4 .line-2 {
    display: none;
  }
}
.hero-4 .star-shape {
  position: absolute;
  top: 20%;
  left: 35%;
}
@media (max-width: 991px) {
  .hero-4 .star-shape {
    display: none;
  }
}
.hero-4 .frame-shape {
  position: absolute;
  top: 30%;
  right: 3%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .hero-4 .frame-shape {
    display: none;
  }
}
.hero-4 .hero-content {
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .hero-4 .hero-content {
    text-align: center;
    margin: 0 auto;
  }
}
.hero-4 .hero-content h5 {
  margin-bottom: 15px;
  color: var(--theme);
  font-family: "Pangolin";
  font-weight: 500;
  position: relative;
  display: inline-block;
}
.hero-4 .hero-content h1 {
  margin-bottom: 20px;
}
.hero-4 .hero-content h1 span {
  color: var(--theme);
}
@media (max-width: 1399px) {
  .hero-4 .hero-content h1 {
    font-size: 60px;
  }
}
@media (max-width: 1199px) {
  .hero-4 .hero-content h1 {
    font-size: 56px;
  }
}
@media (max-width: 767px) {
  .hero-4 .hero-content h1 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .hero-4 .hero-content h1 {
    font-size: 34px;
  }
}
.hero-4 .hero-content p {
  font-size: 20px;
}
@media (max-width: 767px) {
  .hero-4 .hero-content p {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .hero-4 .hero-content p {
    font-size: 16px;
  }
}
.hero-4 .hero-content .hero-button {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .hero-4 .hero-content .hero-button {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .hero-4 .hero-content .hero-button {
    margin-top: 25px;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
  }
}
.hero-4 .hero-content .hero-button .video-btn {
  background-color: var(--theme);
  color: var(--white);
  display: inline-block;
  font-size: 16px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}
.hero-4 .hero-content .hero-button .video-btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}
.hero-4 .hero-content .hero-button .button-text span {
  font-size: 16px;
  color: var(--header);
  font-weight: bold;
}
.hero-4 .hero-image-area {
  position: relative;
}
.hero-4 .hero-image-area .hero-image {
  max-width: 555px;
  position: relative;
  z-index: 1;
  margin-bottom: -30px;
}
.hero-4 .hero-image-area .hero-image img {
  width: 100%;
  height: 100%;
}
.hero-4 .hero-image-area .hero-bg {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1199px) {
  .hero-4 .hero-image-area .hero-bg {
    display: none;
  }
}

.hero-5 {
  position: relative;
}
.hero-5 .hero-slider-items {
  padding: 250px 0 250px;
  position: relative;
  background-position: bottom !important;
}
.hero-5 .hero-slider-items .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-position: bottom !important;
}
.hero-5 .hero-content {
  text-align: center;
  position: relative;
  z-index: 9;
}
.hero-5 .hero-content p {
  text-transform: uppercase;
  color: var(--white);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 11px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 1199px) {
  .hero-5 .hero-content p {
    font-size: 16px;
  }
}
.hero-5 .hero-content h1 {
  font-size: 120px;
  font-weight: 700;
  color: var(--white);
}
@media (max-width: 1199px) {
  .hero-5 .hero-content h1 {
    font-size: 110px;
  }
}
@media (max-width: 991px) {
  .hero-5 .hero-content h1 {
    font-size: 85px;
  }
}
@media (max-width: 767px) {
  .hero-5 .hero-content h1 {
    font-size: 65px;
  }
}
@media (max-width: 575px) {
  .hero-5 .hero-content h1 {
    font-size: 45px;
  }
}
.hero-5 .hero-content .hero-button {
  display: flex;
  align-items: center;
  margin-top: 50px;
  gap: 24px;
  justify-content: center;
}
@media (max-width: 1199px) {
  .hero-5 .hero-content .hero-button {
    flex-wrap: wrap;
  }
}
.hero-5 .hero-content .hero-button .theme-btn {
  background-color: var(--white);
  color: var(--header);
}
.hero-5 .hero-content .hero-button .theme-btn::before, .hero-5 .hero-content .hero-button .theme-btn::after {
  background-color: var(--theme3);
}
.hero-5 .hero-content .hero-button .theme-btn:hover {
  color: var(--white);
}
.hero-5 .hero-content .hero-button .theme-btn.transparent-2 {
  border: 1px solid var(--white);
  color: var(--white);
  background-color: transparent;
}
.hero-5 .hero-content .hero-button .theme-btn.transparent-2:hover {
  border: 1px solid transparent;
}
@media (max-width: 1199px) {
  .hero-5 .arrow-button {
    display: none;
  }
}
.hero-5 .arrow-button .arrow-left-image {
  position: relative;
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  z-index: 1;
}
.hero-5 .arrow-button .arrow-left-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 100px;
}
.hero-5 .arrow-button .arrow-left-image .array-prev {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
}
.hero-5 .arrow-button .arrow-right-image {
  position: relative;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  z-index: 1;
}
.hero-5 .arrow-button .arrow-right-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 100px;
}
.hero-5 .arrow-button .arrow-right-image .array-next {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
}

.marquee-wrapper {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  z-index: 9;
  margin-top: -15px;
  margin-bottom: -30px;
}

.text-slider {
  font-size: 60px;
  height: 100px;
  line-height: 90px;
  font-weight: 700;
  text-transform: capitalize;
  color: #800080;
}
.text-slider.style-2 {
  font-size: 50px;
}
.text-slider:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 767px) {
  .text-slider {
    font-size: 36px;
  }
}
.text-slider img {
  margin-bottom: 10px;
}
.text-slider.text-color {
  color: #dc3545;
}
.text-slider.text-color-2 {
  color: var(--header);
  font-size: 50px;
}
.text-slider.text-color-3 {
  color: var(--header2);
}

.marquee-inner {
  position: absolute;
  display: inline-flex;
  width: 200%;
}

.marquee-list {
  float: left;
  width: 50%;
}

.marquee-item {
  float: left;
  transition: animation 0.2s ease-out;
}

.marquee-inner.to-left {
  animation: marqueeLeft 25s linear infinite;
}

@keyframes marqueeLeft {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
.marquee-inner.to-right {
  animation: marqueeRight 25s linear infinite;
}

@keyframes marqueeRight {
  0% {
    right: 0;
  }
  100% {
    right: -100%;
  }
}
.marque-section-2 {
  position: relative;
}
@media (max-width: 1199px) {
  .marque-section-2 {
    margin-bottom: -20px;
  }
}
@media (max-width: 991px) {
  .marque-section-2 {
    margin-bottom: -40px;
  }
}

.marque-section-3 {
  background-color: var(--white);
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
  padding: 20px 0;
}

.marque-section-5 {
  position: relative;
  background-color: var(--white);
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
  padding: 20px 0;
}

.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.mean-container .mean-nav > ul .homemenu-items {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .mean-container .mean-nav > ul .homemenu-items {
    flex-wrap: wrap;
  }
}
.mean-container .mean-nav > ul .homemenu-items .homemenu {
  position: relative;
}
@media (max-width: 1199px) {
  .mean-container .mean-nav > ul .homemenu-items .homemenu {
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid var(--border);
    padding: 10px;
  }
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb {
  position: relative;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  gap: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  margin-top: 20px;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
  padding: 12px 20px;
  color: var(--white) !important;
  width: initial;
  font-size: 16px;
  text-align: center;
  border-radius: 0;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
  color: var(--white) !important;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover::before {
  visibility: visible;
  opacity: 1;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb img {
  width: 100%;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-title {
  text-align: center;
  margin: 15px auto;
  display: inline-block;
  font-size: 16px;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: var(--header);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  text-transform: capitalize;
  border-bottom: 1px solid var(--border) !important;
  border: none;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--theme);
}

.mean-container .mean-nav ul li a:last-child {
  border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--theme2);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
  font-size: 18px;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}

.mean-container .mean-nav ul li .mega-menu li a {
  height: 200px;
  width: 100%;
  padding: 0;
  border-top: 0;
  margin-bottom: 20px;
}

.news-wrapper {
  margin-top: 30px;
}
.news-wrapper .news-single-items {
  border: 1px solid var(--border);
  border-radius: 8px;
}
@media (max-width: 1399px) {
  .news-wrapper .news-single-items br {
    display: none;
  }
}
.news-wrapper .news-single-items .news-image {
  padding: 20px 20px 0 20px;
}
.news-wrapper .news-single-items .news-image img {
  width: 100%;
  height: 100%;
}
.news-wrapper .news-single-items .news-content {
  padding: 20px 30px;
}
.news-wrapper .news-single-items .news-content ul {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 15px;
}
.news-wrapper .news-single-items .news-content ul li i {
  color: var(--theme);
  margin-right: 5px;
}
.news-wrapper .news-single-items .news-content h3 {
  margin-bottom: 10px;
}
.news-wrapper .news-single-items .news-content h3 a:hover {
  color: var(--theme);
}
.news-wrapper .news-single-items .news-content .post-author-items {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .news-wrapper .news-single-items .news-content .post-author-items {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.news-wrapper .news-single-items .news-content .post-author-items .post-items {
  display: flex;
  align-items: center;
  gap: 16px;
}
.news-wrapper .news-single-items .news-content .post-author-items .post-items .content span {
  font-weight: 600;
  color: var(--theme);
}
.news-wrapper .news-single-items .news-content .post-author-items .post-items .content h6 {
  margin-top: 3px;
}
.news-wrapper .news-single-items .news-content .post-author-items .theme-btn {
  padding: 20px 30px;
}
.news-wrapper .news-right-items {
  padding: 20px;
  border-radius: 8px;
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 767px) {
  .news-wrapper .news-right-items {
    flex-wrap: wrap;
  }
}
.news-wrapper .news-right-items:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .news-wrapper .news-right-items:not(:last-child) {
    margin-bottom: 20px;
  }
}
.news-wrapper .news-right-items .news-content ul {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 10px;
}
.news-wrapper .news-right-items .news-content ul li i {
  color: var(--theme);
  margin-right: 5px;
}
.news-wrapper .news-right-items .news-content h3 a:hover {
  color: var(--theme);
}
.news-wrapper .news-right-items .news-content .post-items {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .news-wrapper .news-right-items .news-content .post-items {
    margin-top: 20px;
  }
}
.news-wrapper .news-right-items .news-content .post-items .content span {
  font-weight: 600;
  color: var(--theme);
}
.news-wrapper .news-right-items .news-content .post-items .content h6 {
  margin-top: 3px;
}
.news-wrapper .news-right-items.style-2 {
  margin-top: 30px;
  position: relative;
  z-index: 9;
}

.news-card-items {
  margin-top: 30px;
  background-color: var(--white);
  box-shadow: var(--box-shadow);
  border-radius: 16px;
  padding: 20px;
  height: 500px; /*new-addition*/
}
.news-card-items .news-image {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
}
.news-card-items .news-image .post {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: var(--theme);
  color: var(--white);
  padding: 4px 15px;
  border-radius: 8px;
}
.news-card-items .news-image img {
  width: 100%;
  height: 100%;
  display: block;
}
.news-card-items .news-image .news-layer-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  transition: 0.5s;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image {
  width: 25%;
  height: 100%;
  transition: 0.5s;
  background-size: cover;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(1) {
  background-position: 0;
  transition-delay: 0;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(2) {
  background-position: 33.33%;
  transition-delay: 0.1s;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(3) {
  background-position: 66.66%;
  transition-delay: 0.2s;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(4) {
  background-position: 100%;
  transition-delay: 0.3s;
}
.news-card-items .news-content {
  padding: 25px 10px 10px;
}
.news-card-items .news-content ul {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 15px;
}
.news-card-items .news-content ul li i {
  color: var(--theme);
  margin-right: 5px;
}
.news-card-items .news-content h3 {
  margin-bottom: 10px;
}
.news-card-items .news-content h3 a:hover {
  color: var(--theme);
}
.news-card-items:hover .news-image .news-layer-wrapper .news-layer-image {
  transform: translateY(-100%);
}

.news-section-2 {
  position: relative;
  z-index: 9;
}
.news-section-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  height: 50%;
  /* background-image: url(../img/cta/cta-bg.jpg); */
  background-image: url(../img/shape-1.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 1199px) {
  .news-section-2::before {
    background-size: initial;
  }
}
.news-section-2 .shape-1 {
  position: absolute;
  top: 20%;
  left: 5%;
}

.news-section {
  position: relative;
}
.news-section .plane-shape {
  position: absolute;
  bottom: 10%;
  left: 2%;
}
@media (max-width: 1199px) {
  .news-section .plane-shape {
    display: none;
  }
}
@media (max-width: 767px) {
  .news-section .section-title-area {
    text-align: center;
    justify-content: center;
  }
}

.news-standard-wrapper .news-standard-items {
  border: 1px solid var(--border);
  padding: 30px;
  border-radius: 10px;
}
.news-standard-wrapper .news-standard-items:not(:last-child) {
  margin-bottom: 20px;
}
.news-standard-wrapper .news-standard-items .news-thumb {
  position: relative;
}
.news-standard-wrapper .news-standard-items .news-thumb img {
  width: 100%;
  height: 100%;
}
.news-standard-wrapper .news-standard-items .news-thumb .post {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: var(--theme);
  color: var(--white);
  padding: 4px 15px;
  border-radius: 8px;
}
.news-standard-wrapper .news-standard-items .news-content {
  margin-top: 20px;
  position: relative;
  z-index: 9;
}
.news-standard-wrapper .news-standard-items .news-content ul {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 15px;
}
@media (max-width: 1199px) {
  .news-standard-wrapper .news-standard-items .news-content ul {
    gap: 20px;
  }
}
.news-standard-wrapper .news-standard-items .news-content ul li {
  font-size: 16px;
  font-weight: 500;
}
.news-standard-wrapper .news-standard-items .news-content ul li i {
  color: var(--theme);
  margin-right: 5px;
}
.news-standard-wrapper .news-standard-items .news-content h3 {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 30px;
}
.news-standard-wrapper .news-standard-items .news-content h3 a:hover {
  color: var(--theme);
}

.main-sidebar .single-sidebar-widget {
  padding: 40px 30px;
  background-color: var(--bg);
  margin-bottom: 30px;
  border-radius: 10px;
}
.main-sidebar .single-sidebar-widget .wid-title {
  margin-bottom: 25px;
}
.main-sidebar .single-sidebar-widget .wid-title h3 {
  position: relative;
  padding-bottom: 15px;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #F39F5F 4.85%, rgba(201, 203, 223, 0) 96.39%);
  border-bottom: 2px solid transparent;
  border-image-slice: 2;
  display: inline-block;
}
.main-sidebar .single-sidebar-widget .search-widget form {
  width: 100%;
  position: relative;
}
.main-sidebar .single-sidebar-widget .search-widget form input {
  background-color: var(--white);
  font-size: 16px;
  padding: 20px;
  width: 100%;
  border: none;
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 4px;
}
.main-sidebar .single-sidebar-widget .search-widget form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  font-size: 18px;
  height: 100%;
  background-color: var(--theme);
  color: var(--white);
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-radius: 0 4px 4px 0;
}
.main-sidebar .single-sidebar-widget .search-widget form button:hover {
  background-color: var(--header);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background-color: transparent;
  font-weight: 500;
  transition: all 0.4s ease-in-out;
  border: 1px solid #E1DBD2;
  border-radius: 4px;
  font-size: 18px;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li a {
  color: var(--header);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li span {
  transition: all 0.4s ease-in-out;
  color: var(--header);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:not(:last-child) {
  margin-bottom: 12px;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover a {
  color: var(--theme);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover span {
  color: var(--theme);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li.active a {
  color: var(--theme);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li.active span {
  color: var(--theme);
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items:not(:last-child) {
  margin-bottom: 20px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul {
  margin-bottom: 8px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul li i {
  color: var(--theme);
  margin-right: 5px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h6 {
  font-weight: 700;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h6 a:hover {
  color: var(--theme);
}
.main-sidebar .single-sidebar-widget .tagcloud a {
  display: inline-block;
  padding: 11px 20px;
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  background: var(--white);
  margin-right: 5px;
  text-transform: capitalize;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 1px solid var(--border);
  transition: all 0.4s ease-in-out;
}
.main-sidebar .single-sidebar-widget .tagcloud a:last-child {
  margin-right: 0;
}
.main-sidebar .single-sidebar-widget .tagcloud a:hover {
  background-color: var(--theme);
  color: var(--white);
}

.news-details-area .blog-post-details .single-blog-post .post-featured-thumb {
  height: 460px;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .news-details-area .blog-post-details .single-blog-post .post-featured-thumb {
    height: 400px;
  }
}
.news-details-area .blog-post-details .single-blog-post .post-content {
  margin-top: 30px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list {
  gap: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 20px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list li {
  font-size: 14px;
  font-weight: 500;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list li i {
  color: var(--theme);
  margin-right: 5px;
}
.news-details-area .blog-post-details .single-blog-post .post-content h3 {
  margin-bottom: 20px;
  font-size: 32px;
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .single-blog-post .post-content h3 {
    font-size: 24px;
  }
}
.news-details-area .blog-post-details .single-blog-post .post-content h3 a:hover {
  color: var(--theme);
}
.news-details-area .blog-post-details .single-blog-post .post-content .hilight-text {
  border-left: 4px solid var(--theme);
  padding: 40px;
  background-color: var(--bg);
}
.news-details-area .blog-post-details .single-blog-post .post-content .hilight-text p {
  font-weight: 600;
  text-transform: capitalize;
  font-style: italic;
  line-height: 26px;
  color: var(--header);
  line-height: 162%;
}
.news-details-area .blog-post-details .single-blog-post .post-content .hilight-text svg {
  float: right;
  margin-top: -30px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .details-image img {
  width: 100%;
  height: 100%;
}
.news-details-area .blog-post-details .tag-share-wrap {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 30px 0;
}
.news-details-area .blog-post-details .tag-share-wrap .tagcloud a {
  display: inline-block;
  padding: 12px 26px;
  line-height: 1;
  background: transparent;
  margin-right: 8px;
  text-transform: capitalize;
  font-weight: 500;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
  border: 1px solid var(--border);
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .tag-share-wrap .tagcloud a {
    margin-bottom: 5px;
  }
}
.news-details-area .blog-post-details .tag-share-wrap .tagcloud a:hover {
  background-color: var(--theme);
  color: var(--white);
}
.news-details-area .blog-post-details .tag-share-wrap .social-share span {
  font-size: 18px;
  color: var(--header);
  font-weight: 600;
}
.news-details-area .blog-post-details .tag-share-wrap .social-share a {
  font-size: 18px;
  color: var(--header);
}
.news-details-area .blog-post-details .tag-share-wrap .social-share a:not(:last-child) {
  margin-right: 10px;
}
.news-details-area .blog-post-details .tag-share-wrap .social-share a:hover {
  color: var(--theme);
}
.news-details-area .blog-post-details .comments-area {
  margin-top: 40px;
}
.news-details-area .blog-post-details .comments-area .comments-heading {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .comments-area .comments-heading {
    margin-bottom: 20px;
  }
}
.news-details-area .blog-post-details .comments-area .comments-heading h3 {
  font-size: 30px;
  font-weight: 700;
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .comments-area .comments-heading h3 {
    font-size: 26px;
  }
}
.news-details-area .blog-post-details .comments-area .blog-single-comment {
  border-bottom: 1px solid var(--border);
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .comments-area .blog-single-comment {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.news-details-area .blog-post-details .comments-area .blog-single-comment .content .head .con h5 {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 20px;
}
.news-details-area .blog-post-details .comments-area .blog-single-comment .content .head .star i {
  color: var(--theme);
  font-size: 14px;
}
.news-details-area .blog-post-details .comments-area .blog-single-comment .content .reply {
  border-radius: 4px;
  padding: 5px 18px;
  font-weight: 400;
  background-color: var(--theme);
  color: var(--white);
}
.news-details-area .blog-post-details .comment-form-wrap h3 {
  font-size: 32px;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .comment-form-wrap h3 {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt span {
  color: var(--header);
  display: inline-block;
  margin-bottom: 10px;
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt input, .news-details-area .blog-post-details .comment-form-wrap .form-clt textarea {
  width: 100%;
  outline: none;
  border: none;
  background-color: transparent;
  border: 1px solid var(--border);
  padding: 16px 20px;
  font-weight: 500;
  border-radius: 8px;
  color: var(--text);
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt input::placeholder, .news-details-area .blog-post-details .comment-form-wrap .form-clt textarea::placeholder {
  color: var(--text);
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt textarea {
  padding-bottom: 100px;
}

.preloader {
  align-items: center;
  cursor: default;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
}
.preloader .animation-preloader {
  z-index: 1000;
}
.preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: var(--theme);
  height: 9em;
  margin: 0 auto 3.5em auto;
  width: 9em;
}
@media (max-width: 767px) {
  .preloader .animation-preloader .spinner {
    width: 7.5em;
    height: 7.5em;
    margin: 0 auto 1.5em auto;
  }
}
.preloader .animation-preloader .txt-loading {
  font: bold 5em "Quicksand", sans-serif, "Source Sans 3", sans-serif;
  text-align: center;
  user-select: none;
}
@media (max-width: 767px) {
  .preloader .animation-preloader .txt-loading {
    font-size: 2.5em;
  }
}
.preloader .animation-preloader .txt-loading .letters-loading {
  color: var(--theme);
  position: relative;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
  animation-delay: 0.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
  animation-delay: 0.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
  animation-delay: 0.6s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
  animation-delay: 0.8s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
  animation-delay: 1s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
  animation-delay: 1.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
  animation-delay: 1.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading::before {
  animation: letters-loading 4s infinite;
  color: var(--header);
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  font-family: "Quicksand", sans-serif;
  position: absolute;
  top: -3px;
  transform: rotateY(-90deg);
}
.preloader p {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 8px;
  color: var(--theme);
}
.preloader .loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 1;
  pointer-events: none;
}
.preloader .loader .row {
  height: 100%;
}
.preloader .loader .loader-section {
  padding: 0px;
}
.preloader .loader .loader-section .bg {
  background-color: var(--bg);
  height: 100%;
  left: 0;
  width: 100%;
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
.preloader.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}
.preloader.loaded .loader-section .bg {
  width: 0;
  transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}

.search-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background-color: rgba(255, 255, 255, 0.9);
}
.search-wrap .search-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.search-wrap .search-cell {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.search-wrap .search-field-holder {
  width: 50%;
  margin: auto;
  position: relative;
  animation: slideInUp 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search-wrap .search-field-holder {
    width: 70%;
  }
}
@media (max-width: 575px) {
  .search-wrap .search-field-holder {
    width: 80%;
  }
}
.search-wrap .main-search-input {
  width: 100%;
  height: 70px;
  border: 0;
  padding: 0 50px;
  text-transform: capitalize;
  background: transparent;
  font-size: 25px;
  color: var(--theme);
  border-bottom: 2px solid var(--theme);
  text-align: center;
  letter-spacing: 2px;
}

@media (max-width: 575px) {
  .search-wrap .main-search-input {
    height: 50px;
    padding: 0 0;
    line-height: 50px;
    font-size: 18px;
  }
}
.search-wrap input.form-control,
.search-wrap input.form-control:focus {
  background-color: var(--theme);
}

input.main-search-input::placeholder {
  color: var(--theme);
  opacity: 1;
  font-size: 25px;
}

@media (max-width: 575px) {
  input.main-search-input::placeholder {
    font-size: 18px;
  }
}
.search-close {
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 30px;
  color: var(--theme);
  cursor: pointer;
}

.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}

.cursor-inner {
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: var(--theme);
  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.cursor-inner.cursor-hover {
  margin-left: -35px;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  background-color: var(--theme);
  opacity: 0.3;
}

.cursor-outer {
  margin-left: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--theme);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.5;
  -webkit-transition: all 0.08s ease-out;
  -o-transition: all 0.08s ease-out;
  transition: all 0.08s ease-out;
}

.cursor-outer.cursor-hover {
  opacity: 0;
}

.pricing-section {
  position: relative;
  margin-top: 40px;
}
.pricing-section .tree-shape {
  position: absolute;
  bottom: 5%;
  left: 3%;
}
.pricing-section .pencil-shape {
  position: absolute;
  top: 15%;
  right: 10px;
  animation: rounded 5s linear infinite;
}
.pricing-section .top-shape {
  position: absolute;
  top: -40px;
  left: 0;
  height: 92px;
}
.pricing-section .top-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pricing-section .girl-shape {
  position: absolute;
  top: 15%;
  right: 3%;
}

.pricing-wrapper .nav {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .pricing-wrapper .nav {
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .pricing-wrapper .nav {
    gap: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.pricing-wrapper .nav .nav-link {
  text-align: center;
  padding: 10px 40px;
  background-color: var(--white);
  border-radius: 6px;
  font-weight: 700;
  font-size: 15px;
  text-transform: capitalize;
  color: var(--header);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .pricing-wrapper .nav .nav-link {
    padding: 14px 45px;
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .pricing-wrapper .nav .nav-link {
    padding: 12px 20px;
    font-size: 14px;
  }
}
.pricing-wrapper .nav .nav-link.active {
  position: relative;
  background-color: var(--theme);
  color: var(--white);
}

.pricing-items {
  margin-top: 30px;
  padding: 45px 40px;
  background-color: var(--white);
  border-radius: 24px;
  position: relative;
}
@media (max-width: 575px) {
  .pricing-items {
    padding: 30px;
  }
}
.pricing-items .icon {
  position: absolute;
  top: 50px;
  right: 60px;
  z-index: 2;
  display: inline-block;
  font-size: 50px;
  color: var(--theme);
  width: 95px;
  height: 90px;
  line-height: 100px;
  text-align: center;
}
.pricing-items .element-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}
.pricing-items .pricing-header {
  border-bottom: 1px solid rgba(243, 159, 95, 0.3);
  padding-bottom: 30px;
}
@media (max-width: 575px) {
  .pricing-items .pricing-header {
    padding-bottom: 20px;
  }
}
.pricing-items .pricing-header h2 {
  font-size: 40px;
  margin-top: 10px;
}
.pricing-items .pricing-header h2 span {
  font-size: 20px;
  font-weight: 500;
  margin-left: -10px;
}
.pricing-items .pricing-list {
  margin-top: 30px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .pricing-items .pricing-list {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .pricing-items .pricing-list {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.pricing-items .pricing-list li {
  color: var(--header);
}
.pricing-items .pricing-list li:not(:last-child) {
  margin-bottom: 10px;
}
.pricing-items .pricing-list li i {
  color: var(--theme);
  margin-right: 10px;
}
.pricing-items .theme-btn {
  border-radius: 8px;
}
.pricing-items.active {
  background-color: #800080;
}
.pricing-items.active .icon::before {
  filter: grayscale(100%) brightness(300%);
}
.pricing-items.active .pricing-header {
  border-bottom: 1px solid rgb(255, 255, 255);
}
.pricing-items.active .pricing-header h4 {
  color: var(--white);
}
.pricing-items.active .pricing-header h2 {
  color: var(--white);
}
.pricing-items.active .pricing-list li {
  color: var(--white);
}
.pricing-items.active .pricing-list li i {
  color: var(--white);
}
.pricing-items.active .theme-btn {
  background-color: var(--white);
  color: var(--theme);
}
.pricing-items.active .theme-btn:hover {
  color: var(--white);
}

.program-box-items {
  padding: 20px 30px 36px;
  position: relative;
  z-index: 9;
  text-align: center;
  margin: 30px auto;
}
.program-box-items .program-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #008000;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 371 458"><path  d="M180.499 1.01957C228.479 0.655383 276.69 -1.7067 311.981 40.3475C348.649 84.0424 368.9 145.98 370.375 210.447C371.895 276.909 355.756 343.16 319.998 390.92C283.71 439.389 232.608 453.808 180.499 456.752C125.658 459.85 64.9802 460.19 28.2615 407.4C-7.46789 356.033 -0.110132 279.336 4.09606 210.447C7.86177 148.773 16.5925 85.8896 50.5519 42.3318C84.3879 -1.06785 132.853 1.38123 180.499 1.01957Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.program-box-items .program-bg.bg-2 {
  background-color: #800080;
}
.program-box-items .program-bg.bg-3 {
  background-color: var(--theme);
}
.program-box-items .program-bg.bg-3 {
  background-color: var(--white);
}
.program-box-items .program-bg.bg-4 {
  background-color: #FFA500;
}
.program-box-items .program-image {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 308 237"><path fill-rule="evenodd" clip-rule="evenodd" d="M149.968 0.07171C188.87 -0.110783 227.96 -1.29441 256.574 19.7787C286.305 41.674 302.725 72.7107 303.921 105.015C305.153 138.318 292.067 171.516 263.075 195.448C233.652 219.736 192.218 226.961 149.968 228.436C105.502 229.989 56.3034 230.159 26.5315 203.707C-2.43828 177.967 3.52747 139.534 6.93789 105.015C9.99117 74.11 17.0702 42.5996 44.6048 20.773C72.0394 -0.974285 111.335 0.252935 149.968 0.07171Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
}
.program-box-items .program-image img {
  width: 100%;
  height: 100%;
}
.program-box-items .program-content {
  padding: 30px 20px 0;
}
@media (max-width: 575px) {
  .program-box-items .program-content {
    padding: 20px 20px 0;
  }
}
.program-box-items .program-content h4 {
  margin-bottom: 5px;
}
.program-box-items .program-content h4 a {
  color: var(--white);
}
.program-box-items .program-content span {
  color: var(--white);
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
}
.program-box-items .program-content p {
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .program-box-items .program-content p {
    margin-bottom: 15px;
  }
}
.program-box-items .program-content .arrow-icon {
  width: 60px;
  height: 55px;
  line-height: 55px;
  border-radius: 22px;
  background-color: var(--theme);
  display: inline-block;
  color: var(--white);
  transition: all 0.4s ease-in-out;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.program-box-items .program-content .arrow-icon:hover {
  background-color: var(--header);
}
.program-box-items .program-content .arrow-icon.color-2 {
  background-color: var(--header);
}
.program-box-items .program-content .arrow-icon.color-2:hover {
  background-color: var(--white);
  color: var(--header);
}
.program-box-items .program-content.style-2 h4 a {
  color: #fff;
}
.program-box-items .program-content.style-2 span {
  color: #fff;
}
.program-box-items .program-content.style-2 p {
  color: #fff;
}
@media (max-width: 575px) {
  .program-box-items {
    display: n;
  }
}

.program-section {
  position: relative;
  padding-bottom: 172px;
}
@media (max-width: 1199px) {
  .program-section {
    padding-bottom: 155px;
  }
}
@media (max-width: 991px) {
  .program-section {
    padding-bottom: 120px;
  }
}
.program-section .top-shape {
  position: absolute;
  top: 0;
  left: 0;
}
.program-section .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
}
.program-section .mask-shape {
  position: absolute;
  top: 15%;
  left: 5%;
}
.program-section .pencil-shape {
  position: absolute;
  bottom: 10%;
  left: 85px;
  animation: rounded 5s linear infinite;
}
.program-section .mask-shape-2 {
  position: absolute;
  top: 18%;
  right: 5%;
  animation: rounded 5s linear infinite;
}
.program-section .compass-shape {
  position: absolute;
  bottom: 10%;
  right: 85px;
  animation: rounded 5s linear infinite;
}
.program-section .love-shape {
  position: absolute;
  top: 40%;
  left: 0;
  animation: rounded 5s linear infinite;
}
.program-section .zebra-shape {
  position: absolute;
  top: 45%;
  right: 0;
}

.program-box-items-2 {
  padding: 50px 30px 40px;
  position: relative;
  z-index: 9;
  max-width: 420px;
  text-align: center;
  margin: 30px auto;
  animation: morph 4s ease-in-out infinite, floatImage 4s ease-in-out infinite;
}



.program-box-items-2 .program-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffc107;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 288"><path fill-rule="evenodd" clip-rule="evenodd" d="M131.352 0.968405C166.359 0.739595 212.216 -6.12903 237.965 20.2925C264.719 47.745 268.813 92.0436 269.889 132.547C270.998 174.303 264.054 235.303 237.965 265.31C211.488 295.761 169.371 285.444 131.352 287.293C91.3384 289.24 47.0661 289.453 20.2754 256.287C-5.7936 224.014 -0.425215 175.827 2.64371 132.547C5.39126 93.7981 -4.50211 53.0434 20.2754 25.6771C44.9629 -1.5898 96.5877 1.19563 131.352 0.968405Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}



.program-box-items-2 .program-bg.bg-2 {
  background-color: #800080;
}
.program-box-items-2 .program-bg.bg-3 {
  background-color: #ffc107;
}
.program-box-items-2 .program-bg.bg-4 {
  /* background-color: #F25334; */
  background-color: #800080;
}
.program-box-items-2 .icon {
  font-size: 50px;
  color: var(--white);
}
.program-box-items-2 .content {
  padding: 30px 20px 0;
}
@media (max-width: 575px) {
  .program-box-items-2 .content {
    padding: 20px 20px 0;
  }
}
.program-box-items-2 .content h4 {
  margin-bottom: 5px;
}
.program-box-items-2 .content h4 a {
  color: var(--white);
}
.program-box-items-2 .content span {
  color: var(--white);
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
}
.program-box-items-2 .content p {
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 30px;
}


@media (max-width: 575px) {
  .program-box-items-2 .content p {
    margin-bottom: 15px;
  }
}
.program-box-items-2 .content .arrow-icon {
  width: 60px;
  height: 55px;
  line-height: 55px;
  border-radius: 22px;
  background-color: var(--theme2);
  display: inline-block;
  color: var(--white);
  transition: all 0.4s ease-in-out;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid var(--white);
  box-shadow: var(--box-shadow);
}
.program-box-items-2 .content .arrow-icon:hover {
  background-color: var(--white);
  color: var(--header);
}
.program-box-items-2 .content .arrow-icon.color-2 {
  background-color: var(--theme);
}
.program-box-items-2 .content .arrow-icon.color-2:hover {
  background-color: var(--white);
  color: var(--header);
}
.program-box-items-2 .content .arrow-icon.color-3 {
  background-color: #5866EB;
}
.program-box-items-2 .content .arrow-icon.color-3:hover {
  background-color: var(--white);
  color: var(--header);
}
.program-box-items-2 .content .arrow-icon.color-4 {
  background-color: #F25334;
}
.program-box-items-2 .content .arrow-icon.color-4:hover {
  background-color: var(--white);
  color: var(--header);
}

.program-section-2 {
  position: relative;
}
.program-section-2 .line-1 {
  position: absolute;
  top: 40%;
  right: 0%;
  animation: rounded 5s linear infinite;
}

.clases-section {
  position: relative;
  margin-top: 120px;
}
@media (max-width: 1899px) {
  .clases-section .array-button {
    display: none;
  }
}
.clases-section .array-button .array-prev {
  position: absolute;
  transform: translate(-50, -50%);
  top: 55%;
  left: 12%;
  background-color: var(--theme2);
  color: var(--white);
  border: 2px solid var(--white);
}
.clases-section .array-button .array-prev:hover {
  background-color: var(--white);
  color: var(--theme);
}
.clases-section .array-button .array-next {
  position: absolute;
  transform: translate(-50, -50%);
  top: 55%;
  right: 12%;
  background-color: var(--theme2);
  color: var(--white);
  border: 2px solid var(--white);
}
.clases-section .array-button .array-next:hover {
  background-color: var(--white);
  color: var(--theme);
}
.clases-section .clases-shape {
  height: 160px;
  width: 100%;
  position: absolute;
  top: -120px;
  left: 0;
  right: 0;
  overflow-x: hidden;
}
.clases-section .wave {
  position: absolute;
  width: 200%;
  height: 100%;
  animation: wave 10s -3s linear infinite;
  transform: translate3d(0, 0, 0);
  background-size: cover;
}
.clases-section .wave:nth-of-type(2) {
  bottom: 0;
  animation: wave 18s linear reverse infinite;
}
.clases-section .wave:nth-of-type(3) {
  bottom: 0;
  animation: wave 20s -1s linear infinite;
}

.clases-items {
  margin-top: 30px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1399px) {
  .clases-items br {
    display: none;
  }
}
.clases-items .clases-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--white);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 370 456"><path d="M7.69014 27.8377C7.69014 27.8377 2.04067 39.7721 6.56025 199.448C11.0798 359.107 -34.2042 452.395 64.068 454.599C162.34 456.803 278.579 456.097 313.562 454.599C348.546 453.101 370 472.509 370 371.041C370 269.573 370 191.974 368.87 120.351C367.74 48.7271 376.694 13.544 336.103 10.9952C295.499 8.44648 190.533 3.96893 145.394 2.47068C100.256 0.972426 12.2097 -9.46369 7.69014 27.8377Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.clases-items .clases-bg.style-2 {
  background-color: rgba(240, 240, 240, 0.4509803922);
}
.clases-items .clases-image {
  padding: 25px 25px 0 25px;
}
.clases-items .clases-image img {
  width: 100%;
  height: 100%;
}
.clases-items .clases-content {
  padding: 20px 30px;
}
@media (max-width: 575px) {
  .clases-items .clases-content {
    padding: 15px 30px;
  }
}
.clases-items .clases-content h4 {
  margin-bottom: 10px;
}
.clases-items .clases-content h4 a:hover {
  color: var(--theme);
}
.clases-items .clases-content p {
  padding-bottom: 20px;
  border-bottom: 2px dotted var(--theme);
}
@media (max-width: 575px) {
  .clases-items .clases-content p {
    padding-bottom: 15px;
  }
}
.clases-items .clases-content .clases-schedule {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .clases-items .clases-content .clases-schedule {
    margin-top: 15px;
  }
}
.clases-items .clases-content .clases-schedule li {
  font-weight: 600;
  color: var(--header);
  font-weight: "Quicksand", sans-serif;
}
.clases-items .clases-content .clases-schedule li span {
  font-family: "Source Sans 3", sans-serif;
  color: var(--theme);
  font-weight: 14px;
}

.program-details-wrapper .program-details-items .details-image img {
  width: 100%;
  height: 100%;
}
.program-details-wrapper .program-details-items .details-content {
  margin-top: 40px;
}
.program-details-wrapper .program-details-items .details-content .post {
  background-color: var(--theme);
  color: var(--white);
  padding: 4px 15px;
  border-radius: 8px;
  display: inline-block;
  margin-bottom: 20px;
}
.program-details-wrapper .program-details-items .details-content h2 {
  font-size: 30px;
  margin-bottom: 20px;
  color: #000;
}
@media (max-width: 767px) {
  .program-details-wrapper .program-details-items .details-content h2 {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .program-details-wrapper .program-details-items .details-content h2 {
    font-size: 24px;
  }
}
.program-details-wrapper .program-details-items .details-content .details-author-area {
  display: flex;
  align-items: center;
  gap: 30px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 20px 0;
  margin-bottom: 40px;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .program-details-wrapper .program-details-items .details-content .details-author-area {
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.program-details-wrapper .program-details-items .details-content .details-author-area .author-items {
  display: flex;
  align-items: center;
  gap: 10px;
}
.program-details-wrapper .program-details-items .details-content .details-author-area .class-list {
  display: flex;
  align-items: center;
  gap: 30px;
}
.program-details-wrapper .program-details-items .details-content .details-author-area .class-list li i {
  color: var(--theme);
}
.program-details-wrapper .program-details-items .details-content .list-items {
  margin-top: 20px;
  color: #000;
}
.program-details-wrapper .program-details-items .details-content .list-items li:not(:last-child) {
  margin-bottom: 10px;
}
.program-details-wrapper .program-details-items .details-content .list-items li i {
  margin-right: 5px;
  color: var(--theme);
}
.program-details-wrapper .details-list-area {
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  z-index: 9;
  border: 1px solid var(--border);
}
@media (max-width: 1199px) {
  .program-details-wrapper .details-list-area {
    padding: 30px 20px;
  }
}
@media (max-width: 991px) {
  .program-details-wrapper .details-list-area {
    padding: 30px 40px;
  }
}
.program-details-wrapper .details-list-area h3 {
  font-size: 24px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 20px;
}
@media (max-width: 1199px) {
  .program-details-wrapper .details-list-area {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .program-details-wrapper .details-list-area {
    margin-top: 0;
  }
}
.program-details-wrapper .details-list-area .details-list {
  margin-bottom: 30px;
}
.program-details-wrapper .details-list-area .details-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid var(--border);
}
.program-details-wrapper .details-list-area .details-list li span {
  font-weight: 600 !important;
  color: var(--header);
}
.program-details-wrapper .details-list-area .details-list li span i {
  color: var(--theme);
}
.program-details-wrapper .details-list-area .theme-btn {
  padding: 19px 40px;
}
@media (max-width: 1199px) {
  .program-details-wrapper .details-list-area .theme-btn {
    padding: 19px 25px;
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .program-details-wrapper .details-list-area .theme-btn {
    padding: 19px 40px;
    font-size: 16px;
  }
}
.program-details-wrapper .details-list-area .theme-btn.border-style {
  border: 1px solid var(--theme);
  color: var(--theme);
  background-color: transparent;
  padding: 18px 40px;
}
.program-details-wrapper .details-list-area .theme-btn.border-style::after, .program-details-wrapper .details-list-area .theme-btn.border-style::before {
  background-color: var(--theme);
}
.program-details-wrapper .details-list-area .theme-btn.border-style:hover {
  color: var(--white);
}
.program-details-wrapper .details-list-area .social-icon {
  justify-content: center;
  gap: 15px;
  margin-top: 30px;
}
.program-details-wrapper .details-list-area .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--theme);
  transition: all 0.4s ease-in-out;
  text-align: center;
  background-color: transparent;
  border: 1px solid var(--theme);
}
.program-details-wrapper .details-list-area .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
  border: 1px solid transparent;
}
.program-details-wrapper .program-author-items {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 30px;
  border: 1px solid var(--border);
  border-radius: 12px;
  margin-top: 23px;
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-author-items {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
}
.program-details-wrapper .program-author-items .thumb {
  max-width: 370px;
}
.program-details-wrapper .program-author-items .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.program-details-wrapper .program-author-items .content {
  max-width: 700px;
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-author-items .content {
    margin: 0 auto;
    text-align: center;
  }
}
.program-details-wrapper .program-author-items .content h2 {
  font-size: 30px;
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .program-details-wrapper .program-author-items .content h2 {
    font-size: 26px;
  }
}
.program-details-wrapper .program-author-items .content span {
  margin-bottom: 20px;
  display: inline-block;
}
@media (max-width: 575px) {
  .program-details-wrapper .program-author-items .content span {
    margin-bottom: 10px;
  }
}
.program-details-wrapper .program-author-items .content ul {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 50px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 20px 0;
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-author-items .content ul {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 20px;
  }
}
.program-details-wrapper .program-author-items .content ul li {
  color: var(--header);
}
.program-details-wrapper .program-author-items .content ul li i {
  margin-right: 5px;
}
.program-details-wrapper .program-author-items .content ul li .color-star {
  color: var(--theme);
}
.program-details-wrapper .program-author-items .content .social-icon {
  margin-top: 40px;
  gap: 15px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-author-items .content .social-icon {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .program-details-wrapper .program-author-items .content .social-icon {
    margin-top: 20px;
  }
}
.program-details-wrapper .program-author-items .content .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--theme);
  transition: all 0.4s ease-in-out;
  text-align: center;
  background-color: transparent;
  border: 1px solid var(--theme);
}
.program-details-wrapper .program-author-items .content .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
  border: 1px solid transparent;
}

.program-wrapper-5 {
  margin-top: 60px;
}
@media (max-width: 1199px) {
  .program-wrapper-5 {
    margin-top: 30px;
  }
}
.program-wrapper-5 .programer-box-items-5 {
  text-align: center;
  margin-top: 30px;
}
.program-wrapper-5 .programer-box-items-5 .program-content {
  margin-top: 40px;
}
.program-wrapper-5 .programer-box-items-5 .program-content h3 {
  font-size: 30px;
}
.program-wrapper-5 .programer-box-items-5 .program-content h3 a {
  color: #fff;
}
.program-wrapper-5 .programer-box-items-5 .program-content span {
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
}

.section-title {
  position: relative;
  z-index: 99;
  margin-bottom: 30px;
  margin-top: -5px;
}
@media (max-width: 767px) {
  .section-title {
    margin-bottom: 0;
  }
}
.section-title span {
  color: var(--theme);
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 20px;
  font-family: "Pangolin";
}
.section-title.style-2 span {
  color: var(--theme3);
}
.section-title.style-2 span.header-color {
  color: var(--header2);
}
.section-title.style-2 h2 {
  color: var(--header2);
}

.section-title-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 9;
}
@media (max-width: 767px) {
  .section-title-area {
    flex-wrap: wrap;
    gap: 30px;
  }
}

.center {
  text-align: center;
  margin: 0 auto;
}

.section-bg {
  background-color: #ffc107;
}

.section-bg-2 {
  background-color: var(--bg2);
}

.section-bg-3 {
  background-color: var(--theme2);
}

.section-padding {
  padding: 120px 0;
}
@media (max-width: 1199px) {
  .section-padding {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .section-padding {
    padding: 80px 0;
  }
}

@media (max-width: 767px) {
  .service-wrapper {
    text-align: center;
    margin-bottom: -5px;
  }
}
.service-wrapper .service-left .about-author {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .service-wrapper .service-left .about-author {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .service-wrapper .service-left .about-author {
    margin-top: 30px;
    text-align: center;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .service-wrapper .service-left .about-author {
    margin-top: 20px;
  }
}
.service-wrapper .service-left .about-author .author-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}
.service-wrapper .service-left .about-author .author-icon .icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background-color: var(--theme);
  text-align: center;
  color: var(--white);
  border-radius: 50%;
  position: relative;
}
.service-wrapper .service-left .about-author .author-icon .icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}
.service-wrapper .service-left .about-author .author-icon .content h5 {
  font-weight: 600;
}
.service-wrapper .service-left .about-author .author-icon .content h5 a {
  color: var(--header);
}
.service-wrapper .service-left .about-author .author-icon .content span {
  font-size: 14px;
  font-weight: 600;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
  margin-bottom: 5px;
}
.service-wrapper .service-right .icon-items {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: 120px;
}
@media (max-width: 1199px) {
  .service-wrapper .service-right .icon-items {
    margin-left: 30px;
  }
}
@media (max-width: 991px) {
  .service-wrapper .service-right .icon-items {
    margin-left: 100px;
  }
}
@media (max-width: 767px) {
  .service-wrapper .service-right .icon-items {
    flex-wrap: wrap;
    margin-left: 0;
    justify-content: center;
    text-align: center;
  }
}
.service-wrapper .service-right .icon-items:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .service-wrapper .service-right .icon-items:not(:last-child) {
    margin-bottom: 20px;
  }
}
.service-wrapper .service-right .icon-items .icon {
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 8px;
  background: rgba(243, 159, 95, 0.2);
  font-size: 40px;
  color: var(--theme);
}
.service-wrapper .service-right .icon-items .icon.color-2 {
  background: rgba(88, 102, 235, 0.15);
  color: #5866EB;
}
.service-wrapper .service-right .icon-items .icon.color-3 {
  background: rgba(112, 166, 177, 0.15);
  color: #70A6B1;
}
.service-wrapper .service-right .icon-items .content h5 {
  margin-bottom: 5px;
}
.service-wrapper .service-right .icon-items.style-2 {
  margin-left: 0;
}

.service-section {
  position: relative;
}
.service-section .line-1 {
  position: absolute;
  bottom: 10%;
  left: 0;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1600px) {
  .service-section .line-1 {
    display: none;
  }
}
.service-section .line-2 {
  position: absolute;
  bottom: 10%;
  right: 0;
}
@media (max-width: 1600px) {
  .service-section .line-2 {
    display: none;
  }
}

.team-section {
  position: relative;
}
.team-section .top-shape {
  position: absolute;
  top: 0;
  left: 0;
}
.team-section .love-shape {
  position: absolute;
  bottom: 0;
  left: 30px;
}
@media (max-width: 1399px) {
  .team-section .love-shape {
    left: 30px;
  }
}
@media (max-width: 1199px) {
  .team-section .love-shape {
    display: none;
  }
}
.team-section .frame-shape {
  position: absolute;
  top: 45%;
  right: 0;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .team-section .frame-shape {
    display: none;
  }
}

.team-items {
  margin-top: 30px;
}
.team-items .team-image {
  position: relative;
}
.team-items .team-image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.team-items .team-image .shape-img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.team-items .team-image .social-profile {
  position: absolute;
  right: 20px;
  top: 20px;
  content: "";
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 2;
  display: inline-block;
  overflow: hidden;
  z-index: 99;
}
.team-items .team-image .social-profile ul {
  transform: translateY(-100px);
  transition: all 0.6s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.team-items .team-image .social-profile ul li {
  margin-bottom: 10px;
}
.team-items .team-image .social-profile ul li a {
  width: 40px;
  height: 40px;
  line-height: 43px;
  text-align: center;
  font-size: 18px;
  display: block;
  background: var(--white);
  color: var(--theme);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  margin: 0 auto;
  border-radius: 50%;
}
.team-items .team-image .social-profile ul li a:hover {
  background-color: var(--theme);
  color: var(--white);
}
.team-items .team-image .social-profile .plus-btn {
  z-index: 2;
  cursor: pointer;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  background: transparent;
  border: 1px solid var(--white);
  color: var(--white);
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  margin-bottom: 10px;
}
.team-items .team-image .social-profile .plus-btn:hover {
  background-color: var(--white);
  color: var(--theme);
}
.team-items .team-image .social-profile:hover ul {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.team-items .team-content {
  margin-top: 20px;
  text-align: center;
}
.team-items .team-content h3 {
  margin-bottom: 5px;
}
.team-items .team-content h3 a:hover {
  color: var(--theme);
}

.team-box-items {
  margin-top: 30px;
  text-align: center;
  position: relative;
  z-index: 9;
}
.team-box-items .bg-shape-1 {
  position: absolute;
  top: 29%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.team-box-items::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--white);
  border-radius: 24px;
  z-index: -1;
  top: 35%;
  height: initial;
}
.team-box-items .team-image {
  margin: 0 auto;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 294 294"> <path fill-rule="evenodd" clip-rule="evenodd" d="M147.403 0.00569915C182.119 0.435189 209.656 26.2366 235.076 51.2011C261.845 77.4906 291.257 105.251 293.775 143.756C296.413 184.105 275.546 221.843 248.076 250.036C221.009 277.816 185.15 293.448 147.403 293.984C109.12 294.528 71.5048 281.034 43.9843 252.934C16.0177 224.38 -2.47629 184.728 0.269486 143.756C2.87462 104.884 30.5587 75.4755 57.651 49.0061C83.3487 23.8993 112.392 -0.427445 147.403 0.00569915Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  position: relative;
  z-index: 9;
  max-width: 295px;
}
.team-box-items .team-image img {
  width: 100%;
  height: 100%;
}
.team-box-items .team-content {
  padding: 20px 50px;
}
.team-box-items .team-content h3 a:hover {
  color: var(--theme);
}
.team-box-items .team-content p {
  margin-bottom: 15px;
  margin-top: 5px;
}
.team-box-items .team-content .social-icon {
  justify-content: center;
  gap: 20px;
  border-top: 1px solid var(--border);
  padding-top: 20px;
}
.team-box-items .team-content .social-icon a {
  color: var(--text);
  font-size: 20px;
}
.team-box-items .team-content .social-icon a:hover {
  color: var(--theme);
}

.team-section-2 {
  position: relative;
  margin-top: 30px;
}
.team-section-2 .top-shape {
  position: absolute;
  top: -40px;
  left: 0;
  height: 92px;
}
.team-section-2 .top-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-section-2 .love-shape {
  position: absolute;
  bottom: 10%;
  left: 30px;
}
@media (max-width: 1399px) {
  .team-section-2 .love-shape {
    left: 30px;
  }
}
@media (max-width: 1199px) {
  .team-section-2 .love-shape {
    display: none;
  }
}
.team-section-2 .frame-shape {
  position: absolute;
  top: 40%;
  right: 0;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .team-section-2 .frame-shape {
    display: none;
  }
}

.team-section-3 {
  position: relative;
}
.team-section-3 .tree-shape {
  position: absolute;
  bottom: 15%;
  left: 0;
}
.team-section-3 .right-shape {
  position: absolute;
  right: 0;
  top: 10%;
}
.team-section-3 .bee-shape {
  position: absolute;
  right: 5%;
  top: 15%;
  transform: translateY(-50%);
}

.team-section-4 {
  margin-bottom: -5px;
}

.team-details-wrapper .team-author-items {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 30px;
  border: 1px solid var(--border);
  border-radius: 12px;
}
@media (max-width: 1199px) {
  .team-details-wrapper .team-author-items {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    text-align: center;
  }
}
.team-details-wrapper .team-author-items .thumb {
  max-width: 370px;
}
.team-details-wrapper .team-author-items .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.team-details-wrapper .team-author-items .content {
  max-width: 700px;
}
.team-details-wrapper .team-author-items .content h2 {
  font-size: 30px;
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .team-details-wrapper .team-author-items .content h2 {
    font-size: 26px;
  }
}
.team-details-wrapper .team-author-items .content span {
  margin-bottom: 20px;
  display: inline-block;
}
@media (max-width: 575px) {
  .team-details-wrapper .team-author-items .content span {
    margin-bottom: 10px;
  }
}
.team-details-wrapper .team-author-items .content ul {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 50px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 20px 0;
}
@media (max-width: 1199px) {
  .team-details-wrapper .team-author-items .content ul {
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    justify-content: center;
  }
}
.team-details-wrapper .team-author-items .content ul li {
  color: var(--header);
}
.team-details-wrapper .team-author-items .content ul li i {
  margin-right: 5px;
}
.team-details-wrapper .team-author-items .content ul li .color-star {
  color: var(--theme);
}
.team-details-wrapper .team-author-items .content .social-icon {
  margin-top: 40px;
  gap: 15px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .team-details-wrapper .team-author-items .content .social-icon {
    justify-content: center;
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .team-details-wrapper .team-author-items .content .social-icon {
    margin-top: 20px;
  }
}
.team-details-wrapper .team-author-items .content .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--theme);
  transition: all 0.4s ease-in-out;
  text-align: center;
  background-color: transparent;
  border: 1px solid var(--theme);
}
.team-details-wrapper .team-author-items .content .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
  border: 1px solid transparent;
}
.team-details-wrapper .details-info-items {
  padding: 80px 0;
  border-bottom: 1px solid var(--border);
}
@media (max-width: 767px) {
  .team-details-wrapper .details-info-items {
    padding: 50px 0;
  }
}
@media (max-width: 575px) {
  .team-details-wrapper .details-info-items {
    padding: 40px 0;
  }
}
.team-details-wrapper .details-info-items .info-content h2 {
  font-size: 30px;
  margin-bottom: 15px;
}
.team-details-wrapper .details-info-items .progress-wrap {
  margin-left: 30px;
}
@media (max-width: 991px) {
  .team-details-wrapper .details-info-items .progress-wrap {
    margin-left: 0;
  }
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items {
  width: 100%;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items:not(:last-child) {
  margin-bottom: 20px;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .pro-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .pro-head .title {
  font-size: 16px;
  color: var(--header);
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .pro-head .point {
  font-size: 16px;
  color: var(--header);
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .progress {
  background: var(--bg2);
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  display: flex;
  height: 8px;
  width: 100%;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .progress-value {
  animation: load 3s normal forwards;
  border-radius: 0;
  background: var(--theme);
  height: 8px;
  width: 0;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .style-two {
  animation: load2 3s normal forwards;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .style-three {
  animation: load3 3s normal forwards;
}
@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 90%;
  }
}
@keyframes load2 {
  0% {
    width: 0;
  }
  100% {
    width: 70%;
  }
}
@keyframes load3 {
  0% {
    width: 0;
  }
  100% {
    width: 55%;
  }
}

.testimonial-section {
  position: relative;
}
.testimonial-section .tree-shape {
  position: absolute;
  left: 0;
  bottom: 50px;
}
.testimonial-section .right-shape {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.testimonial-section .bee-shape {
  position: absolute;
  right: 5%;
  top: 45%;
  transform: translateY(-50%);
}
.testimonial-section .love-shape {
  position: absolute;
  top: 50%;
  left: 0;
  animation: rounded 5s linear infinite;
}
.testimonial-section .pencil-shape {
  position: absolute;
  top: 50%;
  left: 2%;
  animation: rounded 5s linear infinite;
}
.testimonial-section .girl-shape {
  position: absolute;
  top: 30%;
  right: 0;
}

.testimonial-items {
  position: relative;
  z-index: 9;
  max-width: 420px;
  padding: 55px 60px;
  text-align: center;
  margin: 30px auto;
  height: 400px;  /*new addition*/
}

.testimonial-items::after {
  width: 0;
  height: 0;
  border-top: 20px solid var(--theme2);
  border-right: 16px solid transparent;
  content: "";
  left: 60px;
  position: absolute;
  bottom: -10px;
  transform: rotate(0deg);
}
.testimonial-items.style-2::after {
  border-top: 20px solid var(--theme);
}
.testimonial-items.style-3::after {
  border-top: 20px solid var(--header);
}
.testimonial-items .icon {
  position: absolute;
  top: 10px;
  right: 30px;
}
.testimonial-items .testimonial-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--theme2);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 371 216"><path d="M29.5383 22.3807C20.9831 23.0067 13.019 27.0757 7.48934 33.6486C1.95971 40.2216 -0.683385 48.7421 0.151277 57.2974L12.2539 180.236C13.8189 196.199 27.0343 208.51 43.1016 208.962L298.091 215.987C312.941 216.405 326.086 206.493 329.808 192.13L369.245 39.8738C371.819 29.9274 369.454 19.355 362.881 11.4605C356.308 3.56603 346.327 -0.676823 336.102 0.0882826L29.5383 22.3807Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.testimonial-items .testimonial-bg.bg-2 {
  background-color: var(--theme);
}
.testimonial-items .testimonial-bg.bg-3 {
  background-color: var(--header);
}
.testimonial-items .testimonial-content {
  position: relative;
}
.testimonial-items .testimonial-content p {
  color: var(--white);
}
.testimonial-items .testimonial-content h6 {
  color: var(--white);
  margin-top: 20px;
  position: relative;
  display: inline-block;
}
.testimonial-items .testimonial-content h6::before {
  position: absolute;
  top: 10px;
  left: -40px;
  content: "";
  width: 24px;
  height: 2px;
  background-color: var(--white);
}

.testimonial-section-2 {
  position: relative;
}
.testimonial-section-2 .zebra-shape {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.testimonial-section-2 .left-shape {
  position: absolute;
  left: 0;
  bottom: 20%;
}

.testimonial-wrapper {
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .testimonial-wrapper .array-button {
    display: none;
  }
}
.testimonial-wrapper .array-button .array-prev {
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
  z-index: 99;
  background-color: var(--theme2);
  color: var(--white);
  border: 2px solid var(--white);
}
.testimonial-wrapper .array-button .array-prev:hover {
  background-color: var(--theme);
}
.testimonial-wrapper .array-button .array-next {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 99;
  background-color: var(--theme);
  color: var(--white);
  border: 2px solid var(--white);
}
.testimonial-wrapper .array-button .array-next:hover {
  background-color: var(--theme2);
}
.testimonial-wrapper .shape-1 {
  position: absolute;
  top: 80px;
  left: 80px;
}
@media (max-width: 991px) {
  .testimonial-wrapper .shape-1 {
    display: none;
  }
}
.testimonial-wrapper .shape-2 {
  position: absolute;
  bottom: 80px;
  right: 150px;
}
@media (max-width: 991px) {
  .testimonial-wrapper .shape-2 {
    display: none;
  }
}
.testimonial-wrapper .testimonial-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--bg2);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 520"><path d="M87.3898 28.5081C60.3657 30.0652 30.9339 38.7742 15.916 59.8231C0.898128 80.8719 -1.73756 121.246 0.898944 142.527L39.1283 448.337C44.0717 488.044 85.2474 507.875 136 509L976.649 519.793C1023.56 520.831 1082.11 519.574 1094.61 476.369L1166.78 99.186C1174.91 74.4444 1167.44 48.1456 1146.68 28.5081C1125.91 8.8705 1094.39 -1.6836 1062.09 0.219603L87.3898 28.5081Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.testimonial-wrapper .testimonial-box-items {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  padding-top: 15px;
}
@media (max-width: 991px) {
  .testimonial-wrapper .testimonial-box-items {
    padding: 15px 40px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper .testimonial-box-items {
    padding: 15px 30px;
  }
}
.testimonial-wrapper .testimonial-box-items p {
  font-size: 20px;
}
@media (max-width: 575px) {
  .testimonial-wrapper .testimonial-box-items p {
    font-size: 18px;
  }
}
.testimonial-wrapper .testimonial-box-items .client-info {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .testimonial-wrapper .testimonial-box-items .client-info {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper .testimonial-box-items .client-info {
    margin-top: 20px;
  }
}
.testimonial-wrapper .testimonial-box-items .client-info .content {
  text-align: left;
}
.testimonial-wrapper .testimonial-box-items .client-info .content h5 {
  margin-bottom: 5px;
}
.testimonial-wrapper.style-2 {
  margin-top: -10px;
}

.testimonial-wrapper-2 {
  margin-bottom: -10px;
  position: relative;
}
@media (max-width: 991px) {
  .testimonial-wrapper-2 {
    text-align: center;
    margin: 0 auto;
  }
}
.testimonial-wrapper-2 .array-button {
  position: absolute;
  bottom: 25%;
  right: 0;
  display: grid;
  gap: 12px;
  z-index: 99;
}
@media (max-width: 1399px) {
  .testimonial-wrapper-2 .array-button {
    display: none;
  }
}
.testimonial-wrapper-2 .array-button .array-prev {
  border: 1.5px solid var(--theme);
  height: 55px;
  width: 50px;
  line-height: 55px;
  line-height: 44px;
}
.testimonial-wrapper-2 .array-button .array-next {
  height: 55px;
  width: 50px;
  line-height: 55px;
  line-height: 44px;
}
.testimonial-wrapper-2 .array-button .array-next:hover {
  border: 1.5px solid var(--theme);
}
.testimonial-wrapper-2 .testimonial-image img {
  width: 100%;
  height: 100%;
}
.testimonial-wrapper-2 .testimonial-content {
  position: relative;
}
.testimonial-wrapper-2 .testimonial-content .star {
  margin-bottom: 20px;
}
.testimonial-wrapper-2 .testimonial-content .star i {
  color: var(--theme);
}
.testimonial-wrapper-2 .testimonial-content .star .color-star {
  color: var(--text);
}
.testimonial-wrapper-2 .testimonial-content p {
  font-size: 18px;
  max-width: 500px;
}
@media (max-width: 991px) {
  .testimonial-wrapper-2 .testimonial-content p {
    text-align: center;
    margin: 0 auto;
  }
}
.testimonial-wrapper-2 .testimonial-content .client-info {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 25px;
}
@media (max-width: 991px) {
  .testimonial-wrapper-2 .testimonial-content .client-info {
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-2 .testimonial-content .client-info {
    margin-top: 20px;
  }
}
.testimonial-wrapper-2 .testimonial-content .client-info .content h5 {
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .testimonial-wrapper-2 .testimonial-content .client-info .content h5 {
    text-align: left;
  }
}
@media (max-width: 991px) {
  .testimonial-wrapper-2 .testimonial-content .client-info .content p {
    text-align: left;
  }
}
.testimonial-wrapper-2 .testimonial-content .icon {
  position: absolute;
  bottom: -5%;
  right: 20%;
}
@media (max-width: 767px) {
  .testimonial-wrapper-2 .testimonial-content .icon {
    right: 10%;
  }
}
.testimonial-wrapper-2 .testimonial-right {
  margin-left: 50px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-2 .testimonial-right {
    margin-left: 25px;
  }
}
@media (max-width: 991px) {
  .testimonial-wrapper-2 .testimonial-right {
    margin-left: 0;
  }
}/*# sourceMappingURL=main.css.map */




/* comment */

.set{
  margin-top:88px !important
}
.abt{
  margin-top: 12px !important;
}



/* new addition in main.css file*/
.program-details-wrapper .program-details-items .details-content .list-items {
  margin-bottom: 20px;
}

h2.service{
  color: white;
}

.service-images{
  margin-bottom: 20px;
}

a:hover{
  color: #F39F5F;
}

.section-padding-service {
  padding: 20px 0;
}
@media (max-width: 1199px) {
  .section-padding-service {
    padding: 20px 0;
  }
}
@media (max-width: 991px) {
  .section-padding-service {
    padding: 20px 0;
  }
}

p{
  text-align: justify;
}

.mvv-class{
  text-align: center;
  margin: 20px 0;
  color: #F39F5F;
}

.about-activities-section-2.style-2 {
  margin-bottom: 50px;
}

.us{
  margin-top: 152px !important;
}

.us-1{
  margin-top: 152px !important;
}

/* newborn care addition */
/* Table follow-up theme - orange header, alternating rows, hover zoom */
.table-follow-up-wrapper {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.table-follow-up-theme {
  margin-bottom: 0;
  border-collapse: separate;
  border-spacing: 0;
  border: none;
}
.table-follow-up-theme thead th {
  background-color: #F7941D;
  color: #fff;
  font-weight: 700;
  text-align: left;
  padding: 16px 20px;
  border: none;
  font-size: 16px;
}
.table-follow-up-theme thead th:first-child {
  border-radius: 10px 0 0 0;
}
.table-follow-up-theme thead th:last-child {
  border-radius: 0 10px 0 0;
}
.table-follow-up-theme tbody tr {
  background-color: #fff;
  transition: transform 0.2s ease;
}
.table-follow-up-theme tbody tr:first-child {
  background-color: #FFF8ED;
}
.table-follow-up-theme tbody td {
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
  color: #333;
  text-align: left;
  transition: background-color 0.2s ease;
}
.table-follow-up-theme tbody tr:last-child td {
  border-bottom: none;
}
.table-follow-up-theme tbody tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}
.table-follow-up-theme tbody tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}
.table-follow-up-theme tbody td:hover {
  background-color: #FFF8ED !important;
}








.program-details-wrapper .program-details-items .details-content h1 {
  font-size: 29px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 24px;
  text-align: left;
  color: #000;
}
.program-details-wrapper .program-details-items .details-content h1 + h2 {
  margin-top: 0;
  margin-bottom: 20px;
}
.program-details-wrapper .program-details-items .details-content h2 {
  font-size: 30px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .program-details-wrapper .program-details-items .details-content h2 {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .program-details-wrapper .program-details-items .details-content h2 {
    font-size: 24px;
  }
}
/* newborn care end */


.about-testimonial-top{
    margin-top: 9%;
}
.about-from-top{
     margin-top: -10%;
}
.h1-home-cl{
  font-size: 28px;
}
.img-hed-mob{
    display: none;
}

/* ======================================================
   WHEN TO CONSULT - SWIPER CIRCLE HOVER SECTION
   ====================================================== */

/* Center swiper slides */
.program-slider .swiper-wrapper{
    align-items:center;
}

.program-slider .swiper-slide{
    display:flex;
    justify-content:center;
    align-items:center;
    height:auto;
}

/* ======================================================
   CONSULT ITEM CONTAINER
   ====================================================== */

.consult-item{
    text-align:center;
}

/* ======================================================
   CIRCLE IMAGE CONTAINER
   ====================================================== */

.ch-item{
    width:320px;
    height:320px;
    border-radius:50%;
    position:relative;
    overflow:hidden;
    cursor:pointer;

     /* outline border */
    border:12px solid rgba(255,255,255,0.7);

    box-shadow:0 4px 12px rgba(0,0,0,0.15);

    /*transition:all .4s ease-in-out;*/
    animation: img-border 5s linear infinite alternate;
    transition: all 0.3s ease-out 0s;
    animation-name: morph;
    border: 10px solid #f25334;
    object-fit: cover;
}

.ch-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}

/* ======================================================
   HOVER OVERLAY
   ====================================================== */

.ch-info{
    position:absolute;
    inset:0;

    border-radius:50%;
    /* background:#43a7e6; */
    background:linear-gradient(135deg, #000080, #000080);

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

    text-align:center;
    padding:30px;

    opacity:0;
    /* transform:scale(0);

    transition:all .4s ease-in-out; */
    transform:scale(0.85);
    transition:all .35s ease;
}

/* ======================================================
   HOVER TITLE
   ====================================================== */

 .ch-info h3{
    color:#fff;
    font-size:20px;
    font-weight:700;
    margin-bottom:12px;
    letter-spacing:1px;
    text-transform:uppercase;
}

/* ======================================================
   LIST INSIDE HOVER
   ====================================================== */

.ch-info ul{
    list-style:none;
    padding:0;
    margin:0;
}

.ch-info ul li{
    color:#fff;
    font-size:14px;
    font-weight:600;
    margin:6px 0;
    position:relative;
    padding-left:16px;
}

.ch-info ul li::before{
    content:"•";
    position:absolute;
    left:0;
    top:0;
    font-size:18px;
    color:#fff;
}

/* ======================================================
   HOVER EFFECT
   ====================================================== */

.ch-item:hover .ch-info{
    opacity:1;
    transform:scale(1);
}


/* ======================================================
   TITLE BELOW CIRCLE
   ====================================================== */

.program-content.wc-1 h3{
    margin-top:25px;
    font-size:28px;
}

.wc-1 h3 a{
    color:var(--header2);
    text-decoration:none;
}

.wc-1 h3 a:hover{
    color:#43a7e6;
}

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

/* @media (max-width:991px){

    .ch-item{
        width:240px;
        height:240px;
    }

}

@media (max-width:576px){

    .ch-item{
        width:200px;
        height:200px;
    }

    .ch-info h3{
        font-size:16px;
    }

    .ch-info ul li{
        font-size:12px;
    }

} */

/* modal pop up */
/* .modal .contact-section{
    padding:40px 0;
}

.modal .contact-wrapper{
    margin-top:0;
}

.popup-close{
    position:absolute;
    top:-10px;
    right:10px;
    font-size:40px;
    color:#fff;
    border:none;
    background:none;
    cursor:pointer;
    z-index:10;
} */

/* remove modal white background */

.popup-transparent{
    background:transparent;
    border:none;
    box-shadow:none;
}

/* close button */

.popup-close{
    position:absolute;
    top:-10px;
    right:5px;
    font-size:42px;
    color:#fff;
    background:none;
    border:none;
    cursor:pointer;
    z-index:1000;
}


/* popup size control */

.appointment-popup .modal-dialog{
    max-width:750px;
}

/* remove large padding from section */

.popup-form-section{
    padding:40px 0 !important;
}

/* scroll fix for small screens */

.popup-scroll{
    max-height:85vh;
    overflow-y:auto;
}

/* smoother animation */

.appointment-popup .modal-content{
    animation:popupZoom .35s ease;
}

@keyframes popupZoom{

    from{
        transform:scale(.85);
        opacity:0;
    }

    to{
        transform:scale(1);
        opacity:1;
    }

}


/* Cloud Testimonial Card */
/* 
.cloud-card{
    position:relative;
    background:#4da0d1;
    color:#fff;
    padding:50px 35px;
    border-radius:60px;
    text-align:center;
    max-width:380px;
    margin:auto;
}

.cloud-bubble{
    position:absolute;
    background:#4da0d1;
    border-radius:50%;
}

.b1{
    width:80px;
    height:80px;
    top:-35px;
    left:60px;
}

.b2{
    width:100px;
    height:100px;
    top:-45px;
    left:140px;
}

.b3{
    width:70px;
    height:70px;
    top:-25px;
    right:60px;
}

.quote{
    font-size:38px;
    margin-bottom:15px;
}

.cloud-content p{
    font-size:15px;
    line-height:1.7;
}

.cloud-content h5{
    margin-top:20px;
    font-weight:600;
}

@media (max-width:768px){

.cloud-card{
padding:35px 25px;
border-radius:40px;
}

.b1{
width:55px;
height:55px;
top:-25px;
left:35px;
}

.b2{
width:70px;
height:70px;
top:-30px;
left:95px;
}

.b3{
width:50px;
height:50px;
top:-20px;
right:35px;
}

.cloud-content p{
font-size:14px;
}

.quote{
font-size:30px;
}

}

.testimonial-slider{
padding-top:60px;
} */
/* Arul */

/* remove template shape */
/* remove template background */
.testimonial-bg{
display:none !important;
}

/* cloud card */
/*.testimonial-items{*/
/*position:relative;*/
/*width:630px;*/
/*height:450px;*/
/*margin:auto;*/

/*background:url("../img/cloud-shape.png") no-repeat center;*/
/*background-size:contain;*/
/* background-color: transparent !important;*/
/*    box-shadow: none !important;*/
/*    border: none !important;*/
/*}*/

/* center text inside cloud */
.testimonial-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);

width:250px;
text-align:center;
}

/* paragraph */
/* testimonial text */


/* author name */
.testimonial-content h6{
    color:#ffffff;
    font-size:14px;        /* slightly smaller */
    font-weight:600;
}

/* swiper slide alignment */
.swiper-slide{
display:flex;
justify-content:center;
align-items:center;
 background: transparent !important;
}
.testimonial-items{
transition:transform .35s ease, filter .35s ease;
}

.testimonial-items:hover{
transform:translateY(-18px) scale(1.05);
filter:brightness(1.1);

}

/*.style-1{*/
/*filter:hue-rotate(180deg) saturate(1.2);*/
/*}*/

/*.style-2{*/
/*filter:hue-rotate(320deg) saturate(1.2);*/
/*}*/

/*.style-3{*/
/*filter:hue-rotate(40deg) saturate(1.1);*/
/*}*/
/* REMOVE TRIANGLE POINTER FROM TEMPLATE */
.testimonial-items::before,
.testimonial-items::after{
    display:none !important;
    content:none !important;
    box-shadow: none !important;
}

/* some templates attach it to testimonial-bg */
.testimonial-bg::before,
.testimonial-bg::after{
    display:none !important;
    content:none !important;
    box-shadow: none !important;
  }

/* fallback if template attaches it to slide */
.swiper-slide::before,
.swiper-slide::after{
    display:none !important;
    content:none !important;
}
/* floating animation */
@keyframes cloudFloat {
    0%{
        transform:translateY(-12px);
    }
    50%{
        transform:translateY(18px);
    }
    100%{
        transform:translateY(0px);
    }
}

/* apply animation to cloud */
.testimonial-items{
    animation:cloudFloat 4s ease-in-out infinite;
}
/* remove the white card box */
/* remove template card background */
.testimonial-items{
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* hide template bubble background */
.testimonial-bg{
    display:none !important;
}

/* remove triangle pointer */
.testimonial-items::before,
.testimonial-items::after{
    display:none !important;
}

.testimonial-slider .swiper-slide{
    background: transparent !important;
    box-shadow: none !important;
}

/* Nandha Kumar */

/* Table follow-up theme - orange header, alternating rows, hover zoom */
.table-follow-up-wrapper {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.table-follow-up-theme {
  margin-bottom: 0;
  border-collapse: separate;
  border-spacing: 0;
  border: none;
}
.table-follow-up-theme thead th {
  background-color: #F7941D;
  color: #fff;
  font-weight: 700;
  text-align: left;
  padding: 16px 20px;
  border: none;
  font-size: 16px;
}
.table-follow-up-theme thead th:first-child {
  border-radius: 10px 0 0 0;
}
.table-follow-up-theme thead th:last-child {
  border-radius: 0 10px 0 0;
}
.table-follow-up-theme tbody tr {
  background-color: #fff;
  transition: transform 0.2s ease;
}
.table-follow-up-theme tbody tr:first-child {
  background-color: #FFF8ED;
}
.table-follow-up-theme tbody td {
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
  color: #333;
  text-align: left;
  transition: background-color 0.2s ease;
}
.table-follow-up-theme tbody tr:last-child td {
  border-bottom: none;
}
.table-follow-up-theme tbody tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}
.table-follow-up-theme tbody tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}
.table-follow-up-theme tbody td:hover {
  background-color: #FFF8ED !important;
}








.program-details-wrapper .program-details-items .details-content h1 {
  font-size: 29px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 24px;
  text-align: left;
  color: #000;
}
.program-details-wrapper .program-details-items .details-content h1 + h2 {
  margin-top: 0;
  margin-bottom: 20px;
}
.program-details-wrapper .program-details-items .details-content h2 {
  font-size: 30px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .program-details-wrapper .program-details-items .details-content h2 {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .program-details-wrapper .program-details-items .details-content h2 {
    font-size: 24px;
  }
}

/* Udhaya Akka */
/* ===== COMMON TABLE STYLE ===== */

.percentile-table,
.bmi-table,
.meal-table,
.calorie-table,
.balanced-table{
width:100%;
border-collapse:collapse;
}

.percentile-table th,
.bmi-table th,
.meal-table th,
.calorie-table th,
.balanced-table th{
background:#ea8a3a;
color:#fff;
padding:15px;
text-align:left;
}

.percentile-table td,
.bmi-table td,
.meal-table td,
.calorie-table td,
.balanced-table td{
padding:15px;
border-bottom:1px solid #eee;
}

.percentile-table tr:nth-child(even),
.bmi-table tr:nth-child(even),
.meal-table tr:nth-child(even),
.calorie-table tr:nth-child(even),
.balanced-table tr:nth-child(even){
background:#f9f2ec;
}


/* ====================================
   MOBILE RESPONSIVE TABLE
==================================== */

@media (max-width:768px){

.percentile-table thead,
.bmi-table thead,
.meal-table thead,
.calorie-table thead,
.balanced-table thead{
display:none;
}

.percentile-table,
.bmi-table,
.meal-table,
.calorie-table,
.balanced-table{
display:block;
overflow-x:auto;
}

.percentile-table tr,
.bmi-table tr,
.meal-table tr,
.calorie-table tr,
.balanced-table tr{
display:block;
margin-bottom:15px;
background:#fff;
border-radius:10px;
box-shadow:0 5px 12px rgba(0,0,0,0.08);
padding:10px;
}

.percentile-table td,
.bmi-table td,
.meal-table td,
.calorie-table td,
.balanced-table td{
display:block;
border:none;
padding:12px 12px 12px 45%;
position:relative;
text-align:left;
}

/* LABELS */

.percentile-table td::before,
.bmi-table td::before,
.meal-table td::before,
.calorie-table td::before,
.balanced-table td::before{
position:absolute;
left:12px;
top:12px;
width:40%;
font-weight:600;
color:#ea8a3a;
white-space:nowrap;
}

/* PERCENTILE TABLE */

.percentile-table td:nth-of-type(1)::before{content:"Percentile Range";}
.percentile-table td:nth-of-type(2)::before{content:"What It Means";}
.percentile-table td:nth-of-type(3)::before{content:"Is It Normal?";}
.percentile-table td:nth-of-type(4)::before{content:"When to Worry?";}

/* BMI TABLE */

.bmi-table td:nth-of-type(1)::before{content:"BMI Percentile";}
.bmi-table td:nth-of-type(2)::before{content:"Category";}
.bmi-table td:nth-of-type(3)::before{content:"Health Interpretation";}

/* MEAL TABLE */

.meal-table td:nth-of-type(1)::before{content:"Day";}
.meal-table td:nth-of-type(2)::before{content:"Breakfast";}
.meal-table td:nth-of-type(3)::before{content:"Lunch";}
.meal-table td:nth-of-type(4)::before{content:"Evening Snack";}
.meal-table td:nth-of-type(5)::before{content:"Dinner";}

/* CALORIE + BALANCED */

.calorie-table td:nth-of-type(1)::before,
.balanced-table td:nth-of-type(1)::before{content:"Time";}

.calorie-table td:nth-of-type(2)::before,
.balanced-table td:nth-of-type(2)::before{content:"Meal";}

.calorie-table td:nth-of-type(3)::before,
.balanced-table td:nth-of-type(3)::before{content:"Example Options";}

}


/* iPhone small */

@media (max-width:480px){

.percentile-table td,
.bmi-table td,
.meal-table td,
.calorie-table td,
.balanced-table td{
font-size:13px;
padding-left:50%;
}

}



/* ================= SECTION ================= */

.nutrition-section{
max-width:1100px;
margin:auto;
padding:40px 20px;
font-family:'Poppins',sans-serif;
color:#2d3e50;
}

.section-title{
font-size:32px;
font-weight:700;
margin-bottom:20px;
color:#2c3e50;
}


/* ================= CHECK LIST ================= */

.check-list{
list-style:none;
padding-left:0;
}

.check-list li{
margin-bottom:12px;
font-size:17px;
position:relative;
padding-left:28px;
}

.check-list li::before{
content:"✔";
position:absolute;
left:0;
color:#f08a3c;
font-weight:bold;
}


/* ================= TABLE WRAPPER ================= */

.table-responsive{
overflow-x:auto;
margin-top:20px;
}


/* ================= NUTRITION TABLE ================= */

.nutrition-table{
width:100%;
border-collapse:collapse;
background:#fff;
border-radius:12px;
box-shadow:0 4px 20px rgba(0,0,0,0.05);
}

.nutrition-table thead{
background:#e8893c;
color:#fff;
}

.nutrition-table th{
padding:16px;
text-align:left;
font-weight:600;
font-size:16px;
}

.nutrition-table td{
padding:16px;
border-bottom:1px solid #eee;
font-size:15px;
color:#555;
}

.nutrition-table tbody tr:nth-child(even){
background:#f7efe7;
}


/* ================= INFO BOX ================= */

.info-box{
background:#fff7ed;
border-left:5px solid #e8893c;
padding:15px;
margin-top:20px;
border-radius:8px;
font-size:15px;
}


/* ================= ICON GRID ================= */

.icon-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:20px;
}

.icon-card{
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

.icon-card h4{
margin-bottom:10px;
color:#f08a3c;
}


/* ================= CTA BOX ================= */

.cta-box{
background:#fff5eb;
padding:30px;
border-radius:14px;
margin-top:40px;
}

.cta-text{
font-weight:600;
margin-top:15px;
color:#2c3e50;
}


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

@media(max-width:992px){

.icon-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.section-title{
font-size:24px;
}

.icon-grid{
grid-template-columns:1fr;
}

.check-list li{
font-size:15px;
}

.nutrition-table{
font-size:14px;
}

}


/* ================= IPHONE FIX ================= */

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

.nutrition-section{
padding:20px 15px;
}

.nutrition-table th,
.nutrition-table td{
padding:12px;
}

}
/* FIX DROPDOWN HIDDEN BEHIND BREADCRUMB */

.header-4{
    position: relative;
    z-index: 9999;
}

.main-menu ul li{
    position: relative;
}

.main-menu ul li .submenu{
    position: absolute;
    z-index: 99999;
}

.breadcrumb-wrapper{
    position: relative;
    z-index: 1;
}
/* WRAPPER */

.health-alert-table-wrapper{
margin:40px 0;
}

.health-alert-table-box{
background:#ffffff;
padding:25px;
border-radius:14px;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
overflow-x:auto;
}


/* TABLE */

.health-alert-table{
width:100%;
border-collapse:collapse;
font-size:16px;
}


/* HEADER */

.health-alert-table thead{
background:#ea8a3a;
color:#ffffff;
}

.health-alert-table th{
padding:16px;
text-align:left;
font-weight:600;
}


/* BODY */

.health-alert-table td{
padding:16px;
border-bottom:1px solid #eee;
color:#555;
}

.health-alert-table tbody tr:nth-child(even){
background:#f9f2ec;
}


/* HOVER */

.health-alert-table tbody tr:hover{
background:#fff5ee;
transition:0.3s;
}


/* MOBILE RESPONSIVE */

@media(max-width:768px){

.health-alert-table thead{
display:none;
}

.health-alert-table,
.health-alert-table tbody,
.health-alert-table tr,
.health-alert-table td{
display:block;
width:100%;
}

.health-alert-table tr{
margin-bottom:15px;
background:#fff;
border-radius:12px;
box-shadow:0 4px 15px rgba(0,0,0,0.08);
padding:12px;
}

.health-alert-table td{
border:none;
padding:12px 12px 12px 50%;
position:relative;
}

.health-alert-table td::before{
position:absolute;
left:12px;
top:12px;
font-weight:600;
color:#ea8a3a;
width:45%;
}



}


/* SMALL PHONES */

@media(max-width:480px){

.health-alert-table td{
font-size:13px;
padding-left:55%;
}

}/* ============================= */
/* POPUP CONTACT FORM */
/* ============================= */

.contact-section.about-from-top{
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;

display:flex;
align-items:center;
justify-content:center;

background:rgba(0,0,0,0.65);

z-index:999999;
overflow:auto;
padding:40px 20px;
}


/* popup box */

.contact-section .contact-wrapper{
max-width:1000px;
width:95%;
margin:auto;

background:#4fa1d3;
border-radius:60px;

/* padding:50px 40px; */
box-shadow:0 20px 60px rgba(0,0,0,0.35);

position:relative;
}


/* prevent horizontal overflow */

.contact-section .container{
max-width:100%;
}


/* fix row alignment */

.contact-section .row{
align-items:center;
}


/* form fields */

.contact-form-items input,
.contact-form-items textarea{
width:100%;
padding:14px 16px;
border-radius:6px;
border:1px solid rgba(255,255,255,0.4);
background:transparent;
color:#fff;
}


/* textarea */

.contact-form-items textarea{
min-height:120px;
resize:none;
}


/* labels */

.form-clt span{
color:#fff;
font-size:14px;
margin-bottom:6px;
display:block;
}


/* placeholder */

.contact-form-items input::placeholder,
.contact-form-items textarea::placeholder{
color:rgba(255,255,255,0.8);
}


/* close button */

.popup-close{
position:absolute;
top:20px;
right:25px;
font-size:26px;
color:#fff;
cursor:pointer;
z-index:10;
}


/* hide header behind popup */

#header-sticky{
/*z-index:10 !important;*/
}


/* ============================= */
/* MOBILE */
/* ============================= */

@media(max-width:768px){

.contact-section .contact-wrapper{
padding:30px 20px;
}

.contact-section .row{
flex-direction:column;
}

.contact-image{
margin-top:20px;
}

}/* ============================= */
/* SECTION BACKGROUND */
/* ============================= */
.clases-section {
    background: linear-gradient(180deg, #f25334, #f25334);
    position: relative;
    overflow: visible;
}

/* Title contrast */
.clases-section .section-title span,
.clases-section .section-title h2 {
    color: #ffffff;
}

/* ============================= */
/* DECOR (WAVES CONTRAST) */
/* ============================= */
/* .clases-shape .wave {
   background-color: pink;
} */

/* ============================= */
/* SLIDER FIX */
/* ============================= */
.clases-slider {
    padding: 60px 0;
}

.swiper-slide {
    display: flex;
    justify-content: center;
}

.clases-items {
    width: 100%;
    max-width: 400px;
}

/* ============================= */
/* CARD (GLASS STYLE) */
/* ============================= */
.blog-style {
    /* background: rgba(255, 255, 255, 0.15); */
    backdrop-filter: blur(12px);
    border-radius: 25px;
    padding: 40px 25px;
    text-align: center;
    transition: all 0.4s ease;
    position: relative;
    
}

/* Hover */
.blog-style:hover {
    transform: translateY(-12px) scale(1.04);
    box-shadow: 0 25px 50px rgba(0,0,0,0.2);
    background: rgba(0, 0, 0, 0.2);
    
}
.blog-style:hover .hello{
  color:white !important;
}
/* ============================= */
/* IMAGE (300x300 PERFECT CIRCLE) */
/* ============================= */
.blog-style .clases-image {
    width: 300px;
    height: 300px;
    margin: 0 auto 25px;
    border-radius: 50%;
    overflow: hidden;
    border: 8px solid #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

/* Image fit */
.blog-style .clases-image img {
    width: 120%;
    height: 120%;
    object-fit: cover;
    object-position: 50% 30%;
    transition: transform 0.4s ease;
}

/* Hover zoom */
.blog-style:hover .clases-image img {
    transform: scale(1.1);
}

/* ============================= */
/* TEXT */
/* ============================= */
.blog-style h4 {
    font-size: 18px;
    line-height: 1.1;
    color: white;
    margin-bottom: 12px;
     min-height: 60px;
}

/* ============================= */
/* BUTTON */
/* ============================= */
/* BUTTON STYLE */
.blog-style .kids-blog-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 12px 24px;
    border-radius: 30px;

    background: #ffffff;
    color: #ff4d6d;

    font-size: 14px;
    font-weight: 600;

    transition: all 0.3s ease;
    gap: 8px;
    position: relative;
    z-index: 5;
}

/* ICON */
.blog-style .kids-blog-btn i {
    transition: transform 0.3s ease;
}

/* HOVER */
.blog-style .kids-blog-btn:hover {
    background: #ff4d6d;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(255, 77, 109, 0.3);
}

/* ICON MOVE ON HOVER */
.blog-style .kids-blog-btn:hover i {
    transform: translateX(5px);
}

/* ============================= */
/* SOFT GLOW EFFECT */
/* ============================= */
.blog-style::before {
    content: "";
    position: absolute;
    pointer-events: none;
    width: 200%;
    height: 200%;
    display: none;
    top: -50%;
    left: -50%;
    opacity: 0;
    transition: 0.4s;
}

.blog-style:hover::before {
    opacity: 1;
}

/* ============================= */
/* OPTIONAL FLOAT ANIMATION */
/* ============================= */
.blog-style {
    animation: floatCard 4s ease-in-out infinite;
}
.blog-style {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
       
}
.blog-style h4,
.blog-style .kids-blog-btn {
    position: relative;
    z-index: 2;
}

@keyframes floatCard {
    0% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
    100% { transform: translateY(0); }
}
.hello{
  color:white;
}
.kids-cloud {
    position: absolute;
    width: 120px;
    height: 60px;
    background: #ffffff;
    border-radius: 50px;
    opacity: 0.4;
    z-index: 0;
}

/* extra bumps */
.kids-cloud::before,
.kids-cloud::after {
    content: "";
    position: absolute;
    background: #ffffff;
    border-radius: 50%;
}

.kids-cloud::before {
    width: 60px;
    height: 60px;
    top: -20px;
    left: 10px;
}

.kids-cloud::after {
    width: 80px;
    height: 80px;
    top: -30px;
    right: 10px;
}

/* positions */
.cloud-1 {
    top: 80px;
    left: 5%;
    animation: cloudMove 30s linear infinite;
}

.cloud-2 {
    top: 200px;
    right: 5%;
    animation: cloudMoveReverse 35s linear infinite;
}

/* movement */
@keyframes cloudMove {
    0% { transform: translateX(0); }
    100% { transform: translateX(200px); }
}

@keyframes cloudMoveReverse {
    0% { transform: translateX(0); }
    100% { transform: translateX(-200px); }
}
.kids-balloon {
    position: absolute;
    width: 40px;
    height: 55px;
    background: #ffd93d;
    border-radius: 50% 50% 45% 45%;
    z-index: 0;
}

/* string */
.kids-balloon::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 40px;
    background: #ffffff;
    top: 55px;
    left: 50%;
    transform: translateX(-50%);
}

/* positions */
.balloon-1 {
    bottom: 60px;
    left: 10%;
    animation: balloonFloat 6s ease-in-out infinite;
}

.balloon-2 {
    bottom: 80px;
    right: 12%;
    animation: balloonFloat 8s ease-in-out infinite;
}

/* floating */
@keyframes balloonFloat {
    0% { transform: translateY(0); }
    50% { transform: translateY(-25px); }
    100% { transform: translateY(0); }
}
.clases-shape .wave {
    position: relative;
}

.clases-shape .wave::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #e16a87; /* your pink */
    mix-blend-mode: color;
}
.clases-image img{
  width:220px !important;
  height: 220px !important;
  object-fit: cover;
  border-radius: 50%;
  position: relative;
  right: -70px;
}
/* ============================= */
/* FORCE EQUAL CARD HEIGHT */
/* ============================= */

.clases-items {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* ============================= */
/* FIX TITLE HEIGHT */
/* ============================= */

.clases-content h4 {
    font-size: 18px;
    line-height: 1.4;

    display: -webkit-box;
    -webkit-line-clamp: 2;   /* LIMIT TO 2 LINES */
    -webkit-box-orient: vertical;
    overflow: hidden;

    min-height: 50px;  /* SAME HEIGHT FOR ALL */
}

/* ============================= */
/* BUTTON ALIGN FIX */
/* ============================= */

.clases-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
/* ============================= */
/* BLOG BUTTON STYLE */
/* ============================= */

.kids-blog-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--theme);
    color: #fff !important;

    padding: 10px 20px;
    border-radius: 30px;
    text-align: center !important;
    font-size: 14px;
    font-weight: 600;

    transition: all 0.3s ease;
}

/* ICON */
.kids-blog-btn i {
    font-size: 13px;
    transition: transform 0.3s ease;
}

/* HOVER */
.kids-blog-btn:hover {
    background: var(--header);
    transform: translateY(-2px);
}

/* ICON MOVE EFFECT */
.kids-blog-btn:hover i {
    transform: translateX(4px);
}
/* ============================= */
/* FLOATING ANIMATION */
/* ============================= */

@keyframes floatY {
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(-18px); }
    100% { transform: translateY(0px); }
} 

/* apply to cards */
.clases-items {
    animation: floatY 4s ease-in-out infinite;
}
/* different delays for each card */

.swiper-slide:nth-child(1) .clases-items {
    animation-delay: 0s;
}

.swiper-slide:nth-child(2) .clases-items {
    animation-delay: 0.5s;
}

.swiper-slide:nth-child(3) .clases-items {
    animation-delay: 1s;
}

.swiper-slide:nth-child(4) .clases-items {
    animation-delay: 1.5s;
}
/* ============================= */
/* SIDEBAR CONTAINER */
/* ============================= */

.details-list-area.sidebar-area {
    padding: 20px 20px;   /* reduce from big padding */
    border-radius: 12px;
}

/* ============================= */
/* TITLE */
/* ============================= */

.details-list-area h3 {
    font-size: 18px;
    margin-bottom: 15px;  /* reduce gap */
}

/* ============================= */
/* LIST ITEMS */
/* ============================= */

.details-list li {
    margin-bottom: 8px;   /* reduce vertical gap */
}

/* ============================= */
/* LINK STYLE */
/* ============================= */

.details-list li span {
    display: flex;
    align-items: center;
    gap: 6px;             /* tighter icon-text spacing */
}

/* ============================= */
/* TEXT */
/* ============================= */

.details-list li a {
    font-size: 18px;
    line-height: 1.3;
        color: #000;
}

/* ============================= */
/* ICON */
/* ============================= */

.details-list li i {
    font-size: 12px;
}

.testi-mar-top{
    margin-top: -195px;
}
.ab-top-mar{
  margin-top: -147px;
}


/* remove template shape */
/* remove template background */
.testimonial-bg{
display:none !important;
}

/* cloud card */
.testimonial-items{
position:relative;
width:630px;
height:450px;
margin:auto;

background:url("../img/cloud-shape.png") no-repeat center;
background-size:contain;
 background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* center text inside cloud */
.testimonial-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);

width:250px;
text-align:center;
}

/* paragraph */
/* testimonial text */
.testimonial-content p{
    color:#ffffff;
    font-size:15px;        /* smaller text */
    line-height:1.4;       /* tighter spacing */
    margin-bottom:0px;
}

/* author name */
.testimonial-content h6{
    color:#ffffff;
    font-size:14px;        /* slightly smaller */
    font-weight:600;
}

/* swiper slide alignment */
.swiper-slide{
display:flex;
justify-content:center;
align-items:center;
 background: transparent !important;
}
.testimonial-items{
transition:transform .35s ease, filter .35s ease;
}

.testimonial-items:hover{
transform:translateY(-18px) scale(1.05);
filter:brightness(1.1);

}

/*.style-1{*/
/*filter:hue-rotate(180deg) saturate(1.2);*/
/*}*/

/*.style-2{*/
/*filter:hue-rotate(320deg) saturate(1.2);*/
/*}*/

/*.style-3{*/
/*filter:hue-rotate(40deg) saturate(1.1);*/
/*}*/
/* REMOVE TRIANGLE POINTER FROM TEMPLATE */
.testimonial-items::before,
.testimonial-items::after{
    display:none !important;
    content:none !important;
    box-shadow: none !important;
}

/* some templates attach it to testimonial-bg */
.testimonial-bg::before,
.testimonial-bg::after{
    display:none !important;
    content:none !important;
    box-shadow: none !important;
  }

/* fallback if template attaches it to slide */
.swiper-slide::before,
.swiper-slide::after{
    display:none !important;
    content:none !important;
}
/* floating animation */
@keyframes cloudFloat {
    0%{
        transform:translateY(-12px);
    }
    50%{
        transform:translateY(18px);
    }
    100%{
        transform:translateY(0px);
    }
}

/* apply animation to cloud */
.testimonial-items{
    animation:cloudFloat 4s ease-in-out infinite;
}
/* remove the white card box */
/* remove template card background */
.testimonial-items{
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* hide template bubble background */
.testimonial-bg{
    display:none !important;
}

/* remove triangle pointer */
.testimonial-items::before,
.testimonial-items::after{
    display:none !important;
}

.testimonial-slider .swiper-slide{
    background: transparent !important;
    box-shadow: none !important;
}

/* Nandha Kumar */

/* Table follow-up theme - orange header, alternating rows, hover zoom */
.table-follow-up-wrapper {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.table-follow-up-theme {
  margin-bottom: 0;
  border-collapse: separate;
  border-spacing: 0;
  border: none;
}
.table-follow-up-theme thead th {
  background-color: #F7941D;
  color: #fff;
  font-weight: 700;
  text-align: left;
  padding: 16px 20px;
  border: none;
  font-size: 16px;
}
.table-follow-up-theme thead th:first-child {
  border-radius: 10px 0 0 0;
}
.table-follow-up-theme thead th:last-child {
  border-radius: 0 10px 0 0;
}
.table-follow-up-theme tbody tr {
  background-color: #fff;
  transition: transform 0.2s ease;
}
.table-follow-up-theme tbody tr:first-child {
  background-color: #FFF8ED;
}
.table-follow-up-theme tbody td {
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
  color: #333;
  text-align: left;
  transition: background-color 0.2s ease;
}
.table-follow-up-theme tbody tr:last-child td {
  border-bottom: none;
}
.table-follow-up-theme tbody tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}
.table-follow-up-theme tbody tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}
.table-follow-up-theme tbody td:hover {
  background-color: #FFF8ED !important;
}








.program-details-wrapper .program-details-items .details-content h1 {
  font-size: 29px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 24px;
  text-align: left;
  color: #000;
}
.program-details-wrapper .program-details-items .details-content h1 + h2 {
  margin-top: 0;
  margin-bottom: 20px;
}
.program-details-wrapper .program-details-items .details-content h2 {
  font-size: 30px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .program-details-wrapper .program-details-items .details-content h2 {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .program-details-wrapper .program-details-items .details-content h2 {
    font-size: 24px;
  }
}

/* Udhaya Akka */
/* ===== COMMON TABLE STYLE ===== */

.percentile-table,
.bmi-table,
.meal-table,
.calorie-table,
.balanced-table{
width:100%;
border-collapse:collapse;
}

.percentile-table th,
.bmi-table th,
.meal-table th,
.calorie-table th,
.balanced-table th{
background:#ea8a3a;
color:#fff;
padding:15px;
text-align:left;
}

.percentile-table td,
.bmi-table td,
.meal-table td,
.calorie-table td,
.balanced-table td{
padding:15px;
border-bottom:1px solid #eee;
}

.percentile-table tr:nth-child(even),
.bmi-table tr:nth-child(even),
.meal-table tr:nth-child(even),
.calorie-table tr:nth-child(even),
.balanced-table tr:nth-child(even){
background:#f9f2ec;
}


/* ====================================
   MOBILE RESPONSIVE TABLE
==================================== */

@media (max-width:768px){

.percentile-table thead,
.bmi-table thead,
.meal-table thead,
.calorie-table thead,
.balanced-table thead{
display:none;
}

.percentile-table,
.bmi-table,
.meal-table,
.calorie-table,
.balanced-table{
display:block;
overflow-x:auto;
}

.percentile-table tr,
.bmi-table tr,
.meal-table tr,
.calorie-table tr,
.balanced-table tr{
display:block;
margin-bottom:15px;
background:#fff;
border-radius:10px;
box-shadow:0 5px 12px rgba(0,0,0,0.08);
padding:10px;
}

.percentile-table td,
.bmi-table td,
.meal-table td,
.calorie-table td,
.balanced-table td{
display:block;
border:none;
padding:12px 12px 12px 45%;
position:relative;
text-align:left;
}

/* LABELS */

.percentile-table td::before,
.bmi-table td::before,
.meal-table td::before,
.calorie-table td::before,
.balanced-table td::before{
position:absolute;
left:12px;
top:12px;
width:40%;
font-weight:600;
color:#ea8a3a;
white-space:nowrap;
}

/* PERCENTILE TABLE */

.percentile-table td:nth-of-type(1)::before{content:"Percentile Range";}
.percentile-table td:nth-of-type(2)::before{content:"What It Means";}
.percentile-table td:nth-of-type(3)::before{content:"Is It Normal?";}
.percentile-table td:nth-of-type(4)::before{content:"When to Worry?";}

/* BMI TABLE */

.bmi-table td:nth-of-type(1)::before{content:"BMI Percentile";}
.bmi-table td:nth-of-type(2)::before{content:"Category";}
.bmi-table td:nth-of-type(3)::before{content:"Health Interpretation";}

/* MEAL TABLE */

.meal-table td:nth-of-type(1)::before{content:"Day";}
.meal-table td:nth-of-type(2)::before{content:"Breakfast";}
.meal-table td:nth-of-type(3)::before{content:"Lunch";}
.meal-table td:nth-of-type(4)::before{content:"Evening Snack";}
.meal-table td:nth-of-type(5)::before{content:"Dinner";}

/* CALORIE + BALANCED */

.calorie-table td:nth-of-type(1)::before,
.balanced-table td:nth-of-type(1)::before{content:"Time";}

.calorie-table td:nth-of-type(2)::before,
.balanced-table td:nth-of-type(2)::before{content:"Meal";}

.calorie-table td:nth-of-type(3)::before,
.balanced-table td:nth-of-type(3)::before{content:"Example Options";}

}


/* iPhone small */

@media (max-width:480px){

.percentile-table td,
.bmi-table td,
.meal-table td,
.calorie-table td,
.balanced-table td{
font-size:13px;
padding-left:50%;
}

}



/* ================= SECTION ================= */

.nutrition-section{
max-width:1100px;
margin:auto;
padding:40px 20px;
font-family:'Poppins',sans-serif;
color:#2d3e50;
}

.section-title{
font-size:32px;
font-weight:700;
margin-bottom:20px;
color:#2c3e50;
}


/* ================= CHECK LIST ================= */

.check-list{
list-style:none;
padding-left:0;
}

.check-list li{
margin-bottom:12px;
font-size:17px;
position:relative;
padding-left:28px;
}

.check-list li::before{
content:"✔";
position:absolute;
left:0;
color:#f08a3c;
font-weight:bold;
}


/* ================= TABLE WRAPPER ================= */

.table-responsive{
overflow-x:auto;
margin-top:20px;
}


/* ================= NUTRITION TABLE ================= */

.nutrition-table{
width:100%;
border-collapse:collapse;
background:#fff;
border-radius:12px;
box-shadow:0 4px 20px rgba(0,0,0,0.05);
}

.nutrition-table thead{
background:#e8893c;
color:#fff;
}

.nutrition-table th{
padding:16px;
text-align:left;
font-weight:600;
font-size:16px;
}

.nutrition-table td{
padding:16px;
border-bottom:1px solid #eee;
font-size:15px;
color:#555;
}

.nutrition-table tbody tr:nth-child(even){
background:#f7efe7;
}


/* ================= INFO BOX ================= */

.info-box{
background:#fff7ed;
border-left:5px solid #e8893c;
padding:15px;
margin-top:20px;
border-radius:8px;
font-size:15px;
}


/* ================= ICON GRID ================= */

.icon-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:20px;
}

.icon-card{
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

.icon-card h4{
margin-bottom:10px;
color:#f08a3c;
}


/* ================= CTA BOX ================= */

.cta-box{
background:#fff5eb;
padding:30px;
border-radius:14px;
margin-top:40px;
margin-bottom: 32px;
}

.cta-text{
font-weight:600;
margin-top:15px;
color:#2c3e50;
}


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

@media(max-width:992px){

.icon-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.section-title{
font-size:24px;
}

.icon-grid{
grid-template-columns:1fr;
}

.check-list li{
font-size:15px;
}

.nutrition-table{
font-size:14px;
}

}


/* ================= IPHONE FIX ================= */

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

.nutrition-section{
padding:20px 15px;
}

.nutrition-table th,
.nutrition-table td{
padding:12px;
}

}
/* FIX DROPDOWN HIDDEN BEHIND BREADCRUMB */

.header-4{
    position: relative;
    z-index: 9999;
}

.main-menu ul li{
    position: relative;
}

.main-menu ul li .submenu{
    position: absolute;
    z-index: 99999;
}

.breadcrumb-wrapper{
    position: relative;
    z-index: 1;
}
/* WRAPPER */

.health-alert-table-wrapper{
margin:40px 0;
}

.health-alert-table-box{
background:#ffffff;
padding:25px;
border-radius:14px;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
overflow-x:auto;
}


/* TABLE */

.health-alert-table{
width:100%;
border-collapse:collapse;
font-size:16px;
}


/* HEADER */

.health-alert-table thead{
background:#ea8a3a;
color:#ffffff;
}

.health-alert-table th{
padding:16px;
text-align:left;
font-weight:600;
}


/* BODY */

.health-alert-table td{
padding:16px;
border-bottom:1px solid #eee;
color:#555;
}

.health-alert-table tbody tr:nth-child(even){
background:#f9f2ec;
}


/* HOVER */

.health-alert-table tbody tr:hover{
background:#fff5ee;
transition:0.3s;
}


/* MOBILE RESPONSIVE */

@media(max-width:768px){

.health-alert-table thead{
display:none;
}

.health-alert-table,
.health-alert-table tbody,
.health-alert-table tr,
.health-alert-table td{
display:block;
width:100%;
}

.health-alert-table tr{
margin-bottom:15px;
background:#fff;
border-radius:12px;
box-shadow:0 4px 15px rgba(0,0,0,0.08);
padding:12px;
}

.health-alert-table td{
border:none;
padding:12px 12px 12px 50%;
position:relative;
}

.health-alert-table td::before{
position:absolute;
left:12px;
top:12px;
font-weight:600;
color:#ea8a3a;
width:45%;
}


}


/* SMALL PHONES */

@media(max-width:480px){

.health-alert-table td{
font-size:13px;
padding-left:55%;
}

}/* ============================= */
/* POPUP CONTACT FORM */
/* ============================= */

.contact-section.about-from-top{
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;

display:flex;
align-items:center;
justify-content:center;

background:rgba(0,0,0,0.65);

z-index:999999;
overflow:auto;
padding:40px 20px;
}


/* popup box */

.contact-section .contact-wrapper{
max-width:1000px;
width:95%;
margin:auto;

background:#4fa1d3;
border-radius:60px;

/* padding:50px 40px; */
box-shadow:0 20px 60px rgba(0,0,0,0.35);

position:relative;
}


/* prevent horizontal overflow */

.contact-section .container{
max-width:100%;
}


/* fix row alignment */

.contact-section .row{
align-items:center;
}


/* form fields */

.contact-form-items input,
.contact-form-items textarea{
width:100%;
padding:14px 16px;
border-radius:6px;
border:1px solid rgba(255,255,255,0.4);
background:transparent;
color:#fff;
}


/* textarea */

.contact-form-items textarea{
min-height:120px;
resize:none;
}


/* labels */

.form-clt span{
color:#fff;
font-size:14px;
margin-bottom:6px;
display:block;
}


/* placeholder */

.contact-form-items input::placeholder,
.contact-form-items textarea::placeholder{
color:rgba(255,255,255,0.8);
}


/* close button */

.popup-close{
position:absolute;
top:20px;
right:25px;
font-size:26px;
color:#fff;
cursor:pointer;
z-index:10;
}


/* hide header behind popup */

#header-sticky{
/*z-index:10 !important;*/
}


/* ============================= */
/* MOBILE */
/* ============================= */

@media(max-width:768px){

.contact-section .contact-wrapper{
padding:30px 20px;
}

.contact-section .row{
flex-direction:column;
}

.contact-image{
margin-top:20px;
}

}/* ============================= */
/* SECTION BACKGROUND */
/* ============================= */
/*.clases-section {*/
/*    background: linear-gradient(180deg, #ff9bb3, #ff6f91);*/
/*    position: relative;*/
/*    overflow: visible;*/
/*}*/

/* Title contrast */
.clases-section .section-title span,
.clases-section .section-title h2 {
    color: #ffffff;
}

/* ============================= */
/* DECOR (WAVES CONTRAST) */
/* ============================= */
/* .clases-shape .wave {
   background-color: pink;
} */

/* ============================= */
/* SLIDER FIX */
/* ============================= */
.clases-slider {
    padding: 60px 0;
}

.swiper-slide {
    display: flex;
    justify-content: center;
}

.clases-items {
    width: 100%;
    max-width: 400px;
}

/* ============================= */
/* CARD (GLASS STYLE) */
/* ============================= */
.blog-style {
    /* background: rgba(255, 255, 255, 0.15); */
    backdrop-filter: blur(12px);
    border-radius: 25px;
    padding: 40px 25px;
    text-align: center;
    transition: all 0.4s ease;
    position: relative;
    
}

/* Hover */
.blog-style:hover {
    transform: translateY(-12px) scale(1.04);
    box-shadow: 0 25px 50px rgba(0,0,0,0.2);
    background: rgba(0, 0, 0, 0.2);
    
}
.blog-style:hover .hello{
  color:white !important;
}
/* ============================= */
/* IMAGE (300x300 PERFECT CIRCLE) */
/* ============================= */
.blog-style .clases-image {
    width: 300px;
    height: 300px;
    margin: 0 auto 25px;
    border-radius: 50%;
    overflow: hidden;
    border: 8px solid #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

/* Image fit */
.blog-style .clases-image img {
    width: 120%;
    height: 120%;
    object-fit: cover;
    object-position: 50% 30%;
    transition: transform 0.4s ease;
}

/* Hover zoom */
.blog-style:hover .clases-image img {
    transform: scale(1.1);
}

/* ============================= */
/* TEXT */
/* ============================= */
.blog-style h4 {
    font-size: 18px;
    line-height: 1.1;
    color: white;
    margin-bottom: 12px;
     min-height: 60px;
}

/* ============================= */
/* BUTTON */
/* ============================= */
/* BUTTON STYLE */
.blog-style .kids-blog-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 12px 24px;
    border-radius: 30px;

    background: #ffffff;
    color: #ff4d6d;

    font-size: 14px;
    font-weight: 600;

    transition: all 0.3s ease;
    gap: 8px;
    position: relative;
    z-index: 5;
}

/* ICON */
.blog-style .kids-blog-btn i {
    transition: transform 0.3s ease;
}

/* HOVER */
.blog-style .kids-blog-btn:hover {
    background: #ff4d6d;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(255, 77, 109, 0.3);
}

/* ICON MOVE ON HOVER */
.blog-style .kids-blog-btn:hover i {
    transform: translateX(5px);
}

/* ============================= */
/* SOFT GLOW EFFECT */
/* ============================= */
.blog-style::before {
    content: "";
    position: absolute;
    pointer-events: none;
    width: 200%;
    height: 200%;
    display: none;
    top: -50%;
    left: -50%;
    opacity: 0;
    transition: 0.4s;
}

.blog-style:hover::before {
    opacity: 1;
}

/* ============================= */
/* OPTIONAL FLOAT ANIMATION */
/* ============================= */
.blog-style {
    animation: floatCard 4s ease-in-out infinite;
}
.blog-style {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
       
}
.blog-style h4,
.blog-style .kids-blog-btn {
    position: relative;
    z-index: 2;
}

@keyframes floatCard {
    0% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
    100% { transform: translateY(0); }
}
.hello{
  color:white;
}
.kids-cloud {
    position: absolute;
    width: 120px;
    height: 60px;
    background: #ffffff;
    border-radius: 50px;
    opacity: 0.4;
    z-index: 0;
}

/* extra bumps */
.kids-cloud::before,
.kids-cloud::after {
    content: "";
    position: absolute;
    background: #ffffff;
    border-radius: 50%;
}

.kids-cloud::before {
    width: 60px;
    height: 60px;
    top: -20px;
    left: 10px;
}

.kids-cloud::after {
    width: 80px;
    height: 80px;
    top: -30px;
    right: 10px;
}

/* positions */
.cloud-1 {
    top: 80px;
    left: 5%;
    animation: cloudMove 30s linear infinite;
}

.cloud-2 {
    top: 200px;
    right: 5%;
    animation: cloudMoveReverse 35s linear infinite;
}

/* movement */
@keyframes cloudMove {
    0% { transform: translateX(0); }
    100% { transform: translateX(200px); }
}

@keyframes cloudMoveReverse {
    0% { transform: translateX(0); }
    100% { transform: translateX(-200px); }
}
.kids-balloon {
    position: absolute;
    width: 40px;
    height: 55px;
    background: #ffd93d;
    border-radius: 50% 50% 45% 45%;
    z-index: 0;
}

/* string */
.kids-balloon::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 40px;
    background: #ffffff;
    top: 55px;
    left: 50%;
    transform: translateX(-50%);
}

/* positions */
.balloon-1 {
    bottom: 60px;
    left: 10%;
    animation: balloonFloat 6s ease-in-out infinite;
}

.balloon-2 {
    bottom: 80px;
    right: 12%;
    animation: balloonFloat 8s ease-in-out infinite;
}

/* floating */
@keyframes balloonFloat {
    0% { transform: translateY(0); }
    50% { transform: translateY(-25px); }
    100% { transform: translateY(0); }
}
.clases-shape .wave {
    position: relative;
}

.clases-shape .wave::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #e16a87; /* your pink */
    mix-blend-mode: color;
}
.clases-image img{
  width:220px !important;
  height: 220px !important;
  object-fit: cover;
  border-radius: 50%;
  position: relative;
  right: -70px;
}
/* ============================= */
/* FORCE EQUAL CARD HEIGHT */
/* ============================= */

.clases-items {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* ============================= */
/* FIX TITLE HEIGHT */
/* ============================= */

.clases-content h4 {
    font-size: 18px;
    line-height: 1.4;

    display: -webkit-box;
    -webkit-line-clamp: 2;   /* LIMIT TO 2 LINES */
    -webkit-box-orient: vertical;
    overflow: hidden;

    min-height: 50px;  /* SAME HEIGHT FOR ALL */
}

/* ============================= */
/* BUTTON ALIGN FIX */
/* ============================= */

.clases-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
/* ============================= */
/* BLOG BUTTON STYLE */
/* ============================= */

.kids-blog-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--theme);
    color: #fff !important;

    padding: 10px 20px;
    border-radius: 30px;
    text-align: center !important;
    font-size: 14px;
    font-weight: 600;

    transition: all 0.3s ease;
}

/* ICON */
.kids-blog-btn i {
    font-size: 13px;
    transition: transform 0.3s ease;
}

/* HOVER */
.kids-blog-btn:hover {
    background: var(--header);
    transform: translateY(-2px);
}

/* ICON MOVE EFFECT */
.kids-blog-btn:hover i {
    transform: translateX(4px);
}
/* ============================= */
/* FLOATING ANIMATION */
/* ============================= */

@keyframes floatY {
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(-18px); }
    100% { transform: translateY(0px); }
} 

/* apply to cards */
.clases-items {
    animation: floatY 4s ease-in-out infinite;
}
/* different delays for each card */

.swiper-slide:nth-child(1) .clases-items {
    animation-delay: 0s;
}

.swiper-slide:nth-child(2) .clases-items {
    animation-delay: 0.5s;
}

.swiper-slide:nth-child(3) .clases-items {
    animation-delay: 1s;
}

.swiper-slide:nth-child(4) .clases-items {
    animation-delay: 1.5s;
}
/* ============================= */
/* SIDEBAR CONTAINER */
/* ============================= */

.details-list-area.sidebar-area {
    padding: 20px 20px;   /* reduce from big padding */
    border-radius: 12px;
}

/* ============================= */
/* TITLE */
/* ============================= */

.details-list-area h3 {
    font-size: 18px;
    margin-bottom: 15px;  /* reduce gap */
}

/* ============================= */
/* LIST ITEMS */
/* ============================= */

.details-list li {
    margin-bottom: 8px;   /* reduce vertical gap */
}

/* ============================= */
/* LINK STYLE */
/* ============================= */

.details-list li span {
    display: flex;
    align-items: center;
    gap: 6px;             /* tighter icon-text spacing */
}

/* ============================= */
/* TEXT */
/* ============================= */

.details-list li a {
    font-size: 18px;
    line-height: 1.3;
    color: #000;
}

/* ============================= */
/* ICON */
/* ============================= */

.details-list li i {
    font-size: 12px;
}

.para{
  text-align: center;
}
.list{
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600px !important;
  font-family: 'Quicksand', sans-serif;
  color:var(--header);
}
#box{
  height: 400px;
}
/* Equal height columns */
/* Fix card height */
#equal-cards > [class*="col-"] {
    display: flex;
}

/* Make card full height */
#equal-cards .event-box-items {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* THIS is the missing piece */
#equal-cards .event-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Push button to bottom */
#equal-cards .theme-btn {
    margin-top: auto;
}
#equal-cards .event-content p {
    min-height: 140px;
}
/* ===============================
   Hover Effects for Mission/Vision/Values Cards
================================ */

/* Card base */
.event-box-items {
    transition: all 0.35s ease;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid transparent;
}

/* Hover card lift + shadow + border */
.event-box-items:hover {
    transform: translateY(-10px);
    box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(242, 97, 134, 0.3);
}

/* Image zoom */
.event-image img {
    transition: transform 0.4s ease;
}

.event-box-items:hover .event-image img {
    transform: scale(1.02);
    border-radius: 10px;
}

/* Title highlight */
.event-box-items:hover h3 {
    color: var(--theme);
}

/* Button hover change */
.event-box-items:hover .theme-btn {
    background-color: var(--header);
}
/* ===============================
   Icon Hover Effects (Counter Section)
================================ */

/* Base */
.counter-items .icon {
    transition: all 0.3s ease;
    display: inline-block;
}

/* Icon image smooth */
.counter-items .icon img {
    transition: all 0.3s ease;
}

/* Hover effect */
.counter-items:hover .icon {
    transform: translateY(-8px) scale(1.05);
}

/* Slight rotate + zoom */
.counter-items:hover .icon img {
    transform: rotate(5deg) scale(1.1);
}

/* Optional glow (makes it premium) */
.counter-items:hover .icon {
    filter: drop-shadow(0px 8px 15px rgba(0, 0, 0, 0.15));
}
@media (max-width: 767px) {
#summer-camp{
  position: relative !important;
  bottom: -50px !important;
}
}

.mar-te-t{
  margin-top: 201px;
}

.wh-p{
    color: #fff !important
}

.ab-bu-img{
   height: 400px;
    width: 400px;
    -webkit-border-radius: 51% 49% 77% 23% / 65% 50% 50% 35%;
    -moz-border-radius: 51% 49% 77% 23% / 65% 50% 50% 35%;
    border-radius: 51% 49% 77% 23% / 65% 50% 50% 35%;
    -webkit-animation: img-border 5s linear infinite alternate;
    -moz-animation: img-border 5s linear infinite alternate;
    -o-animation: img-border 5s linear infinite alternate;
    animation: img-border 5s linear infinite alternate;
    transition: all 0.3s ease-out 0s;
    animation-name: morph;
    border: 10px solid #ffaa23;
    object-fit: cover;
}
.cont-clor{
    background-color: #000080;
    padding: 45px 55px 45px 45px;
    border-radius: 50px;
}
.dr-fon-w1{
    color: #fff;
    font-size: 32px;
}
/*.back-inm{*/
/*   background-image: url(../img/revathi-child-clinic/trtbg.png);*/
   
/*}*/
.ab-fon-ho{
    font-size: 21px;
}
.why-se-to{
margin-top: -392px;
}


/* ============================================================
   MOBILE FIX CSS
   Paste this entire block at the VERY BOTTOM of main.css
   ============================================================ */
 
 
/* ── 1. ROOT FIX: html must also hide horizontal overflow ── */
html {
  overflow-x: hidden;
  max-width: 100%;
}
 
body {
  overflow-x: hidden;
  max-width: 100%;
}
 
* {
  box-sizing: border-box;
}
 
 
/* ── 2. BUTTERFLY FIX (Main Culprit!) ──
   .buter-fly has margin-left: -83px which pushes it
   outside the page. .clases-section has no overflow:hidden.
   Fix both. ── */
 
.clases-section {
  overflow: hidden;
}
 
@media (max-width: 991px) {
  .buter-fly {
    display: none; /* hide on tablet/mobile — no room */
  }
}
 
 
/* ── 3. WAVE FIX: wave is 200% wide, must stay clipped ── */
 
.ocean {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
 
.hero-section {
  overflow: hidden;
}
 
 
/* ── 4. BOOKING SECTION pseudo-element fix ── */
 
.booking-section {
  overflow: hidden;
}
 
 
/* ── 5. GENERAL MOBILE SAFETY NET ── */
 
@media (max-width: 767px) {
 
  img {
    max-width: 100%;
    height: auto;
  }
 
  /* Hero bee-shape has no display:none on mobile — hide it */
  .hero-4 .bee-shape {
    display: none;
  }
 
  /* Header-2 inner padding can push content — reduce on small screens */
  .header-2 .header-main {
    padding: 15px 15px;
  }
 
  /* Prevent any section from leaking */
  .section {
    /*overflow-x: hidden;*/
    max-width: 100%;
  }
 
}
 
@media (max-width: 480px) {
 
  /* Extra small phones */
  .header-2 .header-main {
    padding: 12px 10px;
  }
 
}



    /* ===== HERO BACKGROUND COLOR ===== */
.hero-section {
    position: relative;
    /*overflow: hidden;*/
    background: linear-gradient(to bottom, #800080 0%, #FFA500 100%);
}

/* ===== OCEAN ===== */
.ocean {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 120px;
    overflow: hidden;
    z-index: 2;
}

/* ===== WAVE DESIGN (MATCH COLOR) ===== */
.wave {
    position: absolute;
    width: 200%;
    height: 120px;
    /*background: rgba(116, 170, 219, 0.6);*/
    border-radius: 43%;
    animation: waveMove 10s linear infinite;
}

/* SECOND WAVE */
.wave:nth-child(2) {
    bottom: 10px;
    opacity: 0.4;
    animation: waveMoveReverse 14s linear infinite;
}

/* ===== ANIMATION ===== */
@keyframes waveMove {
    0% { transform: translateX(0) translateY(0); }
    50% { transform: translateX(-25%) translateY(10px); }
    100% { transform: translateX(-50%) translateY(0); }
}

@keyframes waveMoveReverse {
    0% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-25%) translateY(-10px); }
    100% { transform: translateX(0) translateY(0); }
}

/* ===== FLOATING ===== */
.float-bob-x {
    animation: floatX 4s ease-in-out infinite;
}

.float-bob-y {
    animation: floatY 5s ease-in-out infinite;
}

@keyframes floatX {
    0%,100% { transform: translateX(0); }
    50% { transform: translateX(20px); }
}

@keyframes floatY {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(20px); }
}

/* ===== MOBILE ===== */
@media (max-width: 767px) {

    .ocean {
        height: 70px;
    }

    .wave {
        height: 70px;
    }

}

/* Wrapper */
.bubble-wrapper {
    position: relative;
    display: inline-block;
}

/* MAIN BLOB */
.bubble-shape {
    width: 420px;
    height: 420px;
    border-radius: 50% 40% 60% 40% / 60% 40% 60% 40%;
    overflow: hidden;
    position: relative;
    animation: morph 8s ease-in-out infinite;
    transition: transform 0.5s ease;
}

/* IMAGE */
.bubble-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* 🔥 HOVER ZOOM EFFECT */
.bubble-wrapper:hover .bubble-shape img {
    transform: scale(1.1);
}

.bubble-wrapper:hover .bubble-shape {
    transform: scale(1.03);
}

/* ✨ DOCTOR GLOW EFFECT */
.glow-effect::before {
    animation: img-border 5s linear infinite alternate;
    transition: all 0.3s ease-out 0s;
    animation-name: morph;
    /*content: "";*/
    /*position: absolute;*/
    /*inset: -10px;*/
    /*border-radius: inherit;*/
    /*background: linear-gradient(45deg, #00c6ff, #0072ff, #6a11cb);*/
    /*z-index: -1;*/
    /*filter: blur(25px);*/
    /*opacity: 0.7;*/
    /*animation: glowRotate 6s linear infinite;*/
}

/* Glow animation */
@keyframes glowRotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Morph animation */
@keyframes morph {
    0% {
        border-radius: 50% 40% 60% 40% / 60% 40% 60% 40%;
    }
    50% {
        border-radius: 60% 50% 40% 60% / 40% 60% 40% 60%;
    }
    100% {
        border-radius: 50% 40% 60% 40% / 60% 40% 60% 40%;
    }
}

/* Floating bubbles */
.bubble {
    position: absolute;
    border-radius: 50%;
    background: rgba(0, 123, 255, 0.15);
    backdrop-filter: blur(6px);
    animation: float 6s infinite ease-in-out;
}

.bubble.small {
    width: 60px;
    height: 60px;
    top: -20px;
    left: -20px;
}

.bubble.medium {
    width: 80px;
    height: 80px;
    bottom: 20px;
    right: -30px;
}

.bubble.big {
    width: 100px;
    height: 100px;
    top: 50%;
    left: -60px;
}
.img-side-to{
    width: 100%;
    height: 697px;
}
.h5-cl{
    color: #fff !important;
    font-size: 30px;
}
.h1-class-bane{
        color: #fff;
    font-size: 30px;
}

.h1-class-bane1{
      color: #ffc107 !important;
}
.h1-class-p{
    color: #fff;
    font-weight: 700;
}

/* Float animation */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}
/* ===== MOBILE RESPONSIVE ===== */

@media (max-width: 991px) {

    .bubble-wrapper {
        display: flex;
        justify-content: center;
    }

    .bubble-shape {
        width: 320px;
        height: 320px;
    }

    /* Adjust bubbles */
    .bubble.small {
        width: 40px;
        height: 40px;
        top: -10px;
        left: -10px;
    }

    .bubble.medium {
        width: 60px;
        height: 60px;
        bottom: 10px;
        right: -15px;
    }

    .bubble.big {
        width: 70px;
        height: 70px;
        left: -40px;
    }
}

/* ===== SMALL MOBILE ===== */

@media (max-width: 576px) {

    .bubble-shape {
        width: 260px;
        height: 260px;
    }

    /* Reduce glow for performance */
    .glow-effect::before {
        filter: blur(15px);
        opacity: 0.5;
    }

    /* Hide extra bubbles for clean UI */
    .bubble.medium,
    .bubble.big {
        display: none;
    }

    .bubble.small {
        width: 35px;
        height: 35px;
    }
}

/* ===== EXTRA SMALL DEVICES ===== */

@media (max-width: 400px) {

    .bubble-shape {
        width: 220px;
        height: 220px;
    }
}


    /* ===== SECTION ENTRY ANIMATION ===== */
.about-section-2 {
    position: relative;
    overflow: hidden;
    animation: sectionFade 1.2s ease forwards;
}
.hero-image img {
    width: 100%;
    animation: floatImg 4s ease-in-out infinite;
}

@keyframes floatImg {
    0%,100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}
@keyframes sectionFade {
    from {
        opacity: 0;
        transform: translateY(80px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== BACKGROUND FLOATING SHAPES ===== */
.left-shape img {
    animation: floatSlow 6s ease-in-out infinite;
}

.frame-shape img {
    animation: floatRotate 10s linear infinite;
}

@keyframes floatSlow {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-25px); }
    100% { transform: translateY(0px); }
}

@keyframes floatRotate {
    0% { transform: rotate(0deg) translateY(0px); }
    50% { transform: rotate(180deg) translateY(-20px); }
    100% { transform: rotate(360deg) translateY(0px); }
}

/* ===== LEFT DECOR IMAGE ===== */
/*.cont-clor > div img {*/
/*    animation: slideLeft 1.5s ease forwards;*/
/*}*/

@keyframes slideLeft {
    from {
        opacity: 0;
        transform: translateX(-80px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* ===== IMAGE (BUBBLE) ANIMATION ===== */
.bubble-wrapper {
    animation: zoomIn 1.2s ease forwards;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.7);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Continuous floating */
.bubble-shape {
    animation: morph 8s ease-in-out infinite, floatImage 5s ease-in-out infinite;
}

@keyframes floatImage {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

/* ===== TEXT ANIMATION ===== */
.about-content span,
.about-content h2,
.about-content p,
.about-button,
.author-icon {
    opacity: 0;
    transform: translateY(40px);
    animation: textReveal 1s ease forwards;
}

/* Stagger effect */
.about-content span { animation-delay: 0.3s; }
.about-content h2 { animation-delay: 0.5s; }
.about-content p:nth-child(1) { animation-delay: 0.7s; }
.about-content p:nth-child(2) { animation-delay: 0.9s; }
.about-content p:nth-child(3) { animation-delay: 1.1s; }
.about-button { animation-delay: 1.3s; }
.author-icon { animation-delay: 1.5s; }

@keyframes textReveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== BUTTON HOVER ANIMATION ===== */
.theme-btn {
    transition: all 0.4s ease;
}

.theme-btn:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* ===== PHONE ICON PULSE ===== */
.author-icon .icon {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); }
    100% { transform: scale(1); }
}

/* ===== TEXT POPUP ANIMATION ===== */
.about-content span,
.about-content h2,
.about-content p,
.about-button,
.author-icon {
    opacity: 0;
    transform: scale(0.8) translateY(40px);
    animation: popupText 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
}

/* Stagger delay */
.about-content span { animation-delay: 0.3s; }
.about-content h2 { animation-delay: 0.5s; }
.about-content p:nth-of-type(1) { animation-delay: 0.7s; }
.about-content p:nth-of-type(2) { animation-delay: 0.9s; }
.about-content p:nth-of-type(3) { animation-delay: 1.1s; }
.about-button { animation-delay: 1.3s; }
.author-icon { animation-delay: 1.5s; }

/* POPUP KEYFRAME */
@keyframes popupText {
    0% {
        opacity: 0;
        transform: scale(0.5) translateY(60px);
    }
    60% {
        opacity: 1;
        transform: scale(1.05) translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}
/* .tree img {*/
/*    width: 100%;*/
/*    height: auto;*/
/*    max-width: 100px;*/
/*}*/
/*.tree {*/
/*    position: absolute;*/
/*    bottom: -40px;*/
/*    left: 30px;*/
/*    z-index: 1;*/
/*}*/





.tree {
   position: relative;
    top: -385px;
    left: 0;
    z-index: 1;
    pointer-events: none;
}

.tree img {
    width: 119px;
    transform-origin: bottom center;
    animation: treeMove 5s ease-in-out infinite;
}

/* Tree Swing Animation */
@keyframes treeMove {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(2deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-2deg); }
    100% { transform: rotate(0deg); }
}



.tree::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #6cc24a;
    border-radius: 50%;
    top: 20%;
    left: 50%;
    animation: leafFall 6s linear infinite;
}

@keyframes leafFall {
    0% {
        transform: translateY(0) translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateY(300px) translateX(40px);
        opacity: 0;
    }
}


.clases-section {
    position: relative;
    z-index: 2;
}

.buter-fly{
    left: 0;
    position: absolute;
    margin-top: 393px;
    margin-left: -83px;
}

.buter-fly img{
    height: auto;
    width: 199px;
}


    /* Floating animation */
@keyframes floatX {
  0% { transform: translateX(0px); }
  50% { transform: translateX(20px); }
  100% { transform: translateX(0px); }
}

.float-bob-x {
  animation: floatX 4s ease-in-out infinite;
}

/* Icon pulse animation */
.counter-items .icon img {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.counter-items {
  transition: all 0.4s ease;
}

.counter-items:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.cont-to{
    margin-top: -40px;
}


@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.counter-items .icon img {
  animation: floatRotate 4s ease-in-out infinite;
}

@keyframes floatRotate {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-15px) rotate(5deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

.counter-items {
  animation: cardFloat 6s ease-in-out infinite;
}

@keyframes cardFloat {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
  100% { transform: translateY(0px); }
}

.counter-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: linear-gradient(270deg, #dff6ff, #ffffff, #dff6ff);*/
  background-size: 400% 400%;
  animation: waveMove 10s ease infinite;
  z-index: -1;
}

@keyframes waveMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes floatX {
  0% { transform: translateX(0px); }
  50% { transform: translateX(30px); }
  100% { transform: translateX(0px); }
}

.float-bob-x {
  animation: floatX 5s ease-in-out infinite;
}
.line-shape img {
  animation: lineWave 6s ease-in-out infinite;
}

@keyframes lineWave {
  0% {
    transform: translateX(0px) translateY(0px) rotate(0deg);
  }
  25% {
    transform: translateX(20px) translateY(-10px) rotate(2deg);
  }
  50% {
    transform: translateX(40px) translateY(0px) rotate(-2deg);
  }
  75% {
    transform: translateX(20px) translateY(10px) rotate(2deg);
  }
  100% {
    transform: translateX(0px) translateY(0px) rotate(0deg);
  }
}

.bubbles {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  pointer-events: none;
}

.bubbles span {
  position: absolute;
  bottom: -50px;
  width: 20px;
  height: 20px;
  background: rgba(0, 150, 255, 0.2);
  border-radius: 50%;
  animation: bubbleUp 10s linear infinite;
}

/* Different sizes + positions */
.bubbles span:nth-child(1) { left: 10%; animation-duration: 8s; width:15px; height:15px;}
.bubbles span:nth-child(2) { left: 30%; animation-duration: 12s;}
.bubbles span:nth-child(3) { left: 50%; animation-duration: 10s; width:25px; height:25px;}
.bubbles span:nth-child(4) { left: 70%; animation-duration: 14s;}
.bubbles span:nth-child(5) { left: 90%; animation-duration: 9s; width:18px; height:18px;}

@keyframes bubbleUp {
  0% {
    transform: translateY(0) scale(1);
    opacity: 0.5;
  }
  100% {
    transform: translateY(-800px) scale(1.5);
    opacity: 0;
  }
}
.clouds {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.cloud {
  position: absolute;
  top: 20%;
  width: 120px;
  height: 60px;
  background: #ffffff;
  border-radius: 50px;
  opacity: 0.4;
  filter: blur(2px);
  animation: cloudMove 40s linear infinite;
}

.cloud::before,
.cloud::after {
  content: "";
  position: absolute;
  background: #ffffff;
  width: 80px;
  height: 80px;
  top: -30px;
  left: 10px;
  border-radius: 50%;
}

.cloud::after {
  width: 60px;
  height: 60px;
  left: 60px;
  top: -20px;
}

/* Second cloud */
.cloud2 {
  top: 50%;
  left: -150px;
  animation-duration: 60s;
}

@keyframes cloudMove {
  0% {
    transform: translateX(-200px);
  }
  100% {
    transform: translateX(120%);
  }
}
.counter-section {
  position: relative;
  overflow: hidden;
}


/* SECTION */
.counter-section {
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}

/* 🌊 TOP WAVE */
.top-wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.top-wave img {
  width: 100%;
  animation: waveMove 6s ease-in-out infinite;
}

@keyframes waveMove {
  0% { transform: translateY(0); }
  50% { transform: translateY(10px); }
  100% { transform: translateY(0); }
}

/* FIX CONTENT POSITION */
.counter-wrapper {
  padding-top: 120px;
  position: relative;
  z-index: 2;
}

/* LINE SHAPE */
.line-shape {
  position: absolute;
  top: 80px;
  left: 50px;
}

.line-shape img {
  animation: lineMove 5s ease-in-out infinite;
}

@keyframes lineMove {
  0% { transform: translateX(0); }
  50% { transform: translateX(30px); }
  100% { transform: translateX(0); }
}

/* BOX FLOAT */
.float-bob-x {
  position: absolute;
  right: 50px;
  top: 120px;
  animation: floatX 5s ease-in-out infinite;
}

@keyframes floatX {
  0% { transform: translateX(0); }
  50% { transform: translateX(25px); }
  100% { transform: translateX(0); }
}

/* 🫧 BUBBLES */
.bubbles {
  position: absolute;
  width: 100%;
  height: 100%;
}

.bubbles span {
  position: absolute;
  bottom: -60px;
  width: 20px;
  height: 20px;
  background: rgba(0,150,255,0.2);
  border-radius: 50%;
  animation: bubbleMove 12s linear infinite;
}

.bubbles span:nth-child(1){ left:10%; }
.bubbles span:nth-child(2){ left:30%; }
.bubbles span:nth-child(3){ left:50%; }
.bubbles span:nth-child(4){ left:70%; }
.bubbles span:nth-child(5){ left:90%; }

@keyframes bubbleMove {
  0% { transform: translateY(0); opacity: 0.6; }
  100% { transform: translateY(-900px); opacity: 0; }
}

/* ☁️ CLOUDS */
.clouds {
  position: absolute;
  width: 100%;
  height: 100%;
}

.cloud {
  position: absolute;
  top: 20%;
  width: 140px;
  height: 70px;
  background: #fff;
  border-radius: 50px;
  opacity: 0.3;
  animation: cloudMove 40s linear infinite;
}

.cloud::before,
.cloud::after {
  content: "";
  position: absolute;
  background: #fff;
  border-radius: 50%;
}

.cloud::before {
  width: 80px;
  height: 80px;
  top: -30px;
  left: 10px;
}

.cloud::after {
  width: 60px;
  height: 60px;
  top: -20px;
  left: 60px;
}

.cloud2 {
  top: 60%;
  animation-duration: 60s;
}

@keyframes cloudMove {
  0% { transform: translateX(-200px); }
  100% { transform: translateX(120%); }
}

/* COUNTER ITEMS */
.counter-items {
  /*background: #fff;*/
  /*padding: 30px;*/
  /*border-radius: 12px;*/
  /*text-align: center;*/
  animation: floatCard 6s ease-in-out infinite;
}

@keyframes floatCard {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

/* ICON */
.counter-items .icon img {
  width: 50px;
  margin-bottom: 15px;
}

/* TEXT */
.counter-items h2 {
  font-size: 28px;
  font-weight: bold;
}

.counter-items p {
  font-size: 14px;
}
.banner-overlay-twos {
    position: relative;
    top: 2px;
    left: 0;
    z-index: 1;
    width: 100%;
    overflow: hidden;
}
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.banner-overlay-twos img {
    width: 100%;
    height: auto;
    max-width: 100%;
}



/* Top Image */
.top-kids-img {
    position: absolute;
    top: 206px;   /* adjust height */
    right: 10%;   /* move left/right */
    z-index: 1;
    pointer-events: none;
}

.top-kids-img img {
    width: 260px;
    animation: floatKids 4s ease-in-out infinite;
}

@keyframes floatKids {
    0% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0); }
}
/*.container {*/
/*    position: relative;*/
/*    z-index: 2;*/
/*}*/



/* Bottom Left Image */
.bottom-left-img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}

.bottom-left-img img {
    width: 260px;
    animation: doctorFloat 4s ease-in-out infinite;
}

@keyframes doctorFloat {
    0% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
    100% { transform: translateY(0); }
}

.bottom-left-img img:hover {
    transform: scale(1.05);
    transition: 0.3s;
}
.bute-img{
    margin-top: 54px;
    height: auto;
    width: 150px;
    margin-left: 273px;
}
.nut-beaut{
    left:0;
    position:absolute;
}
    .testimonial-section {
    position: relative;
    overflow: hidden;
}

/* Bottom Image */
.bottom-kids-img {
    position: absolute;
    top: -219px left: 0;
    width: 299px;
    z-index: 1;
    text-align: center;
    pointer-events: none;
    top: -190px;
}

.bootm-kids-img-bt{
    margin-left: 373%;
}
.banner-mobile{
      margin-top: -231px !important;
    }

.bottom-kids-img img {
        width: 100%;
    max-width: 893px;
    animation: kidsFloat 5s ease-in-out infinite;
}

@keyframes kidsFloat {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}

@media (max-width: 767px) {
    .bottom-kids-img img {
        max-width: 100%;
        margin-left: 21%;
    }

    .container {
        padding-bottom: 80px;
    }
    .bu-img1{
        margin-left: 151px;
    }
    .testimonia-mobil{
       margin-top: -61px;
    }
    .swiper-mobile-viwe{
        margin-top: 201px;
    }
    .top-kids-mobi{
        margin-top: 134px;
    }
    .banner-mobile{
      margin-top: -231px !important;
    }
}

.swiper {
    padding-bottom: 40px; /* space for dots */
}
/* Better dots */
.swiper-pagination {
    margin-top: 20px;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 1;
    transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
    background: #764193;
    width: 22px; /* 🔥 active elongation */
    border-radius: 10px;
}
.testimonial-card {
    position: relative;
    text-align: center;
    padding: 120px 60px;
}

/* Background cloud */
.testimonial-card .bg-img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 500px;
    z-index: -1;
}

/* Content */
.testimonial-card .content {
    position: relative;
    z-index: 2;
}

.testimonial-card p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    line-height: 24px;
    margin-top: 14px;
    padding: 0 10px;
}

.testimonial-card h6 {
    font-weight: 600;
    color: #fff;
}

/* DOT STYLE */
.swiper-pagination-bullet {
    background: #ccc;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #764193;
}

/* ========================= */
/* 📱 MOBILE RESPONSIVE */
/* ========================= */

@media (max-width: 991px) {
    .testimonial-card {
        padding: 83px 47px;
    }

    .testimonial-card .bg-img {
        max-width: 420px;
    }
}

@media (max-width: 767px) {
    .testimonial-card {
        padding: 80px 25px;
    }

    .testimonial-card .bg-img {
        max-width: 380px;
    }

    .testimonial-card p {
        font-size: 14px;
        line-height: 22px;
        margin-top: -20px;
    }
}

@media (max-width: 480px) {
    .testimonial-card {
        padding: 84px 32px;
    }

    .testimonial-card .bg-img {
        max-width: 400px;
    }

    .testimonial-card p {
        font-size: 13px;
        line-height: 20px;
        margin-top: 24px;
    }

    .testimonial-card h6 {
        font-size: 17px;
        margin-top: -14px;
    }
}

/*body {*/
/*    margin: 0;*/
/*    font-family: 'Poppins', sans-serif;*/
/*    background: #f5f5f5;*/
/*    overflow-x: hidden;*/
/*}*/

/* Section */
.booking-section {
    text-align: center;
    padding: 80px 20px;
    position: relative;
    overflow: hidden;
}

/* 🫧 Bubble Animation */
.booking-section::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    background-image: radial-gradient(circle, #dc3545 2px, transparent 2px);
    background-size: 60px 60px;
    animation: bubbleMove 20s linear infinite;
    top: -50%;
    left: -50%;
    z-index: 0;
}

@keyframes bubbleMove {
    0% { transform: translateY(0); }
    100% { transform: translateY(-200px); }
}

/* Cards Container */
.booking-wrapper {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

/* Card Style */
.booking-card {
    width: 280px;
    height: 260px;
    border-radius: 40px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    position: relative;

    /* Entry Animation */
    opacity: 0;
    transform: translateY(50px);
    animation: fadeUp 1s forwards;
}

/* Delay for second card */
.card-2 {
    animation-delay: 0.3s;
}

/* Entry animation */
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Floating effect */
/* Wrap inner content */
.booking-card-inner {
    animation: floatCard 4s ease-in-out infinite;
}

/* Keep entry animation separate */
.booking-card {
    opacity: 0;
    transform: translateY(50px);
    animation: fadeUp 1s forwards;
}

/* Floating animation */
@keyframes floatCard {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}


/* Top curved effect */
.booking-card::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 20px;
    right: 20px;
    height: 20px;
    border-radius: 50px;
    background: rgba(255,255,255,0.5);
}

/* Hover Animation */
.booking-card:hover {
    transform: scale(1.08) rotate(-1deg);
}

/* Colors */
.card-1 { background: #008000; }
.card-2 { background: #FFA500; }

/* Icon */
.booking-card i {
    font-size: 50px;
    margin-bottom: 20px;

    /* Bounce animation */
    animation: bounceIcon 2s infinite;
}

@keyframes bounceIcon {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

/* Text */
.booking-card h3 {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.5;
}

/* Kids Image */
.kids-img {
    margin-top: -60px;
    position: relative;
    z-index: 1;
}

.kids-img img {
    width: 100%;
    max-width: 800px;

    /* Floating animation */
    animation: floatKids 5s ease-in-out infinite;
}

@keyframes floatKids {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

/* Mobile */
@media (max-width: 768px) {
    .booking-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .booking-card {
        width: 90%;
    }

    .kids-img img {
        max-width: 100%;
    }
}

/* Side Images */
.side-img {
    position: absolute;
    bottom: 453px;
    z-index: 1;
    pointer-events: none;
}

.side-img img {
    width: 350px;
    max-width: 100%;
}

/* LEFT */
.left-img {
    left: 0;
    animation: swingLeft 4s ease-in-out infinite;
}

/* RIGHT */
.right-img {
    right: 0;
    animation: floatRight 5s ease-in-out infinite;
}

/* LEFT SWING ANIMATION */
@keyframes swingLeft {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(2deg); }
    100% { transform: rotate(0deg); }
}

/* RIGHT FLOAT ANIMATION */
@keyframes floatRight {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

/* Make sure content above */
.booking-wrapper {
    position: relative;
    z-index: 3;
}

.kids-img {
    position: relative;
    z-index: 2;
}

/* MOBILE FIX */
@media (max-width: 768px) {
    .side-img {
        display: none;
    }
}
.back-round-colo-book{
    
  background-color: #800080;  
}
.book-clor{
    color: #fff;
}
.bg-cover1{
  margin-top: 192px;
}
.right-img-saide1{
        margin-bottom: 187px;
}

.tree-top-shape {
    position: absolute;
    top: 98%;
    left: 5%;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
}

.tree-top-shape img {
    width: 340px;
}

/* Smooth floating animation */
.float-tree {
    animation: floatTree 4s ease-in-out infinite;
}

@keyframes floatTree {
    0% {
        transform: translate(-50%, 0px);
    }
    50% {
        transform: translate(-50%, -15px);
    }
    100% {
        transform: translate(-50%, 0px);
    }
}
.pricing-section {
    position: relative;
    overflow: hidden;
}
@media (max-width: 767px) {
    .tree-top-shape {
        top: -50px;
    }

    .tree-top-shape img {
        width: 120px;
    }
}

.ab-sec-to{
        margin-top: -125px;
}

.form-clt {
    position: relative;
    transition: all 0.3s ease;
}

.form-clt input,
.form-clt select,
.form-clt textarea {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #eee;
    border-radius: 8px;
    transition: 0.3s;
}

/* Focus Animation */
.form-clt input:focus,
.form-clt select:focus,
.form-clt textarea:focus {
    border-color: #764193;
    box-shadow: 0 0 10px rgba(118, 65, 147, 0.2);
    transform: scale(1.02);
}

/* Hover Animation */
.form-clt:hover {
    transform: translateY(-3px);
}

.theme-btn {
    background: #764193;
    color: #fff;
    padding: 12px 25px;
    border-radius: 30px;
    transition: 0.3s ease;
}

.theme-btn:hover {
    background: #5a2d7a;
    transform: translateY(-3px) scale(1.05);
}

/* FORM CONTAINER */
.modern-form {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    animation: fadeUp 1s ease;
}

/* TITLE */
.form-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 5px;
}

.form-subtitle {
    font-size: 14px;
    color: #777;
    margin-bottom: 25px;
}

/* FLOATING INPUT */
.form-group {
    position: relative;
}

.form-group input,
.form-group textarea,
.form-group select {
    width: 100%;
    padding: 14px 12px;
    border: 2px solid #ddd;
    border-radius: 8px;
    outline: none;
    font-size: 14px;
    background: transparent;
    transition: 0.3s;
}

/* LABEL */
.form-group label {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    background: #fff;
    padding: 0 5px;
    font-size: 13px;
    color: #888;
    pointer-events: none;
    transition: 0.3s;
}

/* FLOAT EFFECT */
.form-group input:focus + label,
.form-group input:valid + label,
.form-group textarea:focus + label,
.form-group textarea:valid + label,
.form-group select:focus + label,
.form-group select:valid + label {
    top: -8px;
    font-size: 11px;
    color: #ff7a00;
}

/* FOCUS EFFECT */
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
    border-color: #ff7a00;
    box-shadow: 0 0 10px rgba(255,122,0,0.2);
}

/* BUTTON */
.theme-btn {
    background: #ff7a00;
    color: #fff;
    padding: 14px 25px;
    border-radius: 8px;
    border: none;
    font-size: 15px;
    transition: 0.3s;
}

.theme-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(255,122,0,0.4);
}

/* ANIMATION */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* MOBILE */
@media (max-width: 768px) {
    .modern-form {
        padding: 25px;
    }
}

/*.servic-child{*/
/*    border: 1px solid var(--border);*/
/*    color: var(--text);*/
/*    padding: 6px 21px;*/
/*    border-radius: 5px;*/
/*}*/


.form-clt select {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
    background: #fff;
    transition: 0.3s;
}

.form-clt select:focus {
    border-color: #ff7a00;
    box-shadow: 0 0 8px rgba(255,122,0,0.3);
}

.mail-revathi{
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

.footer-img1{
  border-radius: 30px;
}
.ab-col-tex{
    color: #000 !important;
}
.abot-dr-top{
    margin-top: -264px;
    margin-bottom: 103px;
}
.scroll-ser-1{
    margin-top: -177px;
    margin-bottom: 60px;
}
.parg-col{
    font-weight: 700;
    color: #000;
}
.faq-padding{
    margin-top: 43px;
}




/* HEADING */
.consult-heading{
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 25px;
    animation: headingColor 4s infinite linear;
}

/* BUTTON */
.schedule-btn{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 38px;
    background: linear-gradient(
        90deg,
        #000080,
        #800080,
        #FFA500,
        #ffc107
    );

    background-size: 300% 300%;

    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50px;

    transition: 0.4s ease;

    animation: gradientMove 5s ease infinite,
               pulseBtn 2s infinite;
    margin-bottom: 20px;
}

/* ICON */
.schedule-btn i{
    font-size: 20px;
    animation: rotateIcon 3s linear infinite;
}

/* HOVER */
.schedule-btn:hover{
    transform: translateY(-5px) scale(1.03);
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

/* GRADIENT ANIMATION */
@keyframes gradientMove{
    0%{
        background-position: 0% 50%;
    }
    50%{
        background-position: 100% 50%;
    }
    100%{
        background-position: 0% 50%;
    }
}

/* BUTTON PULSE */
@keyframes pulseBtn{
    0%{
        box-shadow: 0 0 0 0 rgba(255,193,7,0.5);
    }
    70%{
        box-shadow: 0 0 0 18px rgba(255,193,7,0);
    }
    100%{
        box-shadow: 0 0 0 0 rgba(255,193,7,0);
    }
}

/* ICON ROTATE */
@keyframes rotateIcon{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

/* HEADING COLOR */
@keyframes headingColor{
    0%{
        color: #000080;
    }
    25%{
        color: #800080;
    }
    50%{
        color: #FFA500;
    }
    75%{
        color: #ffc107;
    }
    100%{
        color: #000080;
    }
}

/* MOBILE */
@media(max-width:767px){

    .consult-heading{
        font-size: 26px;
    }

    .schedule-btn{
        padding: 14px 28px;
        font-size: 16px;
    }
}

.h2-why-top-nut{
    margin-top: 30px;
}


.warning-text{
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 193, 7, 0.12);
    border-left: 5px solid #ffc107;
    padding: 14px 18px;
    border-radius: 10px;
    color: #444;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    margin-top: 15px;

    animation: warningPulse 2s infinite;
}

.warning-text i{
    color: #FFA500;
    font-size: 20px;
}

/* ANIMATION */
@keyframes warningPulse{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.02);
    }
    100%{
        transform: scale(1);
    }
}
.service-text-color-font{
    color: #000 !important;
    font-size: 17px;
    font-weight: 700; 
}

.program-details-items p {
     color: #000 !important;
    font-size: 17px;
    font-weight: 700;
}

.program-details-items li {
     color: #000 !important;
    font-size: 17px;
    font-weight: 700;
}
.percentile-table-wrapper tbody tr td{
     color: #000 !important;
    font-size: 17px;
    font-weight: 700;
}
.bmi-table-wrapper tbody tr td{
    color: #000 !important;
    font-size: 17px;
    font-weight: 700;
}
.table-responsive tbody tr td{
    color: #000 !important;
    font-size: 17px;
    font-weight: 700;
}
.meal-plan tbody tr td {
    color: #000 !important;
    font-size: 17px;
    font-weight: 700;
}
.calorie-plan tbody tr td {
    color: #000 !important;
    font-size: 17px;
    font-weight: 700;
}
.balanced-plan tbody tr td {
    color: #000 !important;
    font-size: 17px;
    font-weight: 700;
}
.balanced-table tbody tr td {
    color: #000 !important;
    font-size: 17px;
    font-weight: 700;
}

.vaccine-table tbody tr td{
    color: #000 !important;
    font-size: 17px;
    font-weight: 700;
}
.health-alert-table-wrapper tbody tr td {
    color: #000 !important;
    font-size: 17px;
    font-weight: 700;
}
.impo-ff{
    color: #fff !important;
}


table {
  
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #ddd;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2;}

tr:hover {background-color: #ddd;}

th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #000080;
  color: white;
}

.booking-card-1a {
    color: white;
}