/**=========================================================
 * Theme Name : V Medical Aesthetics (BECOME Aesthetics Clinic)
 * Author : Jayesh Morker / Ena / Animesh / Louis
 * Description  :  October 2026
 * File Name: main.css
=========================================================**/
.box-blur {
  filter: blur(15px);
}

/*--Font Size---*/
/* Font Size Mixin */
/* Generate Classes */
.size-10 {
  font-size: 10px;
}
@media screen and (max-width: 1599.98px) {
  .size-10 {
    font-size: 8px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-10 {
    font-size: 7px;
  }
}

.size-11 {
  font-size: 11px;
}
@media screen and (max-width: 1599.98px) {
  .size-11 {
    font-size: 9px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-11 {
    font-size: 7px;
  }
}

.size-12 {
  font-size: 12px;
}
@media screen and (max-width: 1599.98px) {
  .size-12 {
    font-size: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-12 {
    font-size: 8px;
  }
}

.size-13 {
  font-size: 13px;
}
@media screen and (max-width: 1599.98px) {
  .size-13 {
    font-size: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-13 {
    font-size: 8px;
  }
}

.size-14 {
  font-size: 14px;
}
@media screen and (max-width: 1599.98px) {
  .size-14 {
    font-size: 11px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-14 {
    font-size: 9px;
  }
}

.size-15 {
  font-size: 15px;
}
@media screen and (max-width: 1599.98px) {
  .size-15 {
    font-size: 12px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-15 {
    font-size: 10px;
  }
}

.size-16 {
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .size-16 {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-16 {
    font-size: 10px;
  }
}

.size-17 {
  font-size: 17px;
}
@media screen and (max-width: 1599.98px) {
  .size-17 {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-17 {
    font-size: 11px;
  }
}

.size-18 {
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .size-18 {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-18 {
    font-size: 12px;
  }
}

.size-19 {
  font-size: 19px;
}
@media screen and (max-width: 1599.98px) {
  .size-19 {
    font-size: 15px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-19 {
    font-size: 12px;
  }
}

.size-20 {
  font-size: 20px;
}
@media screen and (max-width: 1599.98px) {
  .size-20 {
    font-size: 16px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-20 {
    font-size: 13px;
  }
}

.size-21 {
  font-size: 21px;
}
@media screen and (max-width: 1599.98px) {
  .size-21 {
    font-size: 17px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-21 {
    font-size: 14px;
  }
}

.size-22 {
  font-size: 22px;
}
@media screen and (max-width: 1599.98px) {
  .size-22 {
    font-size: 18px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-22 {
    font-size: 14px;
  }
}

.size-23 {
  font-size: 23px;
}
@media screen and (max-width: 1599.98px) {
  .size-23 {
    font-size: 18px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-23 {
    font-size: 15px;
  }
}

.size-24 {
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .size-24 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-24 {
    font-size: 16px;
  }
}

.size-25 {
  font-size: 25px;
}
@media screen and (max-width: 1599.98px) {
  .size-25 {
    font-size: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-25 {
    font-size: 16px;
  }
}

.size-26 {
  font-size: 26px;
}
@media screen and (max-width: 1599.98px) {
  .size-26 {
    font-size: 21px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-26 {
    font-size: 17px;
  }
}

.size-27 {
  font-size: 27px;
}
@media screen and (max-width: 1599.98px) {
  .size-27 {
    font-size: 22px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-27 {
    font-size: 18px;
  }
}

.size-28 {
  font-size: 28px;
}
@media screen and (max-width: 1599.98px) {
  .size-28 {
    font-size: 22px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-28 {
    font-size: 18px;
  }
}

.size-29 {
  font-size: 29px;
}
@media screen and (max-width: 1599.98px) {
  .size-29 {
    font-size: 23px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-29 {
    font-size: 19px;
  }
}

.size-30 {
  font-size: 30px;
}
@media screen and (max-width: 1599.98px) {
  .size-30 {
    font-size: 24px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-30 {
    font-size: 20px;
  }
}

.size-31 {
  font-size: 31px;
}
@media screen and (max-width: 1599.98px) {
  .size-31 {
    font-size: 25px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-31 {
    font-size: 20px;
  }
}

.size-32 {
  font-size: 32px;
}
@media screen and (max-width: 1599.98px) {
  .size-32 {
    font-size: 26px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-32 {
    font-size: 21px;
  }
}

.size-33 {
  font-size: 33px;
}
@media screen and (max-width: 1599.98px) {
  .size-33 {
    font-size: 26px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-33 {
    font-size: 21px;
  }
}

.size-34 {
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .size-34 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-34 {
    font-size: 22px;
  }
}

.size-35 {
  font-size: 35px;
}
@media screen and (max-width: 1599.98px) {
  .size-35 {
    font-size: 28px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-35 {
    font-size: 23px;
  }
}

.size-36 {
  font-size: 36px;
}
@media screen and (max-width: 1599.98px) {
  .size-36 {
    font-size: 29px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-36 {
    font-size: 23px;
  }
}

.size-37 {
  font-size: 37px;
}
@media screen and (max-width: 1599.98px) {
  .size-37 {
    font-size: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-37 {
    font-size: 24px;
  }
}

.size-38 {
  font-size: 38px;
}
@media screen and (max-width: 1599.98px) {
  .size-38 {
    font-size: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-38 {
    font-size: 25px;
  }
}

.size-39 {
  font-size: 39px;
}
@media screen and (max-width: 1599.98px) {
  .size-39 {
    font-size: 31px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-39 {
    font-size: 25px;
  }
}

.size-40 {
  font-size: 40px;
}
@media screen and (max-width: 1599.98px) {
  .size-40 {
    font-size: 32px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-40 {
    font-size: 26px;
  }
}

.size-41 {
  font-size: 41px;
}
@media screen and (max-width: 1599.98px) {
  .size-41 {
    font-size: 33px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-41 {
    font-size: 27px;
  }
}

.size-42 {
  font-size: 42px;
}
@media screen and (max-width: 1599.98px) {
  .size-42 {
    font-size: 34px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-42 {
    font-size: 27px;
  }
}

.size-43 {
  font-size: 43px;
}
@media screen and (max-width: 1599.98px) {
  .size-43 {
    font-size: 34px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-43 {
    font-size: 28px;
  }
}

.size-44 {
  font-size: 44px;
}
@media screen and (max-width: 1599.98px) {
  .size-44 {
    font-size: 35px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-44 {
    font-size: 29px;
  }
}

.size-45 {
  font-size: 45px;
}
@media screen and (max-width: 1599.98px) {
  .size-45 {
    font-size: 36px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-45 {
    font-size: 29px;
  }
}

.size-46 {
  font-size: 46px;
}
@media screen and (max-width: 1599.98px) {
  .size-46 {
    font-size: 37px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-46 {
    font-size: 30px;
  }
}

.size-47 {
  font-size: 47px;
}
@media screen and (max-width: 1599.98px) {
  .size-47 {
    font-size: 38px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-47 {
    font-size: 31px;
  }
}

.size-48 {
  font-size: 48px;
}
@media screen and (max-width: 1599.98px) {
  .size-48 {
    font-size: 38px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-48 {
    font-size: 31px;
  }
}

.size-49 {
  font-size: 49px;
}
@media screen and (max-width: 1599.98px) {
  .size-49 {
    font-size: 39px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-49 {
    font-size: 32px;
  }
}

.size-50 {
  font-size: 50px;
}
@media screen and (max-width: 1599.98px) {
  .size-50 {
    font-size: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-50 {
    font-size: 33px;
  }
}

.size-51 {
  font-size: 51px;
}
@media screen and (max-width: 1599.98px) {
  .size-51 {
    font-size: 41px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-51 {
    font-size: 33px;
  }
}

.size-52 {
  font-size: 52px;
}
@media screen and (max-width: 1599.98px) {
  .size-52 {
    font-size: 42px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-52 {
    font-size: 34px;
  }
}

.size-53 {
  font-size: 53px;
}
@media screen and (max-width: 1599.98px) {
  .size-53 {
    font-size: 42px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-53 {
    font-size: 34px;
  }
}

.size-54 {
  font-size: 54px;
}
@media screen and (max-width: 1599.98px) {
  .size-54 {
    font-size: 43px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-54 {
    font-size: 35px;
  }
}

.size-55 {
  font-size: 55px;
}
@media screen and (max-width: 1599.98px) {
  .size-55 {
    font-size: 44px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-55 {
    font-size: 36px;
  }
}

.size-56 {
  font-size: 56px;
}
@media screen and (max-width: 1599.98px) {
  .size-56 {
    font-size: 45px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-56 {
    font-size: 36px;
  }
}

.size-57 {
  font-size: 57px;
}
@media screen and (max-width: 1599.98px) {
  .size-57 {
    font-size: 46px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-57 {
    font-size: 37px;
  }
}

.size-58 {
  font-size: 58px;
}
@media screen and (max-width: 1599.98px) {
  .size-58 {
    font-size: 46px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-58 {
    font-size: 38px;
  }
}

.size-59 {
  font-size: 59px;
}
@media screen and (max-width: 1599.98px) {
  .size-59 {
    font-size: 47px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-59 {
    font-size: 38px;
  }
}

.size-60 {
  font-size: 60px;
}
@media screen and (max-width: 1599.98px) {
  .size-60 {
    font-size: 48px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-60 {
    font-size: 39px;
  }
}

.size-61 {
  font-size: 61px;
}
@media screen and (max-width: 1599.98px) {
  .size-61 {
    font-size: 49px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-61 {
    font-size: 40px;
  }
}

.size-62 {
  font-size: 62px;
}
@media screen and (max-width: 1599.98px) {
  .size-62 {
    font-size: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-62 {
    font-size: 40px;
  }
}

.size-63 {
  font-size: 63px;
}
@media screen and (max-width: 1599.98px) {
  .size-63 {
    font-size: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-63 {
    font-size: 41px;
  }
}

.size-64 {
  font-size: 64px;
}
@media screen and (max-width: 1599.98px) {
  .size-64 {
    font-size: 51px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-64 {
    font-size: 42px;
  }
}

.size-65 {
  font-size: 65px;
}
@media screen and (max-width: 1599.98px) {
  .size-65 {
    font-size: 52px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-65 {
    font-size: 42px;
  }
}

.size-66 {
  font-size: 66px;
}
@media screen and (max-width: 1599.98px) {
  .size-66 {
    font-size: 53px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-66 {
    font-size: 43px;
  }
}

.size-67 {
  font-size: 67px;
}
@media screen and (max-width: 1599.98px) {
  .size-67 {
    font-size: 54px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-67 {
    font-size: 44px;
  }
}

.size-68 {
  font-size: 68px;
}
@media screen and (max-width: 1599.98px) {
  .size-68 {
    font-size: 54px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-68 {
    font-size: 44px;
  }
}

.size-69 {
  font-size: 69px;
}
@media screen and (max-width: 1599.98px) {
  .size-69 {
    font-size: 55px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-69 {
    font-size: 45px;
  }
}

.size-70 {
  font-size: 70px;
}
@media screen and (max-width: 1599.98px) {
  .size-70 {
    font-size: 56px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-70 {
    font-size: 46px;
  }
}

.size-71 {
  font-size: 71px;
}
@media screen and (max-width: 1599.98px) {
  .size-71 {
    font-size: 57px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-71 {
    font-size: 46px;
  }
}

.size-72 {
  font-size: 72px;
}
@media screen and (max-width: 1599.98px) {
  .size-72 {
    font-size: 58px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-72 {
    font-size: 47px;
  }
}

.size-73 {
  font-size: 73px;
}
@media screen and (max-width: 1599.98px) {
  .size-73 {
    font-size: 58px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-73 {
    font-size: 47px;
  }
}

.size-74 {
  font-size: 74px;
}
@media screen and (max-width: 1599.98px) {
  .size-74 {
    font-size: 59px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-74 {
    font-size: 48px;
  }
}

.size-75 {
  font-size: 75px;
}
@media screen and (max-width: 1599.98px) {
  .size-75 {
    font-size: 60px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-75 {
    font-size: 49px;
  }
}

.size-76 {
  font-size: 76px;
}
@media screen and (max-width: 1599.98px) {
  .size-76 {
    font-size: 61px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-76 {
    font-size: 49px;
  }
}

.size-77 {
  font-size: 77px;
}
@media screen and (max-width: 1599.98px) {
  .size-77 {
    font-size: 62px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-77 {
    font-size: 50px;
  }
}

.size-78 {
  font-size: 78px;
}
@media screen and (max-width: 1599.98px) {
  .size-78 {
    font-size: 62px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-78 {
    font-size: 51px;
  }
}

.size-79 {
  font-size: 79px;
}
@media screen and (max-width: 1599.98px) {
  .size-79 {
    font-size: 63px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-79 {
    font-size: 51px;
  }
}

.size-80 {
  font-size: 80px;
}
@media screen and (max-width: 1599.98px) {
  .size-80 {
    font-size: 64px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-80 {
    font-size: 52px;
  }
}

.size-81 {
  font-size: 81px;
}
@media screen and (max-width: 1599.98px) {
  .size-81 {
    font-size: 65px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-81 {
    font-size: 53px;
  }
}

.size-82 {
  font-size: 82px;
}
@media screen and (max-width: 1599.98px) {
  .size-82 {
    font-size: 66px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-82 {
    font-size: 53px;
  }
}

.size-83 {
  font-size: 83px;
}
@media screen and (max-width: 1599.98px) {
  .size-83 {
    font-size: 66px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-83 {
    font-size: 54px;
  }
}

.size-84 {
  font-size: 84px;
}
@media screen and (max-width: 1599.98px) {
  .size-84 {
    font-size: 67px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-84 {
    font-size: 55px;
  }
}

.size-85 {
  font-size: 85px;
}
@media screen and (max-width: 1599.98px) {
  .size-85 {
    font-size: 68px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-85 {
    font-size: 55px;
  }
}

.size-86 {
  font-size: 86px;
}
@media screen and (max-width: 1599.98px) {
  .size-86 {
    font-size: 69px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-86 {
    font-size: 56px;
  }
}

.size-87 {
  font-size: 87px;
}
@media screen and (max-width: 1599.98px) {
  .size-87 {
    font-size: 70px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-87 {
    font-size: 57px;
  }
}

.size-88 {
  font-size: 88px;
}
@media screen and (max-width: 1599.98px) {
  .size-88 {
    font-size: 70px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-88 {
    font-size: 57px;
  }
}

.size-89 {
  font-size: 89px;
}
@media screen and (max-width: 1599.98px) {
  .size-89 {
    font-size: 71px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-89 {
    font-size: 58px;
  }
}

.size-90 {
  font-size: 90px;
}
@media screen and (max-width: 1599.98px) {
  .size-90 {
    font-size: 72px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-90 {
    font-size: 59px;
  }
}

.size-91 {
  font-size: 91px;
}
@media screen and (max-width: 1599.98px) {
  .size-91 {
    font-size: 73px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-91 {
    font-size: 59px;
  }
}

.size-92 {
  font-size: 92px;
}
@media screen and (max-width: 1599.98px) {
  .size-92 {
    font-size: 74px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-92 {
    font-size: 60px;
  }
}

.size-93 {
  font-size: 93px;
}
@media screen and (max-width: 1599.98px) {
  .size-93 {
    font-size: 74px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-93 {
    font-size: 60px;
  }
}

.size-94 {
  font-size: 94px;
}
@media screen and (max-width: 1599.98px) {
  .size-94 {
    font-size: 75px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-94 {
    font-size: 61px;
  }
}

.size-95 {
  font-size: 95px;
}
@media screen and (max-width: 1599.98px) {
  .size-95 {
    font-size: 76px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-95 {
    font-size: 62px;
  }
}

.size-96 {
  font-size: 96px;
}
@media screen and (max-width: 1599.98px) {
  .size-96 {
    font-size: 77px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-96 {
    font-size: 62px;
  }
}

.size-97 {
  font-size: 97px;
}
@media screen and (max-width: 1599.98px) {
  .size-97 {
    font-size: 78px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-97 {
    font-size: 63px;
  }
}

.size-98 {
  font-size: 98px;
}
@media screen and (max-width: 1599.98px) {
  .size-98 {
    font-size: 78px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-98 {
    font-size: 64px;
  }
}

.size-99 {
  font-size: 99px;
}
@media screen and (max-width: 1599.98px) {
  .size-99 {
    font-size: 79px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-99 {
    font-size: 64px;
  }
}

.size-100 {
  font-size: 100px;
}
@media screen and (max-width: 1599.98px) {
  .size-100 {
    font-size: 80px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-100 {
    font-size: 65px;
  }
}

.size-101 {
  font-size: 101px;
}
@media screen and (max-width: 1599.98px) {
  .size-101 {
    font-size: 81px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-101 {
    font-size: 66px;
  }
}

.size-102 {
  font-size: 102px;
}
@media screen and (max-width: 1599.98px) {
  .size-102 {
    font-size: 82px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-102 {
    font-size: 66px;
  }
}

.size-103 {
  font-size: 103px;
}
@media screen and (max-width: 1599.98px) {
  .size-103 {
    font-size: 82px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-103 {
    font-size: 67px;
  }
}

.size-104 {
  font-size: 104px;
}
@media screen and (max-width: 1599.98px) {
  .size-104 {
    font-size: 83px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-104 {
    font-size: 68px;
  }
}

.size-105 {
  font-size: 105px;
}
@media screen and (max-width: 1599.98px) {
  .size-105 {
    font-size: 84px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-105 {
    font-size: 68px;
  }
}

.size-106 {
  font-size: 106px;
}
@media screen and (max-width: 1599.98px) {
  .size-106 {
    font-size: 85px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-106 {
    font-size: 69px;
  }
}

.size-107 {
  font-size: 107px;
}
@media screen and (max-width: 1599.98px) {
  .size-107 {
    font-size: 86px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-107 {
    font-size: 70px;
  }
}

.size-108 {
  font-size: 108px;
}
@media screen and (max-width: 1599.98px) {
  .size-108 {
    font-size: 86px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-108 {
    font-size: 70px;
  }
}

.size-109 {
  font-size: 109px;
}
@media screen and (max-width: 1599.98px) {
  .size-109 {
    font-size: 87px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-109 {
    font-size: 71px;
  }
}

.size-110 {
  font-size: 110px;
}
@media screen and (max-width: 1599.98px) {
  .size-110 {
    font-size: 88px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-110 {
    font-size: 72px;
  }
}

.size-111 {
  font-size: 111px;
}
@media screen and (max-width: 1599.98px) {
  .size-111 {
    font-size: 89px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-111 {
    font-size: 72px;
  }
}

.size-112 {
  font-size: 112px;
}
@media screen and (max-width: 1599.98px) {
  .size-112 {
    font-size: 90px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-112 {
    font-size: 73px;
  }
}

.size-113 {
  font-size: 113px;
}
@media screen and (max-width: 1599.98px) {
  .size-113 {
    font-size: 90px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-113 {
    font-size: 73px;
  }
}

.size-114 {
  font-size: 114px;
}
@media screen and (max-width: 1599.98px) {
  .size-114 {
    font-size: 91px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-114 {
    font-size: 74px;
  }
}

.size-115 {
  font-size: 115px;
}
@media screen and (max-width: 1599.98px) {
  .size-115 {
    font-size: 92px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-115 {
    font-size: 75px;
  }
}

.size-116 {
  font-size: 116px;
}
@media screen and (max-width: 1599.98px) {
  .size-116 {
    font-size: 93px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-116 {
    font-size: 75px;
  }
}

.size-117 {
  font-size: 117px;
}
@media screen and (max-width: 1599.98px) {
  .size-117 {
    font-size: 94px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-117 {
    font-size: 76px;
  }
}

.size-118 {
  font-size: 118px;
}
@media screen and (max-width: 1599.98px) {
  .size-118 {
    font-size: 94px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-118 {
    font-size: 77px;
  }
}

.size-119 {
  font-size: 119px;
}
@media screen and (max-width: 1599.98px) {
  .size-119 {
    font-size: 95px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-119 {
    font-size: 77px;
  }
}

.size-120 {
  font-size: 120px;
}
@media screen and (max-width: 1599.98px) {
  .size-120 {
    font-size: 96px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-120 {
    font-size: 78px;
  }
}

.size-121 {
  font-size: 121px;
}
@media screen and (max-width: 1599.98px) {
  .size-121 {
    font-size: 97px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-121 {
    font-size: 79px;
  }
}

.size-122 {
  font-size: 122px;
}
@media screen and (max-width: 1599.98px) {
  .size-122 {
    font-size: 98px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-122 {
    font-size: 79px;
  }
}

.size-123 {
  font-size: 123px;
}
@media screen and (max-width: 1599.98px) {
  .size-123 {
    font-size: 98px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-123 {
    font-size: 80px;
  }
}

.size-124 {
  font-size: 124px;
}
@media screen and (max-width: 1599.98px) {
  .size-124 {
    font-size: 99px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-124 {
    font-size: 81px;
  }
}

.size-125 {
  font-size: 125px;
}
@media screen and (max-width: 1599.98px) {
  .size-125 {
    font-size: 100px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-125 {
    font-size: 81px;
  }
}

.size-126 {
  font-size: 126px;
}
@media screen and (max-width: 1599.98px) {
  .size-126 {
    font-size: 101px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-126 {
    font-size: 82px;
  }
}

.size-127 {
  font-size: 127px;
}
@media screen and (max-width: 1599.98px) {
  .size-127 {
    font-size: 102px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-127 {
    font-size: 83px;
  }
}

.size-128 {
  font-size: 128px;
}
@media screen and (max-width: 1599.98px) {
  .size-128 {
    font-size: 102px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-128 {
    font-size: 83px;
  }
}

.size-129 {
  font-size: 129px;
}
@media screen and (max-width: 1599.98px) {
  .size-129 {
    font-size: 103px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-129 {
    font-size: 84px;
  }
}

.size-130 {
  font-size: 130px;
}
@media screen and (max-width: 1599.98px) {
  .size-130 {
    font-size: 104px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-130 {
    font-size: 85px;
  }
}

.size-131 {
  font-size: 131px;
}
@media screen and (max-width: 1599.98px) {
  .size-131 {
    font-size: 105px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-131 {
    font-size: 85px;
  }
}

.size-132 {
  font-size: 132px;
}
@media screen and (max-width: 1599.98px) {
  .size-132 {
    font-size: 106px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-132 {
    font-size: 86px;
  }
}

.size-133 {
  font-size: 133px;
}
@media screen and (max-width: 1599.98px) {
  .size-133 {
    font-size: 106px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-133 {
    font-size: 86px;
  }
}

.size-134 {
  font-size: 134px;
}
@media screen and (max-width: 1599.98px) {
  .size-134 {
    font-size: 107px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-134 {
    font-size: 87px;
  }
}

.size-135 {
  font-size: 135px;
}
@media screen and (max-width: 1599.98px) {
  .size-135 {
    font-size: 108px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-135 {
    font-size: 88px;
  }
}

.size-136 {
  font-size: 136px;
}
@media screen and (max-width: 1599.98px) {
  .size-136 {
    font-size: 109px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-136 {
    font-size: 88px;
  }
}

.size-137 {
  font-size: 137px;
}
@media screen and (max-width: 1599.98px) {
  .size-137 {
    font-size: 110px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-137 {
    font-size: 89px;
  }
}

.size-138 {
  font-size: 138px;
}
@media screen and (max-width: 1599.98px) {
  .size-138 {
    font-size: 110px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-138 {
    font-size: 90px;
  }
}

.size-139 {
  font-size: 139px;
}
@media screen and (max-width: 1599.98px) {
  .size-139 {
    font-size: 111px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-139 {
    font-size: 90px;
  }
}

.size-140 {
  font-size: 140px;
}
@media screen and (max-width: 1599.98px) {
  .size-140 {
    font-size: 112px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-140 {
    font-size: 91px;
  }
}

.size-141 {
  font-size: 141px;
}
@media screen and (max-width: 1599.98px) {
  .size-141 {
    font-size: 113px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-141 {
    font-size: 92px;
  }
}

.size-142 {
  font-size: 142px;
}
@media screen and (max-width: 1599.98px) {
  .size-142 {
    font-size: 114px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-142 {
    font-size: 92px;
  }
}

.size-143 {
  font-size: 143px;
}
@media screen and (max-width: 1599.98px) {
  .size-143 {
    font-size: 114px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-143 {
    font-size: 93px;
  }
}

.size-144 {
  font-size: 144px;
}
@media screen and (max-width: 1599.98px) {
  .size-144 {
    font-size: 115px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-144 {
    font-size: 94px;
  }
}

.size-145 {
  font-size: 145px;
}
@media screen and (max-width: 1599.98px) {
  .size-145 {
    font-size: 116px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-145 {
    font-size: 94px;
  }
}

.size-146 {
  font-size: 146px;
}
@media screen and (max-width: 1599.98px) {
  .size-146 {
    font-size: 117px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-146 {
    font-size: 95px;
  }
}

.size-147 {
  font-size: 147px;
}
@media screen and (max-width: 1599.98px) {
  .size-147 {
    font-size: 118px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-147 {
    font-size: 96px;
  }
}

.size-148 {
  font-size: 148px;
}
@media screen and (max-width: 1599.98px) {
  .size-148 {
    font-size: 118px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-148 {
    font-size: 96px;
  }
}

.size-149 {
  font-size: 149px;
}
@media screen and (max-width: 1599.98px) {
  .size-149 {
    font-size: 119px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-149 {
    font-size: 97px;
  }
}

.size-150 {
  font-size: 150px;
}
@media screen and (max-width: 1599.98px) {
  .size-150 {
    font-size: 120px;
  }
}
@media screen and (max-width: 575.98px) {
  .size-150 {
    font-size: 98px;
  }
}

/*--Font Size END---*/
.rounded-top-left {
  border-top-left-radius: 200px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-top-left {
    border-top-left-radius: 150px;
  }
}
@media screen and (max-width: 1299.98px) {
  .rounded-top-left {
    border-top-left-radius: 100px;
  }
}
@media screen and (max-width: 991.98px) {
  .rounded-top-left {
    border-top-left-radius: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-top-left {
    border-top-left-radius: 30px;
  }
}

.rounded-top-right {
  border-top-right-radius: 200px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-top-right {
    border-top-right-radius: 150px;
  }
}
@media screen and (max-width: 1299.98px) {
  .rounded-top-right {
    border-top-right-radius: 100px;
  }
}
@media screen and (max-width: 991.98px) {
  .rounded-top-right {
    border-top-right-radius: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-top-right {
    border-top-right-radius: 30px;
  }
}

.rounded-bottom-right {
  border-bottom-right-radius: 200px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-bottom-right {
    border-bottom-right-radius: 150px;
  }
}
@media screen and (max-width: 1299.98px) {
  .rounded-bottom-right {
    border-bottom-right-radius: 100px;
  }
}
@media screen and (max-width: 991.98px) {
  .rounded-bottom-right {
    border-bottom-right-radius: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-bottom-right {
    border-bottom-right-radius: 30px;
  }
}

.rounded-bottom-left {
  border-bottom-left-radius: 200px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-bottom-left {
    border-bottom-left-radius: 150px;
  }
}
@media screen and (max-width: 1299.98px) {
  .rounded-bottom-left {
    border-bottom-left-radius: 100px;
  }
}
@media screen and (max-width: 991.98px) {
  .rounded-bottom-left {
    border-bottom-left-radius: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-bottom-left {
    border-bottom-left-radius: 30px;
  }
}

/*-----*/
/* V Medical: the button / LEARN MORE arrow, exact export of node 7472:7133 (one glyph,
   recoloured per use - 7472:7136 is the same path in navy). Box = the SVG's own
   19.5 x 9.5 (18 x 8 path + 1.5 stroke). */
.arrow-icon {
  width: 19.5px;
  height: 9.5px;
  display: block;
  flex: 0 0 auto;
  background-color: #ffffff;
  -webkit-mask: url("../../images/icon-arrow-btn.svg") no-repeat center;
  mask: url("../../images/icon-arrow-btn.svg") no-repeat center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-date {
  width: 14px;
  height: 16px;
  display: block;
  background-color: #363636;
  -webkit-mask: url("../../images/icon-date.svg") no-repeat center;
  mask: url("../../images/icon-date.svg") no-repeat center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
@media screen and (max-width: 1599.98px) {
  .icon-date {
    width: 10px;
    height: 12px;
  }
}

/*--V Medical icons - house pattern: one named mask mixin per icon. Each file is an
  exact export of its Figma node (node id in the comment). A mask renders no ink until
  its .svg exists - check the asset before blaming the technique (L-82). --*/
.icon-search {
  /* header search pill, exact export of node 7472:7159 (13.33 drawn + 0.5 stroke) */
  width: 14.19px;
  height: 14.19px;
  display: block;
  flex: 0 0 auto;
  background-color: #232323;
  -webkit-mask: url("../../images/icon-search.svg") no-repeat center;
  mask: url("../../images/icon-search.svg") no-repeat center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-arrow-long {
  /* long slider arrow, exact export of Arrow 1/2 (7472:6789, I7472:6961;7472:5685): 88 x 14.73 */
  width: 88px;
  height: 14.73px;
  display: block;
  flex: 0 0 auto;
  background-color: #363636;
  -webkit-mask: url("../../images/icon-arrow-long.svg") no-repeat center;
  mask: url("../../images/icon-arrow-long.svg") no-repeat center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-pin {
  /* location pin, exact export of I7472:6961;7472:5692: 18 x 22 drawn + 2.5 stroke */
  width: 20.5px;
  height: 24.5px;
  display: block;
  flex: 0 0 auto;
  background-color: #232323;
  -webkit-mask: url("../../images/icon-pin.svg") no-repeat center;
  mask: url("../../images/icon-pin.svg") no-repeat center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/* Multicolour artwork - kept as the original SVG, never recoloured (house icon rule). */
.icon-circle-arrow {
  /* skin-concern card control 7472:6827: white disc, gold ring + arrow, drawn
     mirrored (rotate 180 + scaleY -1 = scaleX -1) so it points right */
  display: block;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  background: url("../../images/icon-circle-arrow.svg") no-repeat center/100% 100%;
  transform: scaleX(-1);
}

.icon-circle-prev {
  /* signature slider control 7472:6939: 60 white disc, #2E456F ring + arrow */
  display: block;
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  background: url("../../images/icon-circle-prev.svg") no-repeat center/100% 100%;
}

.icon-circle-next {
  /* results slider control 7458:437: 60 white disc, #2E456F ring + arrow (right) */
  display: block;
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  background: url("../../images/icon-circle-next.svg") no-repeat center/100% 100%;
}

/*Global container*/
.container {
  max-width: 1210px;
  padding: 0 30px;
  width: 100%;
}
.container-default {
  max-width: 1210px;
}
.container-xxs {
  max-width: 980px;
}
.container-xs {
  max-width: 1060px;
}
.container-sm {
  max-width: 1160px;
}
.container-md {
  max-width: 1260px;
}
.container-lg {
  max-width: 1360px;
}
.container-xl {
  max-width: 1460px;
}
.container-xlg {
  max-width: 1580px;
}
.container-xxl {
  max-width: 1680px;
}
.container-xxxl {
  max-width: 1740px;
}
.container-fluid {
  max-width: 100%;
  padding: 0 60px;
  max-width: 100% !important;
}

@media (max-width: 1599.98px) {
  .container {
    max-width: 996px;
  }
  .container-default {
    max-width: 996px;
  }
  .container-xxs {
    max-width: 808px;
  }
  .container-xs {
    max-width: 874px;
  }
  .container-sm {
    max-width: 956px;
  }
  .container-md {
    max-width: 1040px;
  }
  .container-lg {
    max-width: 1120px;
  }
  .container-xl {
    max-width: 1202px;
  }
  .container-xlg {
    max-width: 1284px;
  }
  .container-xxl {
    max-width: 1368px;
  }
  .container-xxxl {
    max-width: 1450px;
  }
}
@media screen and (max-width: 1599.98px) {
  .container-fluid {
    padding: 0 50px;
  }
}
@media screen and (max-width: 1399.98px) {
  .container-fluid {
    padding: 0 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .container,
  [class*=container-] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/*Global container END*/
/*---Inner Padding Container ---*/
/*---------------------------------------*/
.inner-padding {
  position: relative;
  width: 100%;
  padding: 70px 0;
}
.inner-padding-base {
  padding: 70px 0;
}
.inner-padding-20 {
  padding: 20px 0;
}
.inner-padding-30 {
  padding: 30px 0;
}
.inner-padding-40 {
  padding: 40px 0;
}
.inner-padding-50 {
  padding: 60px 0;
}
.inner-padding-60 {
  padding: 60px 0;
}
.inner-padding-70 {
  padding: 70px 0;
}
.inner-padding-80 {
  padding: 80px 0;
}
.inner-padding-90 {
  padding: 90px 0;
}
.inner-padding-100 {
  padding: 100px 0;
}
.inner-padding-110 {
  padding: 110px 0;
}
.inner-padding-120 {
  padding: 120px 0;
}
.inner-padding-130 {
  padding: 130px 0;
}
.inner-padding-140 {
  padding: 140px 0;
}
.inner-padding-150 {
  padding: 150px 0;
}
.inner-padding-160 {
  padding: 160px 0;
}
.inner-padding-170 {
  padding: 170px 0;
}
.inner-padding-180 {
  padding: 180px 0;
}
.inner-padding-190 {
  padding: 190px 0;
}
.inner-padding-200 {
  padding: 200px 0;
}
@media (max-width: 1599.98px) {
  .inner-padding-base {
    padding: 60px 0;
  }
  .inner-padding-20 {
    padding: 20px 0;
  }
  .inner-padding-30 {
    padding: 30px 0;
  }
  .inner-padding-40 {
    padding: 30px 0;
  }
  .inner-padding-50 {
    padding: 40px 0;
  }
  .inner-padding-60 {
    padding: 50px 0;
  }
  .inner-padding-70 {
    padding: 60px 0;
  }
  .inner-padding-80 {
    padding: 65px 0;
  }
  .inner-padding-90 {
    padding: 75px 0;
  }
  .inner-padding-100 {
    padding: 80px 0;
  }
  .inner-padding-110 {
    padding: 90px 0;
  }
  .inner-padding-120 {
    padding: 100px 0;
  }
  .inner-padding-130 {
    padding: 110px 0;
  }
  .inner-padding-140 {
    padding: 115px 0;
  }
  .inner-padding-150 {
    padding: 120px 0;
  }
  .inner-padding-160 {
    padding: 130px 0;
  }
  .inner-padding-170 {
    padding: 140px 0;
  }
  .inner-padding-180 {
    padding: 150px 0;
  }
  .inner-padding-190 {
    padding: 155px 0;
  }
  .inner-padding-200 {
    padding: 165px 0;
  }
  .inner-padding {
    padding: 60px 0;
  }
}
@media (max-width: 1299.98px) {
  .inner-padding-base {
    padding: 50px 0;
  }
  .inner-padding-20 {
    padding: 20px 0;
  }
  .inner-padding-30 {
    padding: 30px 0;
  }
  .inner-padding-40 {
    padding: 30px 0;
  }
  .inner-padding-50 {
    padding: 35px 0;
  }
  .inner-padding-60 {
    padding: 40px 0;
  }
  .inner-padding-70 {
    padding: 50px 0;
  }
  .inner-padding-80 {
    padding: 55px 0;
  }
  .inner-padding-90 {
    padding: 60px 0;
  }
  .inner-padding-100 {
    padding: 70px 0;
  }
  .inner-padding-110 {
    padding: 75px 0;
  }
  .inner-padding-120 {
    padding: 80px 0;
  }
  .inner-padding-130 {
    padding: 90px 0;
  }
  .inner-padding-140 {
    padding: 95px 0;
  }
  .inner-padding-150 {
    padding: 100px 0;
  }
  .inner-padding-160 {
    padding: 110px 0;
  }
  .inner-padding-170 {
    padding: 115px 0;
  }
  .inner-padding-180 {
    padding: 120px 0;
  }
  .inner-padding-190 {
    padding: 130px 0;
  }
  .inner-padding-200 {
    padding: 135px 0;
  }
  .inner-padding {
    padding: 50px 0;
  }
}
@media (max-width: 575.98px) {
  .inner-padding-base {
    padding: 40px 0;
  }
  .inner-padding-20 {
    padding: 20px 0;
  }
  .inner-padding-30 {
    padding: 30px 0;
  }
  .inner-padding-40 {
    padding: 40px 0;
  }
  .inner-padding-50 {
    padding: 40px 0;
  }
  .inner-padding-60 {
    padding: 40px 0;
  }
  .inner-padding-70 {
    padding: 40px 0;
  }
  .inner-padding-80 {
    padding: 40px 0;
  }
  .inner-padding-90 {
    padding: 40px 0;
  }
  .inner-padding-100 {
    padding: 40px 0;
  }
  .inner-padding-110 {
    padding: 40px 0;
  }
  .inner-padding-120 {
    padding: 40px 0;
  }
  .inner-padding-130 {
    padding: 40px 0;
  }
  .inner-padding-140 {
    padding: 40px 0;
  }
  .inner-padding-150 {
    padding: 40px 0;
  }
  .inner-padding-160 {
    padding: 40px 0;
  }
  .inner-padding-170 {
    padding: 40px 0;
  }
  .inner-padding-180 {
    padding: 40px 0;
  }
  .inner-padding-190 {
    padding: 40px 0;
  }
  .inner-padding-200 {
    padding: 40px 0;
  }
  .inner-padding {
    padding: 40px 0;
  }
}
/*---Inner Padding Container END---*/
/*---colContainer--*/
.colContainer {
  position: relative;
  display: block;
}
.colContainer.xs .textColRight,
.colContainer.xs .textColLeft {
  width: 500px;
}
@media screen and (max-width: 1599.98px) {
  .colContainer.xs .textColRight,
  .colContainer.xs .textColLeft {
    width: 438px;
  }
}
.colContainer.sm .textColRight,
.colContainer.sm .textColLeft {
  width: 550px;
}
@media screen and (max-width: 1599.98px) {
  .colContainer.sm .textColRight,
  .colContainer.sm .textColLeft {
    width: 448px;
  }
}
.colContainer.md .textColRight,
.colContainer.md .textColLeft {
  width: 650px;
}
@media screen and (max-width: 1599.98px) {
  .colContainer.md .textColRight,
  .colContainer.md .textColLeft {
    width: 530px;
  }
}
.colContainer.lg .textColRight,
.colContainer.lg .textColLeft {
  width: 700px;
}
@media screen and (max-width: 1599.98px) {
  .colContainer.lg .textColRight,
  .colContainer.lg .textColLeft {
    width: 570px;
  }
}
@media screen and (max-width: 1299.98px) {
  .colContainer.lg .textColRight,
  .colContainer.lg .textColLeft {
    width: 100%;
    padding: 0 30px;
  }
}
.colContainer.xl .textColRight,
.colContainer.xl .textColLeft {
  width: 700px;
}
@media screen and (max-width: 1599.98px) {
  .colContainer.xl .textColRight,
  .colContainer.xl .textColLeft {
    width: 570px;
  }
}
@media screen and (max-width: 1299.98px) {
  .colContainer.xl .textColRight,
  .colContainer.xl .textColLeft {
    width: 100%;
    padding: 0 30px;
  }
}
.colContainer.xxl .textColRight,
.colContainer.xxl .textColLeft {
  width: 800px;
}
@media screen and (max-width: 1599.98px) {
  .colContainer.xxl .textColRight,
  .colContainer.xxl .textColLeft {
    width: 654px;
  }
}
@media screen and (max-width: 1399.98px) {
  .colContainer.xxl .textColRight,
  .colContainer.xxl .textColLeft {
    width: 100%;
    padding: 0 30px;
  }
}

.textColRight,
.textColLeft {
  display: block;
  position: relative;
  width: 575px;
  padding: 0;
}
@media screen and (max-width: 1599.98px) {
  .textColRight,
  .textColLeft {
    width: 438px;
  }
}
@media screen and (max-width: 1199.98px) {
  .textColRight,
  .textColLeft {
    width: 100% !important;
    padding: 0 30px !important;
  }
}
@media screen and (max-width: 575.98px) {
  .textColRight,
  .textColLeft {
    width: 100% !important;
    padding: 0 20px !important;
  }
}
.textColRight.textColRight,
.textColLeft.textColRight {
  margin-right: auto;
}
.textColRight.textColLeft,
.textColLeft.textColLeft {
  margin-left: auto;
}

/*---colContainer END--*/
.gutters-2 {
  margin-right: -2px;
  margin-left: -2px;
}

.gutters-3 {
  margin-right: -3px;
  margin-left: -3px;
}

.gutters-4 {
  margin-right: -4px;
  margin-left: -4px;
}

.gutters-5 {
  margin-right: -5px;
  margin-left: -5px;
}

.gutters-6 {
  margin-right: -6px;
  margin-left: -6px;
}

.gutters-7 {
  margin-right: -7px;
  margin-left: -7px;
}

.gutters-8 {
  margin-right: -8px;
  margin-left: -8px;
}

.gutters-9 {
  margin-right: -9px;
  margin-left: -9px;
}

.gutters-10 {
  margin-right: -10px;
  margin-left: -10px;
}

.gutters-12 {
  margin-right: -12px;
  margin-left: -12px;
}

.gutters-15 {
  margin-right: -15px;
  margin-left: -15px;
}

.gutters-16 {
  margin-right: -16px;
  margin-left: -16px;
}

.gutters-18 {
  margin-right: -18px;
  margin-left: -18px;
}

.gutters-20 {
  margin-right: -20px;
  margin-left: -20px;
}

.gutters-25 {
  margin-right: -25px;
  margin-left: -25px;
}

.gutters-30 {
  margin-right: -30px;
  margin-left: -30px;
}

.gutters-35 {
  margin-right: -35px;
  margin-left: -35px;
}

.gutters-40 {
  margin-right: -40px;
  margin-left: -40px;
}

.gutters-2 > .col, .gutters-2 > [class*=col-], .gutters-2 > li, .slick-slider.gutters-2 .slider-slide {
  padding-right: 2px;
  padding-left: 2px;
}

.gutters-3 > .col, .gutters-3 > [class*=col-], .gutters-3 > li, .slick-slider.gutters-3 .slider-slide {
  padding-right: 3px;
  padding-left: 3px;
}

.gutters-4 > .col, .gutters-4 > [class*=col-], .gutters-4 > li, .slick-slider.gutters-4 .slider-slide {
  padding-right: 4px;
  padding-left: 4px;
}

.gutters-5 > .col, .gutters-5 > [class*=col-], .gutters-5 > li, .slick-slider.gutters-5 .slider-slide {
  padding-right: 5px;
  padding-left: 5px;
}

.gutters-6 > .col, .gutters-6 > [class*=col-], .gutters-6 > li, .slick-slider.gutters-6 .slider-slide {
  padding-right: 6px;
  padding-left: 6px;
}

.gutters-7 > .col, .gutters-7 > [class*=col-], .gutters-7 > li, .slick-slider.gutters-7 .slider-slide {
  padding-right: 7px;
  padding-left: 7px;
}

.gutters-8 > .col, .gutters-8 > [class*=col-], .gutters-8 > li, .slick-slider.gutters-8 .slider-slide {
  padding-right: 8px;
  padding-left: 8px;
}

.gutters-9 > .col, .gutters-9 > [class*=col-], .gutters-9 > li, .slick-slider.gutters-9 .slider-slide {
  padding-right: 9px;
  padding-left: 9px;
}

.gutters-10 > .col, .gutters-10 > [class*=col-], .gutters-10 > li, .slick-slider.gutters-10 .slider-slide {
  padding-right: 10px;
  padding-left: 10px;
}

.gutters-12 > .col, .gutters-12 > [class*=col-], .gutters-12 > li, .slick-slider.gutters-12 .slider-slide {
  padding-right: 12px;
  padding-left: 12px;
}

.gutters-15 > .col, .gutters-15 > [class*=col-], .gutters-15 > li, .slick-slider.gutters-15 .slider-slide {
  padding-right: 15px;
  padding-left: 15px;
}

.gutters-16 > .col, .gutters-16 > [class*=col-], .gutters-16 > li, .slick-slider.gutters-16 .slider-slide {
  padding-right: 16px;
  padding-left: 16px;
}

.gutters-18 > .col, .gutters-18 > [class*=col-], .gutters-18 > li, .slick-slider.gutters-18 .slider-slide {
  padding-right: 18px;
  padding-left: 18px;
}

.gutters-20 > .col, .gutters-20 > [class*=col-], .gutters-20 > li, .slick-slider.gutters-20 .slider-slide {
  padding-right: 20px;
  padding-left: 20px;
}

.gutters-25 > .col, .gutters-25 > [class*=col-], .gutters-25 > li, .slick-slider.gutters-25 .slider-slide {
  padding-right: 25px;
  padding-left: 25px;
}

.gutters-30 > .col, .gutters-30 > [class*=col-], .gutters-30 > li, .slick-slider.gutters-30 .slider-slide {
  padding-right: 30px;
  padding-left: 30px;
}

.gutters-35 > .col, .gutters-35 > [class*=col-], .gutters-35 > li, .slick-slider.gutters-35 .slider-slide {
  padding-right: 35px;
  padding-left: 35px;
}

.gutters-40 > .col, .gutters-40 > [class*=col-], .gutters-40 > li, .slick-slider.gutters-40 .slider-slide {
  padding-right: 40px;
  padding-left: 40px;
}

.grid-2 > .col, .grid-2 > [class*=col-], .grid-2 > li, .slick-slider.grid-2 .slider-slide {
  padding-top: 2px;
  padding-bottom: 2px;
}

.grid-3 > .col, .grid-3 > [class*=col-], .grid-3 > li, .slick-slider.grid-3 .slider-slide {
  padding-top: 3px;
  padding-bottom: 3px;
}

.grid-4 > .col, .grid-4 > [class*=col-], .grid-4 > li, .slick-slider.grid-4 .slider-slide {
  padding-top: 4px;
  padding-bottom: 4px;
}

.grid-5 > .col, .grid-5 > [class*=col-], .grid-5 > li, .slick-slider.grid-5 .slider-slide {
  padding-top: 5px;
  padding-bottom: 5px;
}

.grid-6 > .col, .grid-6 > [class*=col-], .grid-6 > li, .slick-slider.grid-6 .slider-slide {
  padding-top: 6px;
  padding-bottom: 6px;
}

.grid-7 > .col, .grid-7 > [class*=col-], .grid-7 > li, .slick-slider.grid-7 .slider-slide {
  padding-top: 7px;
  padding-bottom: 7px;
}

.grid-8 > .col, .grid-8 > [class*=col-], .grid-8 > li, .slick-slider.grid-8 .slider-slide {
  padding-top: 8px;
  padding-bottom: 8px;
}

.grid-9 > .col, .grid-9 > [class*=col-], .grid-9 > li, .slick-slider.grid-9 .slider-slide {
  padding-top: 9px;
  padding-bottom: 9px;
}

.grid-10 > .col, .grid-10 > [class*=col-], .grid-10 > li, .slick-slider.grid-10 .slider-slide {
  padding-top: 10px;
  padding-bottom: 10px;
}

.grid-12 > .col, .grid-12 > [class*=col-], .grid-12 > li, .slick-slider.grid-12 .slider-slide {
  padding-top: 12px;
  padding-bottom: 12px;
}

.grid-15 > .col, .grid-15 > [class*=col-], .grid-15 > li, .slick-slider.grid-15 .slider-slide {
  padding-top: 15px;
  padding-bottom: 15px;
}

.grid-16 > .col, .grid-16 > [class*=col-], .grid-16 > li, .slick-slider.grid-16 .slider-slide {
  padding-top: 16px;
  padding-bottom: 16px;
}

.grid-18 > .col, .grid-18 > [class*=col-], .grid-18 > li, .slick-slider.grid-18 .slider-slide {
  padding-top: 18px;
  padding-bottom: 18px;
}

.grid-20 > .col, .grid-20 > [class*=col-], .grid-20 > li, .slick-slider.grid-20 .slider-slide {
  padding-top: 20px;
  padding-bottom: 20px;
}

.grid-25 > .col, .grid-25 > [class*=col-], .grid-25 > li, .slick-slider.grid-25 .slider-slide {
  padding-top: 25px;
  padding-bottom: 25px;
}

.grid-30 > .col, .grid-30 > [class*=col-], .grid-30 > li, .slick-slider.grid-30 .slider-slide {
  padding-top: 30px;
  padding-bottom: 30px;
}

.grid-35 > .col, .grid-35 > [class*=col-], .grid-35 > li, .slick-slider.grid-35 .slider-slide {
  padding-top: 35px;
  padding-bottom: 35px;
}

.grid-40 > .col, .grid-40 > [class*=col-], .grid-40 > li, .slick-slider.grid-40 .slider-slide {
  padding-top: 40px;
  padding-bottom: 40px;
}

.row.grid-2, ul.grid-2, .slick-slider.grid-2 {
  margin-top: -2px;
  margin-bottom: -2px;
}

.row.grid-3, ul.grid-3, .slick-slider.grid-3 {
  margin-top: -3px;
  margin-bottom: -3px;
}

.row.grid-4, ul.grid-4, .slick-slider.grid-4 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.row.grid-5, ul.grid-5, .slick-slider.grid-5 {
  margin-top: -5px;
  margin-bottom: -5px;
}

.row.grid-6, ul.grid-6, .slick-slider.grid-6 {
  margin-top: -6px;
  margin-bottom: -6px;
}

.row.grid-7, ul.grid-7, .slick-slider.grid-7 {
  margin-top: -7px;
  margin-bottom: -7px;
}

.row.grid-8, ul.grid-8, .slick-slider.grid-8 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.row.grid-9, ul.grid-9, .slick-slider.grid-9 {
  margin-top: -9px;
  margin-bottom: -9px;
}

.row.grid-10, ul.grid-10, .slick-slider.grid-10 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.row.grid-12, ul.grid-12, .slick-slider.grid-12 {
  margin-top: -12px;
  margin-bottom: -12px;
}

.row.grid-15, ul.grid-15, .slick-slider.grid-15 {
  margin-top: -15px;
  margin-bottom: -15px;
}

.row.grid-16, ul.grid-16, .slick-slider.grid-16 {
  margin-top: -16px;
  margin-bottom: -16px;
}

.row.grid-18, ul.grid-18, .slick-slider.grid-18 {
  margin-top: -18px;
  margin-bottom: -18px;
}

.row.grid-20, ul.grid-20, .slick-slider.grid-20 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.row.grid-25, ul.grid-25, .slick-slider.grid-25 {
  margin-top: -25px;
  margin-bottom: -25px;
}

.row.grid-30, ul.grid-30, .slick-slider.grid-30 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.row.grid-35, ul.grid-35, .slick-slider.grid-35 {
  margin-top: -35px;
  margin-bottom: -35px;
}

.row.grid-40, ul.grid-40, .slick-slider.grid-40 {
  margin-top: -40px;
  margin-bottom: -40px;
}

/*-1500--125%*/
@media screen and (max-width: 1599.98px) {
  .gutters-12 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .gutters-15 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .gutters-16 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .gutters-18 {
    margin-right: -15px;
    margin-left: -15px;
  }
  .gutters-20 {
    margin-right: -15px;
    margin-left: -15px;
  }
  .gutters-25 {
    margin-right: -20px;
    margin-left: -20px;
  }
  .gutters-30 {
    margin-right: -25px;
    margin-left: -25px;
  }
  .gutters-35 {
    margin-right: -30px;
    margin-left: -30px;
  }
  .gutters-40 {
    margin-right: -35px;
    margin-left: -35px;
  }
  .gutters-12 > .col, .gutters-12 > [class*=col-], .gutters-12 > li, .slick-slider.gutters-12 .slider-slide {
    padding-right: 10px;
    padding-left: 10px;
  }
  .gutters-15 > .col, .gutters-15 > [class*=col-], .gutters-15 > li, .slick-slider.gutters-15 .slider-slide {
    padding-right: 12px;
    padding-left: 12px;
  }
  .gutters-16 > .col, .gutters-16 > [class*=col-], .gutters-16 > li, .slick-slider.gutters-16 .slider-slide {
    padding-right: 12px;
    padding-left: 12px;
  }
  .gutters-18 > .col, .gutters-18 > [class*=col-], .gutters-18 > li, .slick-slider.gutters-18 .slider-slide {
    padding-right: 15px;
    padding-left: 15px;
  }
  .gutters-20 > .col, .gutters-20 > [class*=col-], .gutters-20 > li, .slick-slider.gutters-20 .slider-slide {
    padding-right: 15px;
    padding-left: 15px;
  }
  .gutters-25 > .col, .gutters-25 > [class*=col-], .gutters-25 > li, .slick-slider.gutters-25 .slider-slide {
    padding-right: 20px;
    padding-left: 20px;
  }
  .gutters-30 > .col, .gutters-30 > [class*=col-], .gutters-30 > li, .slick-slider.gutters-30 .slider-slide {
    padding-right: 25px;
    padding-left: 25px;
  }
  .gutters-35 > .col, .gutters-35 > [class*=col-], .gutters-35 > li, .slick-slider.gutters-35 .slider-slide {
    padding-right: 30px;
    padding-left: 30px;
  }
  .gutters-40 > .col, .gutters-40 > [class*=col-], .gutters-40 > li, .slick-slider.gutters-40 .slider-slide {
    padding-right: 35px;
    padding-left: 35px;
  }
  .grid-12 > .col, .grid-12 > [class*=col-], .grid-12 > li, .slick-slider.grid-12 .slider-slide {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .grid-15 > .col, .grid-15 > [class*=col-], .grid-15 > li, .slick-slider.grid-15 .slider-slide {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .grid-16 > .col, .grid-15 > [class*=col-], .grid-16 > li, .slick-slider.grid-16 .slider-slide {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .grid-18 > .col, .grid-18 > [class*=col-], .grid-18 > li, .slick-slider.grid-18 .slider-slide {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .grid-20 > .col, .grid-20 > [class*=col-], .grid-20 > li, .slick-slider.grid-20 .slider-slide {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .grid-25 > .col, .grid-25 > [class*=col-], .grid-25 > li, .slick-slider.grid-25 .slider-slide {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .grid-30 > .col, .grid-30 > [class*=col-], .grid-30 > li, .slick-slider.grid-30 .slider-slide {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .grid-35 > .col, .grid-35 > [class*=col-], .grid-35 > li, .slick-slider.grid-35 .slider-slide {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .grid-40 > .col, .grid-40 > [class*=col-], .grid-40 > li, .slick-slider.grid-40 .slider-slide {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .row.grid-12, ul.grid-12, .slick-slider.grid-12 {
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .row.grid-15, ul.grid-15, .slick-slider.grid-15 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .row.grid-16, ul.grid-16, .slick-slider.grid-16 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .row.grid-18, ul.grid-18, .slick-slider.grid-18 {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .row.grid-20, ul.grid-20, .slick-slider.grid-20 {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .row.grid-25, ul.grid-25, .slick-slider.grid-25 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .row.grid-30, ul.grid-30, .slick-slider.grid-30 {
    margin-top: -25px;
    margin-bottom: -25px;
  }
  .row.grid-35, ul.grid-35, .slick-slider.grid-35 {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  .row.grid-40, ul.grid-40, .slick-slider.grid-40 {
    margin-top: -35px;
    margin-bottom: -35px;
  }
}
/*-480-sm*/
@media screen and (max-width: 575.98px) {
  .gutters-20,
  .gutters-25,
  .gutters-30,
  .gutters-35,
  .gutters-40 {
    margin-right: -15px;
    margin-left: -15px;
  }
  .gutters-20 > .col, .gutters-20 > [class*=col-], .gutters-20 > li, .slick-slider.gutters-20 .slider-slide,
  .gutters-25 > .col, .gutters-25 > [class*=col-], .gutters-25 > li, .slick-slider.gutters-25 .slider-slide,
  .gutters-30 > .col, .gutters-30 > [class*=col-], .gutters-30 > li, .slick-slider.gutters-30 .slider-slide,
  .gutters-35 > .col, .gutters-35 > [class*=col-], .gutters-35 > li, .slick-slider.gutters-35 .slider-slide,
  .gutters-40 > .col, .gutters-40 > [class*=col-], .gutters-40 > li, .slick-slider.gutters-40 .slider-slide {
    padding-right: 15px;
    padding-left: 15px;
  }
  .grid-20 > .col, .grid-20 > [class*=col-], .grid-20 > li, .slick-slider.grid-20 .slider-slide,
  .grid-25 > .col, .grid-25 > [class*=col-], .grid-25 > li, .slick-slider.grid-25 .slider-slide,
  .grid-30 > .col, .grid-30 > [class*=col-], .grid-30 > li, .slick-slider.grid-30 .slider-slide,
  .grid-35 > .col, .grid-35 > [class*=col-], .grid-35 > li, .slick-slider.grid-35 .slider-slide,
  .grid-40 > .col, .grid-40 > [class*=col-], .grid-40 > li, .slick-slider.grid-40 .slider-slide {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .row.grid-20, ul.grid-20, .slick-slider.grid-20,
  .row.grid-25, ul.grid-25, .slick-slider.grid-25,
  .row.grid-30, ul.grid-30, .slick-slider.grid-30,
  .row.grid-35, ul.grid-35, .slick-slider.grid-35,
  .row.grid-40, ul.grid-40, .slick-slider.grid-40 {
    margin-top: -15px;
    margin-bottom: -15px;
  }
}
/*---*/
.leftpad, .rightpad {
  position: relative;
}

.leftmargin, .rightmargin {
  position: relative;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.p5 {
  padding: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.m5 {
  margin: 5px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.m-5 {
  margin: -5px !important;
}

.mt-5 {
  margin-top: -5px !important;
}

.mr-5 {
  margin-right: -5px !important;
}

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

.ml-5 {
  margin-left: -5px !important;
}

.p10 {
  padding: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.m10 {
  margin: 10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.m-10 {
  margin: -10px !important;
}

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

.mr-10 {
  margin-right: -10px !important;
}

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

.ml-10 {
  margin-left: -10px !important;
}

.p15 {
  padding: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.m15 {
  margin: 15px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.m-15 {
  margin: -15px !important;
}

.mt-15 {
  margin-top: -15px !important;
}

.mr-15 {
  margin-right: -15px !important;
}

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

.ml-15 {
  margin-left: -15px !important;
}

.p20 {
  padding: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.m20 {
  margin: 20px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.m-20 {
  margin: -20px !important;
}

.mt-20 {
  margin-top: -20px !important;
}

.mr-20 {
  margin-right: -20px !important;
}

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

.ml-20 {
  margin-left: -20px !important;
}

.p25 {
  padding: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.m25 {
  margin: 25px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.m-25 {
  margin: -25px !important;
}

.mt-25 {
  margin-top: -25px !important;
}

.mr-25 {
  margin-right: -25px !important;
}

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

.ml-25 {
  margin-left: -25px !important;
}

.p30 {
  padding: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.m30 {
  margin: 30px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.m-30 {
  margin: -30px !important;
}

.mt-30 {
  margin-top: -30px !important;
}

.mr-30 {
  margin-right: -30px !important;
}

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

.ml-30 {
  margin-left: -30px !important;
}

.p35 {
  padding: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.m35 {
  margin: 35px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.m-35 {
  margin: -35px !important;
}

.mt-35 {
  margin-top: -35px !important;
}

.mr-35 {
  margin-right: -35px !important;
}

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

.ml-35 {
  margin-left: -35px !important;
}

.p40 {
  padding: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.m40 {
  margin: 40px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.m-40 {
  margin: -40px !important;
}

.mt-40 {
  margin-top: -40px !important;
}

.mr-40 {
  margin-right: -40px !important;
}

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

.ml-40 {
  margin-left: -40px !important;
}

.p45 {
  padding: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.m45 {
  margin: 45px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.m-45 {
  margin: -45px !important;
}

.mt-45 {
  margin-top: -45px !important;
}

.mr-45 {
  margin-right: -45px !important;
}

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

.ml-45 {
  margin-left: -45px !important;
}

.p50 {
  padding: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.m50 {
  margin: 50px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.m-50 {
  margin: -50px !important;
}

.mt-50 {
  margin-top: -50px !important;
}

.mr-50 {
  margin-right: -50px !important;
}

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

.ml-50 {
  margin-left: -50px !important;
}

.p55 {
  padding: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.m55 {
  margin: 55px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

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

.ml55 {
  margin-left: 55px !important;
}

.m-55 {
  margin: -55px !important;
}

.mt-55 {
  margin-top: -55px !important;
}

.mr-55 {
  margin-right: -55px !important;
}

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

.ml-55 {
  margin-left: -55px !important;
}

.p60 {
  padding: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.m60 {
  margin: 60px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.m-60 {
  margin: -60px !important;
}

.mt-60 {
  margin-top: -60px !important;
}

.mr-60 {
  margin-right: -60px !important;
}

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

.ml-60 {
  margin-left: -60px !important;
}

.p65 {
  padding: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.m65 {
  margin: 65px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.m-65 {
  margin: -65px !important;
}

.mt-65 {
  margin-top: -65px !important;
}

.mr-65 {
  margin-right: -65px !important;
}

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

.ml-65 {
  margin-left: -65px !important;
}

.p70 {
  padding: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.m70 {
  margin: 70px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.m-70 {
  margin: -70px !important;
}

.mt-70 {
  margin-top: -70px !important;
}

.mr-70 {
  margin-right: -70px !important;
}

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

.ml-70 {
  margin-left: -70px !important;
}

.p75 {
  padding: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.m75 {
  margin: 75px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.m-75 {
  margin: -75px !important;
}

.mt-75 {
  margin-top: -75px !important;
}

.mr-75 {
  margin-right: -75px !important;
}

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

.ml-75 {
  margin-left: -75px !important;
}

.p80 {
  padding: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.m80 {
  margin: 80px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.m-80 {
  margin: -80px !important;
}

.mt-80 {
  margin-top: -80px !important;
}

.mr-80 {
  margin-right: -80px !important;
}

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

.ml-80 {
  margin-left: -80px !important;
}

.p85 {
  padding: 85px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.m85 {
  margin: 85px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.m-85 {
  margin: -85px !important;
}

.mt-85 {
  margin-top: -85px !important;
}

.mr-85 {
  margin-right: -85px !important;
}

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

.ml-85 {
  margin-left: -85px !important;
}

.p90 {
  padding: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.m90 {
  margin: 90px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.m-90 {
  margin: -90px !important;
}

.mt-90 {
  margin-top: -90px !important;
}

.mr-90 {
  margin-right: -90px !important;
}

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

.ml-90 {
  margin-left: -90px !important;
}

.p95 {
  padding: 95px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.m95 {
  margin: 95px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.m-95 {
  margin: -95px !important;
}

.mt-95 {
  margin-top: -95px !important;
}

.mr-95 {
  margin-right: -95px !important;
}

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

.ml-95 {
  margin-left: -95px !important;
}

.p100 {
  padding: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.m100 {
  margin: 100px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.m-100 {
  margin: -100px !important;
}

.mt-100 {
  margin-top: -100px !important;
}

.mr-100 {
  margin-right: -100px !important;
}

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

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

@media (max-width: 1599.98px) {
  .p5 {
    padding: 4px !important;
  }
  .pt5 {
    padding-top: 4px !important;
  }
  .pr5 {
    padding-right: 4px !important;
  }
  .pb5 {
    padding-bottom: 4px !important;
  }
  .pl5 {
    padding-left: 4px !important;
  }
  .m5 {
    margin: 4px !important;
  }
  .mt5 {
    margin-top: 4px !important;
  }
  .mr5 {
    margin-right: 4px !important;
  }
  .mb5 {
    margin-bottom: 4px !important;
  }
  .ml5 {
    margin-left: 4px !important;
  }
  .m-5 {
    margin: 4px !important;
  }
  .mt-5 {
    margin-top: -4px !important;
  }
  .mr-5 {
    margin-right: -4px !important;
  }
  .mb-5 {
    margin-bottom: -4px !important;
  }
  .ml-5 {
    margin-left: -4px !important;
  }
  .p10 {
    padding: 8px !important;
  }
  .pt10 {
    padding-top: 8px !important;
  }
  .pr10 {
    padding-right: 8px !important;
  }
  .pb10 {
    padding-bottom: 8px !important;
  }
  .pl10 {
    padding-left: 8px !important;
  }
  .m10 {
    margin: 8px !important;
  }
  .mt10 {
    margin-top: 8px !important;
  }
  .mr10 {
    margin-right: 8px !important;
  }
  .mb10 {
    margin-bottom: 8px !important;
  }
  .ml10 {
    margin-left: 8px !important;
  }
  .m-10 {
    margin: 8px !important;
  }
  .mt-10 {
    margin-top: -8px !important;
  }
  .mr-10 {
    margin-right: -8px !important;
  }
  .mb-10 {
    margin-bottom: -8px !important;
  }
  .ml-10 {
    margin-left: -8px !important;
  }
  .p15 {
    padding: 12px !important;
  }
  .pt15 {
    padding-top: 12px !important;
  }
  .pr15 {
    padding-right: 12px !important;
  }
  .pb15 {
    padding-bottom: 12px !important;
  }
  .pl15 {
    padding-left: 12px !important;
  }
  .m15 {
    margin: 12px !important;
  }
  .mt15 {
    margin-top: 12px !important;
  }
  .mr15 {
    margin-right: 12px !important;
  }
  .mb15 {
    margin-bottom: 12px !important;
  }
  .ml15 {
    margin-left: 12px !important;
  }
  .m-15 {
    margin: 12px !important;
  }
  .mt-15 {
    margin-top: -12px !important;
  }
  .mr-15 {
    margin-right: -12px !important;
  }
  .mb-15 {
    margin-bottom: -12px !important;
  }
  .ml-15 {
    margin-left: -12px !important;
  }
  .p20 {
    padding: 16px !important;
  }
  .pt20 {
    padding-top: 16px !important;
  }
  .pr20 {
    padding-right: 16px !important;
  }
  .pb20 {
    padding-bottom: 16px !important;
  }
  .pl20 {
    padding-left: 16px !important;
  }
  .m20 {
    margin: 16px !important;
  }
  .mt20 {
    margin-top: 16px !important;
  }
  .mr20 {
    margin-right: 16px !important;
  }
  .mb20 {
    margin-bottom: 16px !important;
  }
  .ml20 {
    margin-left: 16px !important;
  }
  .m-20 {
    margin: 16px !important;
  }
  .mt-20 {
    margin-top: -16px !important;
  }
  .mr-20 {
    margin-right: -16px !important;
  }
  .mb-20 {
    margin-bottom: -16px !important;
  }
  .ml-20 {
    margin-left: -16px !important;
  }
  .p25 {
    padding: 20px !important;
  }
  .pt25 {
    padding-top: 20px !important;
  }
  .pr25 {
    padding-right: 20px !important;
  }
  .pb25 {
    padding-bottom: 20px !important;
  }
  .pl25 {
    padding-left: 20px !important;
  }
  .m25 {
    margin: 20px !important;
  }
  .mt25 {
    margin-top: 20px !important;
  }
  .mr25 {
    margin-right: 20px !important;
  }
  .mb25 {
    margin-bottom: 20px !important;
  }
  .ml25 {
    margin-left: 20px !important;
  }
  .m-25 {
    margin: 20px !important;
  }
  .mt-25 {
    margin-top: -20px !important;
  }
  .mr-25 {
    margin-right: -20px !important;
  }
  .mb-25 {
    margin-bottom: -20px !important;
  }
  .ml-25 {
    margin-left: -20px !important;
  }
  .p30 {
    padding: 24px !important;
  }
  .pt30 {
    padding-top: 24px !important;
  }
  .pr30 {
    padding-right: 24px !important;
  }
  .pb30 {
    padding-bottom: 24px !important;
  }
  .pl30 {
    padding-left: 24px !important;
  }
  .m30 {
    margin: 24px !important;
  }
  .mt30 {
    margin-top: 24px !important;
  }
  .mr30 {
    margin-right: 24px !important;
  }
  .mb30 {
    margin-bottom: 24px !important;
  }
  .ml30 {
    margin-left: 24px !important;
  }
  .m-30 {
    margin: 24px !important;
  }
  .mt-30 {
    margin-top: -24px !important;
  }
  .mr-30 {
    margin-right: -24px !important;
  }
  .mb-30 {
    margin-bottom: -24px !important;
  }
  .ml-30 {
    margin-left: -24px !important;
  }
  .p35 {
    padding: 28px !important;
  }
  .pt35 {
    padding-top: 28px !important;
  }
  .pr35 {
    padding-right: 28px !important;
  }
  .pb35 {
    padding-bottom: 28px !important;
  }
  .pl35 {
    padding-left: 28px !important;
  }
  .m35 {
    margin: 28px !important;
  }
  .mt35 {
    margin-top: 28px !important;
  }
  .mr35 {
    margin-right: 28px !important;
  }
  .mb35 {
    margin-bottom: 28px !important;
  }
  .ml35 {
    margin-left: 28px !important;
  }
  .m-35 {
    margin: 28px !important;
  }
  .mt-35 {
    margin-top: -28px !important;
  }
  .mr-35 {
    margin-right: -28px !important;
  }
  .mb-35 {
    margin-bottom: -28px !important;
  }
  .ml-35 {
    margin-left: -28px !important;
  }
  .p40 {
    padding: 32px !important;
  }
  .pt40 {
    padding-top: 32px !important;
  }
  .pr40 {
    padding-right: 32px !important;
  }
  .pb40 {
    padding-bottom: 32px !important;
  }
  .pl40 {
    padding-left: 32px !important;
  }
  .m40 {
    margin: 32px !important;
  }
  .mt40 {
    margin-top: 32px !important;
  }
  .mr40 {
    margin-right: 32px !important;
  }
  .mb40 {
    margin-bottom: 32px !important;
  }
  .ml40 {
    margin-left: 32px !important;
  }
  .m-40 {
    margin: 32px !important;
  }
  .mt-40 {
    margin-top: -32px !important;
  }
  .mr-40 {
    margin-right: -32px !important;
  }
  .mb-40 {
    margin-bottom: -32px !important;
  }
  .ml-40 {
    margin-left: -32px !important;
  }
  .p45 {
    padding: 36px !important;
  }
  .pt45 {
    padding-top: 36px !important;
  }
  .pr45 {
    padding-right: 36px !important;
  }
  .pb45 {
    padding-bottom: 36px !important;
  }
  .pl45 {
    padding-left: 36px !important;
  }
  .m45 {
    margin: 36px !important;
  }
  .mt45 {
    margin-top: 36px !important;
  }
  .mr45 {
    margin-right: 36px !important;
  }
  .mb45 {
    margin-bottom: 36px !important;
  }
  .ml45 {
    margin-left: 36px !important;
  }
  .m-45 {
    margin: 36px !important;
  }
  .mt-45 {
    margin-top: -36px !important;
  }
  .mr-45 {
    margin-right: -36px !important;
  }
  .mb-45 {
    margin-bottom: -36px !important;
  }
  .ml-45 {
    margin-left: -36px !important;
  }
  .p50 {
    padding: 40px !important;
  }
  .pt50 {
    padding-top: 40px !important;
  }
  .pr50 {
    padding-right: 40px !important;
  }
  .pb50 {
    padding-bottom: 40px !important;
  }
  .pl50 {
    padding-left: 40px !important;
  }
  .m50 {
    margin: 40px !important;
  }
  .mt50 {
    margin-top: 40px !important;
  }
  .mr50 {
    margin-right: 40px !important;
  }
  .mb50 {
    margin-bottom: 40px !important;
  }
  .ml50 {
    margin-left: 40px !important;
  }
  .m-50 {
    margin: 40px !important;
  }
  .mt-50 {
    margin-top: -40px !important;
  }
  .mr-50 {
    margin-right: -40px !important;
  }
  .mb-50 {
    margin-bottom: -40px !important;
  }
  .ml-50 {
    margin-left: -40px !important;
  }
  .p55 {
    padding: 44px !important;
  }
  .pt55 {
    padding-top: 44px !important;
  }
  .pr55 {
    padding-right: 44px !important;
  }
  .pb55 {
    padding-bottom: 44px !important;
  }
  .pl55 {
    padding-left: 44px !important;
  }
  .m55 {
    margin: 44px !important;
  }
  .mt55 {
    margin-top: 44px !important;
  }
  .mr55 {
    margin-right: 44px !important;
  }
  .mb55 {
    margin-bottom: 44px !important;
  }
  .ml55 {
    margin-left: 44px !important;
  }
  .m-55 {
    margin: 44px !important;
  }
  .mt-55 {
    margin-top: -44px !important;
  }
  .mr-55 {
    margin-right: -44px !important;
  }
  .mb-55 {
    margin-bottom: -44px !important;
  }
  .ml-55 {
    margin-left: -44px !important;
  }
  .p60 {
    padding: 48px !important;
  }
  .pt60 {
    padding-top: 48px !important;
  }
  .pr60 {
    padding-right: 48px !important;
  }
  .pb60 {
    padding-bottom: 48px !important;
  }
  .pl60 {
    padding-left: 48px !important;
  }
  .m60 {
    margin: 48px !important;
  }
  .mt60 {
    margin-top: 48px !important;
  }
  .mr60 {
    margin-right: 48px !important;
  }
  .mb60 {
    margin-bottom: 48px !important;
  }
  .ml60 {
    margin-left: 48px !important;
  }
  .m-60 {
    margin: 48px !important;
  }
  .mt-60 {
    margin-top: -48px !important;
  }
  .mr-60 {
    margin-right: -48px !important;
  }
  .mb-60 {
    margin-bottom: -48px !important;
  }
  .ml-60 {
    margin-left: -48px !important;
  }
  .p65 {
    padding: 52px !important;
  }
  .pt65 {
    padding-top: 52px !important;
  }
  .pr65 {
    padding-right: 52px !important;
  }
  .pb65 {
    padding-bottom: 52px !important;
  }
  .pl65 {
    padding-left: 52px !important;
  }
  .m65 {
    margin: 52px !important;
  }
  .mt65 {
    margin-top: 52px !important;
  }
  .mr65 {
    margin-right: 52px !important;
  }
  .mb65 {
    margin-bottom: 52px !important;
  }
  .ml65 {
    margin-left: 52px !important;
  }
  .m-65 {
    margin: 52px !important;
  }
  .mt-65 {
    margin-top: -52px !important;
  }
  .mr-65 {
    margin-right: -52px !important;
  }
  .mb-65 {
    margin-bottom: -52px !important;
  }
  .ml-65 {
    margin-left: -52px !important;
  }
  .p70 {
    padding: 56px !important;
  }
  .pt70 {
    padding-top: 56px !important;
  }
  .pr70 {
    padding-right: 56px !important;
  }
  .pb70 {
    padding-bottom: 56px !important;
  }
  .pl70 {
    padding-left: 56px !important;
  }
  .m70 {
    margin: 56px !important;
  }
  .mt70 {
    margin-top: 56px !important;
  }
  .mr70 {
    margin-right: 56px !important;
  }
  .mb70 {
    margin-bottom: 56px !important;
  }
  .ml70 {
    margin-left: 56px !important;
  }
  .m-70 {
    margin: 56px !important;
  }
  .mt-70 {
    margin-top: -56px !important;
  }
  .mr-70 {
    margin-right: -56px !important;
  }
  .mb-70 {
    margin-bottom: -56px !important;
  }
  .ml-70 {
    margin-left: -56px !important;
  }
  .p75 {
    padding: 60px !important;
  }
  .pt75 {
    padding-top: 60px !important;
  }
  .pr75 {
    padding-right: 60px !important;
  }
  .pb75 {
    padding-bottom: 60px !important;
  }
  .pl75 {
    padding-left: 60px !important;
  }
  .m75 {
    margin: 60px !important;
  }
  .mt75 {
    margin-top: 60px !important;
  }
  .mr75 {
    margin-right: 60px !important;
  }
  .mb75 {
    margin-bottom: 60px !important;
  }
  .ml75 {
    margin-left: 60px !important;
  }
  .m-75 {
    margin: 60px !important;
  }
  .mt-75 {
    margin-top: -60px !important;
  }
  .mr-75 {
    margin-right: -60px !important;
  }
  .mb-75 {
    margin-bottom: -60px !important;
  }
  .ml-75 {
    margin-left: -60px !important;
  }
  .p80 {
    padding: 64px !important;
  }
  .pt80 {
    padding-top: 64px !important;
  }
  .pr80 {
    padding-right: 64px !important;
  }
  .pb80 {
    padding-bottom: 64px !important;
  }
  .pl80 {
    padding-left: 64px !important;
  }
  .m80 {
    margin: 64px !important;
  }
  .mt80 {
    margin-top: 64px !important;
  }
  .mr80 {
    margin-right: 64px !important;
  }
  .mb80 {
    margin-bottom: 64px !important;
  }
  .ml80 {
    margin-left: 64px !important;
  }
  .m-80 {
    margin: 64px !important;
  }
  .mt-80 {
    margin-top: -64px !important;
  }
  .mr-80 {
    margin-right: -64px !important;
  }
  .mb-80 {
    margin-bottom: -64px !important;
  }
  .ml-80 {
    margin-left: -64px !important;
  }
  .p85 {
    padding: 68px !important;
  }
  .pt85 {
    padding-top: 68px !important;
  }
  .pr85 {
    padding-right: 68px !important;
  }
  .pb85 {
    padding-bottom: 68px !important;
  }
  .pl85 {
    padding-left: 68px !important;
  }
  .m85 {
    margin: 68px !important;
  }
  .mt85 {
    margin-top: 68px !important;
  }
  .mr85 {
    margin-right: 68px !important;
  }
  .mb85 {
    margin-bottom: 68px !important;
  }
  .ml85 {
    margin-left: 68px !important;
  }
  .m-85 {
    margin: 68px !important;
  }
  .mt-85 {
    margin-top: -68px !important;
  }
  .mr-85 {
    margin-right: -68px !important;
  }
  .mb-85 {
    margin-bottom: -68px !important;
  }
  .ml-85 {
    margin-left: -68px !important;
  }
  .p90 {
    padding: 72px !important;
  }
  .pt90 {
    padding-top: 72px !important;
  }
  .pr90 {
    padding-right: 72px !important;
  }
  .pb90 {
    padding-bottom: 72px !important;
  }
  .pl90 {
    padding-left: 72px !important;
  }
  .m90 {
    margin: 72px !important;
  }
  .mt90 {
    margin-top: 72px !important;
  }
  .mr90 {
    margin-right: 72px !important;
  }
  .mb90 {
    margin-bottom: 72px !important;
  }
  .ml90 {
    margin-left: 72px !important;
  }
  .m-90 {
    margin: 72px !important;
  }
  .mt-90 {
    margin-top: -72px !important;
  }
  .mr-90 {
    margin-right: -72px !important;
  }
  .mb-90 {
    margin-bottom: -72px !important;
  }
  .ml-90 {
    margin-left: -72px !important;
  }
  .p95 {
    padding: 76px !important;
  }
  .pt95 {
    padding-top: 76px !important;
  }
  .pr95 {
    padding-right: 76px !important;
  }
  .pb95 {
    padding-bottom: 76px !important;
  }
  .pl95 {
    padding-left: 76px !important;
  }
  .m95 {
    margin: 76px !important;
  }
  .mt95 {
    margin-top: 76px !important;
  }
  .mr95 {
    margin-right: 76px !important;
  }
  .mb95 {
    margin-bottom: 76px !important;
  }
  .ml95 {
    margin-left: 76px !important;
  }
  .m-95 {
    margin: 76px !important;
  }
  .mt-95 {
    margin-top: -76px !important;
  }
  .mr-95 {
    margin-right: -76px !important;
  }
  .mb-95 {
    margin-bottom: -76px !important;
  }
  .ml-95 {
    margin-left: -76px !important;
  }
  .p100 {
    padding: 80px !important;
  }
  .pt100 {
    padding-top: 80px !important;
  }
  .pr100 {
    padding-right: 80px !important;
  }
  .pb100 {
    padding-bottom: 80px !important;
  }
  .pl100 {
    padding-left: 80px !important;
  }
  .m100 {
    margin: 80px !important;
  }
  .mt100 {
    margin-top: 80px !important;
  }
  .mr100 {
    margin-right: 80px !important;
  }
  .mb100 {
    margin-bottom: 80px !important;
  }
  .ml100 {
    margin-left: 80px !important;
  }
  .m-100 {
    margin: 80px !important;
  }
  .mt-100 {
    margin-top: -80px !important;
  }
  .mr-100 {
    margin-right: -80px !important;
  }
  .mb-100 {
    margin-bottom: -80px !important;
  }
  .ml-100 {
    margin-left: -80px !important;
  }
}
@media (max-width: 575.98px) {
  .p35 {
    padding: 30px !important;
  }
  .pt35 {
    padding-top: 30px !important;
  }
  .pr35 {
    padding-right: 30px !important;
  }
  .pb35 {
    padding-bottom: 30px !important;
  }
  .pl35 {
    padding-left: 30px !important;
  }
  .m35 {
    margin: 30px !important;
  }
  .mt35 {
    margin-top: 30px !important;
  }
  .mr35 {
    margin-right: 30px !important;
  }
  .mb35 {
    margin-bottom: 30px !important;
  }
  .ml35 {
    margin-left: 30px !important;
  }
  .m-35 {
    margin: -30px !important;
  }
  .mt-35 {
    margin-top: -30px !important;
  }
  .mr-35 {
    margin-right: -30px !important;
  }
  .mb-35 {
    margin-bottom: -30px !important;
  }
  .ml-35 {
    margin-left: -30px !important;
  }
  .p40 {
    padding: 30px !important;
  }
  .pt40 {
    padding-top: 30px !important;
  }
  .pr40 {
    padding-right: 30px !important;
  }
  .pb40 {
    padding-bottom: 30px !important;
  }
  .pl40 {
    padding-left: 30px !important;
  }
  .m40 {
    margin: 30px !important;
  }
  .mt40 {
    margin-top: 30px !important;
  }
  .mr40 {
    margin-right: 30px !important;
  }
  .mb40 {
    margin-bottom: 30px !important;
  }
  .ml40 {
    margin-left: 30px !important;
  }
  .m-40 {
    margin: -30px !important;
  }
  .mt-40 {
    margin-top: -30px !important;
  }
  .mr-40 {
    margin-right: -30px !important;
  }
  .mb-40 {
    margin-bottom: -30px !important;
  }
  .ml-40 {
    margin-left: -30px !important;
  }
  .p45 {
    padding: 30px !important;
  }
  .pt45 {
    padding-top: 30px !important;
  }
  .pr45 {
    padding-right: 30px !important;
  }
  .pb45 {
    padding-bottom: 30px !important;
  }
  .pl45 {
    padding-left: 30px !important;
  }
  .m45 {
    margin: 30px !important;
  }
  .mt45 {
    margin-top: 30px !important;
  }
  .mr45 {
    margin-right: 30px !important;
  }
  .mb45 {
    margin-bottom: 30px !important;
  }
  .ml45 {
    margin-left: 30px !important;
  }
  .m-45 {
    margin: -30px !important;
  }
  .mt-45 {
    margin-top: -30px !important;
  }
  .mr-45 {
    margin-right: -30px !important;
  }
  .mb-45 {
    margin-bottom: -30px !important;
  }
  .ml-45 {
    margin-left: -30px !important;
  }
  .p50 {
    padding: 30px !important;
  }
  .pt50 {
    padding-top: 30px !important;
  }
  .pr50 {
    padding-right: 30px !important;
  }
  .pb50 {
    padding-bottom: 30px !important;
  }
  .pl50 {
    padding-left: 30px !important;
  }
  .m50 {
    margin: 30px !important;
  }
  .mt50 {
    margin-top: 30px !important;
  }
  .mr50 {
    margin-right: 30px !important;
  }
  .mb50 {
    margin-bottom: 30px !important;
  }
  .ml50 {
    margin-left: 30px !important;
  }
  .m-50 {
    margin: -30px !important;
  }
  .mt-50 {
    margin-top: -30px !important;
  }
  .mr-50 {
    margin-right: -30px !important;
  }
  .mb-50 {
    margin-bottom: -30px !important;
  }
  .ml-50 {
    margin-left: -30px !important;
  }
  .p55 {
    padding: 30px !important;
  }
  .pt55 {
    padding-top: 30px !important;
  }
  .pr55 {
    padding-right: 30px !important;
  }
  .pb55 {
    padding-bottom: 30px !important;
  }
  .pl55 {
    padding-left: 30px !important;
  }
  .m55 {
    margin: 30px !important;
  }
  .mt55 {
    margin-top: 30px !important;
  }
  .mr55 {
    margin-right: 30px !important;
  }
  .mb55 {
    margin-bottom: 30px !important;
  }
  .ml55 {
    margin-left: 30px !important;
  }
  .m-55 {
    margin: -30px !important;
  }
  .mt-55 {
    margin-top: -30px !important;
  }
  .mr-55 {
    margin-right: -30px !important;
  }
  .mb-55 {
    margin-bottom: -30px !important;
  }
  .ml-55 {
    margin-left: -30px !important;
  }
  .p60 {
    padding: 30px !important;
  }
  .pt60 {
    padding-top: 30px !important;
  }
  .pr60 {
    padding-right: 30px !important;
  }
  .pb60 {
    padding-bottom: 30px !important;
  }
  .pl60 {
    padding-left: 30px !important;
  }
  .m60 {
    margin: 30px !important;
  }
  .mt60 {
    margin-top: 30px !important;
  }
  .mr60 {
    margin-right: 30px !important;
  }
  .mb60 {
    margin-bottom: 30px !important;
  }
  .ml60 {
    margin-left: 30px !important;
  }
  .m-60 {
    margin: -30px !important;
  }
  .mt-60 {
    margin-top: -30px !important;
  }
  .mr-60 {
    margin-right: -30px !important;
  }
  .mb-60 {
    margin-bottom: -30px !important;
  }
  .ml-60 {
    margin-left: -30px !important;
  }
  .p65 {
    padding: 30px !important;
  }
  .pt65 {
    padding-top: 30px !important;
  }
  .pr65 {
    padding-right: 30px !important;
  }
  .pb65 {
    padding-bottom: 30px !important;
  }
  .pl65 {
    padding-left: 30px !important;
  }
  .m65 {
    margin: 30px !important;
  }
  .mt65 {
    margin-top: 30px !important;
  }
  .mr65 {
    margin-right: 30px !important;
  }
  .mb65 {
    margin-bottom: 30px !important;
  }
  .ml65 {
    margin-left: 30px !important;
  }
  .m-65 {
    margin: -30px !important;
  }
  .mt-65 {
    margin-top: -30px !important;
  }
  .mr-65 {
    margin-right: -30px !important;
  }
  .mb-65 {
    margin-bottom: -30px !important;
  }
  .ml-65 {
    margin-left: -30px !important;
  }
  .p70 {
    padding: 30px !important;
  }
  .pt70 {
    padding-top: 30px !important;
  }
  .pr70 {
    padding-right: 30px !important;
  }
  .pb70 {
    padding-bottom: 30px !important;
  }
  .pl70 {
    padding-left: 30px !important;
  }
  .m70 {
    margin: 30px !important;
  }
  .mt70 {
    margin-top: 30px !important;
  }
  .mr70 {
    margin-right: 30px !important;
  }
  .mb70 {
    margin-bottom: 30px !important;
  }
  .ml70 {
    margin-left: 30px !important;
  }
  .m-70 {
    margin: -30px !important;
  }
  .mt-70 {
    margin-top: -30px !important;
  }
  .mr-70 {
    margin-right: -30px !important;
  }
  .mb-70 {
    margin-bottom: -30px !important;
  }
  .ml-70 {
    margin-left: -30px !important;
  }
  .p75 {
    padding: 30px !important;
  }
  .pt75 {
    padding-top: 30px !important;
  }
  .pr75 {
    padding-right: 30px !important;
  }
  .pb75 {
    padding-bottom: 30px !important;
  }
  .pl75 {
    padding-left: 30px !important;
  }
  .m75 {
    margin: 30px !important;
  }
  .mt75 {
    margin-top: 30px !important;
  }
  .mr75 {
    margin-right: 30px !important;
  }
  .mb75 {
    margin-bottom: 30px !important;
  }
  .ml75 {
    margin-left: 30px !important;
  }
  .m-75 {
    margin: -30px !important;
  }
  .mt-75 {
    margin-top: -30px !important;
  }
  .mr-75 {
    margin-right: -30px !important;
  }
  .mb-75 {
    margin-bottom: -30px !important;
  }
  .ml-75 {
    margin-left: -30px !important;
  }
  .p80 {
    padding: 30px !important;
  }
  .pt80 {
    padding-top: 30px !important;
  }
  .pr80 {
    padding-right: 30px !important;
  }
  .pb80 {
    padding-bottom: 30px !important;
  }
  .pl80 {
    padding-left: 30px !important;
  }
  .m80 {
    margin: 30px !important;
  }
  .mt80 {
    margin-top: 30px !important;
  }
  .mr80 {
    margin-right: 30px !important;
  }
  .mb80 {
    margin-bottom: 30px !important;
  }
  .ml80 {
    margin-left: 30px !important;
  }
  .m-80 {
    margin: -30px !important;
  }
  .mt-80 {
    margin-top: -30px !important;
  }
  .mr-80 {
    margin-right: -30px !important;
  }
  .mb-80 {
    margin-bottom: -30px !important;
  }
  .ml-80 {
    margin-left: -30px !important;
  }
  .p85 {
    padding: 30px !important;
  }
  .pt85 {
    padding-top: 30px !important;
  }
  .pr85 {
    padding-right: 30px !important;
  }
  .pb85 {
    padding-bottom: 30px !important;
  }
  .pl85 {
    padding-left: 30px !important;
  }
  .m85 {
    margin: 30px !important;
  }
  .mt85 {
    margin-top: 30px !important;
  }
  .mr85 {
    margin-right: 30px !important;
  }
  .mb85 {
    margin-bottom: 30px !important;
  }
  .ml85 {
    margin-left: 30px !important;
  }
  .m-85 {
    margin: -30px !important;
  }
  .mt-85 {
    margin-top: -30px !important;
  }
  .mr-85 {
    margin-right: -30px !important;
  }
  .mb-85 {
    margin-bottom: -30px !important;
  }
  .ml-85 {
    margin-left: -30px !important;
  }
  .p90 {
    padding: 30px !important;
  }
  .pt90 {
    padding-top: 30px !important;
  }
  .pr90 {
    padding-right: 30px !important;
  }
  .pb90 {
    padding-bottom: 30px !important;
  }
  .pl90 {
    padding-left: 30px !important;
  }
  .m90 {
    margin: 30px !important;
  }
  .mt90 {
    margin-top: 30px !important;
  }
  .mr90 {
    margin-right: 30px !important;
  }
  .mb90 {
    margin-bottom: 30px !important;
  }
  .ml90 {
    margin-left: 30px !important;
  }
  .m-90 {
    margin: -30px !important;
  }
  .mt-90 {
    margin-top: -30px !important;
  }
  .mr-90 {
    margin-right: -30px !important;
  }
  .mb-90 {
    margin-bottom: -30px !important;
  }
  .ml-90 {
    margin-left: -30px !important;
  }
  .p95 {
    padding: 30px !important;
  }
  .pt95 {
    padding-top: 30px !important;
  }
  .pr95 {
    padding-right: 30px !important;
  }
  .pb95 {
    padding-bottom: 30px !important;
  }
  .pl95 {
    padding-left: 30px !important;
  }
  .m95 {
    margin: 30px !important;
  }
  .mt95 {
    margin-top: 30px !important;
  }
  .mr95 {
    margin-right: 30px !important;
  }
  .mb95 {
    margin-bottom: 30px !important;
  }
  .ml95 {
    margin-left: 30px !important;
  }
  .m-95 {
    margin: -30px !important;
  }
  .mt-95 {
    margin-top: -30px !important;
  }
  .mr-95 {
    margin-right: -30px !important;
  }
  .mb-95 {
    margin-bottom: -30px !important;
  }
  .ml-95 {
    margin-left: -30px !important;
  }
  .p100 {
    padding: 30px !important;
  }
  .pt100 {
    padding-top: 30px !important;
  }
  .pr100 {
    padding-right: 30px !important;
  }
  .pb100 {
    padding-bottom: 30px !important;
  }
  .pl100 {
    padding-left: 30px !important;
  }
  .m100 {
    margin: 30px !important;
  }
  .mt100 {
    margin-top: 30px !important;
  }
  .mr100 {
    margin-right: 30px !important;
  }
  .mb100 {
    margin-bottom: 30px !important;
  }
  .ml100 {
    margin-left: 30px !important;
  }
  .m-100 {
    margin: -30px !important;
  }
  .mt-100 {
    margin-top: -30px !important;
  }
  .mr-100 {
    margin-right: -30px !important;
  }
  .mb-100 {
    margin-bottom: -30px !important;
  }
  .ml-100 {
    margin-left: -30px !important;
  }
}
@media screen and (max-width: 1919.98px) {
  .leftpad.hd,
  .leftpad-hd {
    padding-left: 0 !important;
  }
  .rightpad.hd,
  .rightpad-hd {
    padding-right: 0 !important;
  }
  .leftmargin.hd,
  .leftmargin-hd {
    margin-left: 0 !important;
  }
  .rightmargin.hd,
  .rightmargin-hd {
    margin-right: 0 !important;
  }
  .pt0.hd,
  .pt0-hd {
    padding-top: 0 !important;
  }
  .pr0.hd,
  .pr0-hd {
    padding-right: 0 !important;
  }
  .pb0.hd,
  .pb0-hd {
    padding-bottom: 0 !important;
  }
  .pl0.hd,
  .pl0-hd {
    padding-left: 0 !important;
  }
  .p0.hd,
  .p0-hd {
    padding: 0 !important;
  }
  .mt0.hd,
  .mt0-hd {
    margin-top: 0 !important;
  }
  .mr0.hd,
  .mr0-hd {
    margin-right: 0 !important;
  }
  .mb0.hd,
  .mb0-hd {
    margin-bottom: 0 !important;
  }
  .ml0.hd,
  .ml0-hd {
    margin-left: 0 !important;
  }
  .m0.hd,
  .m0-hd {
    margin: 0 !important;
  }
}
@media screen and (max-width: 1599.98px) {
  .leftpad.xxxl,
  .leftpad-xxxl {
    padding-left: 0 !important;
  }
  .rightpad.xxxl,
  .rightpad-xxxl {
    padding-right: 0 !important;
  }
  .leftmargin.xxxl,
  .leftmargin-xxxl {
    margin-left: 0 !important;
  }
  .rightmargin.xxxl,
  .rightmargin-xxxl {
    margin-right: 0 !important;
  }
  .pt0.xxxl,
  .pt0-xxxl {
    padding-top: 0 !important;
  }
  .pr0.xxxl,
  .pr0-xxxl {
    padding-right: 0 !important;
  }
  .pb0.xxxl,
  .pb0-xxxl {
    padding-bottom: 0 !important;
  }
  .pl0.xxxl,
  .pl0-xxxl {
    padding-left: 0 !important;
  }
  .p0.xxxl,
  .p0-xxxl {
    padding: 0 !important;
  }
  .mt0.xxxl,
  .mt0-xxxl {
    margin-top: 0 !important;
  }
  .mr0.xxxl,
  .mr0-xxxl {
    margin-right: 0 !important;
  }
  .mb0.xxxl,
  .mb0-xxxl {
    margin-bottom: 0 !important;
  }
  .ml0.xxxl,
  .ml0-xxxl {
    margin-left: 0 !important;
  }
  .m0.xxxl,
  .m0-xxxl {
    margin: 0 !important;
  }
}
@media screen and (max-width: 1399.98px) {
  .leftpad.xxl,
  .leftpad-xxl {
    padding-left: 0 !important;
  }
  .rightpad.xxl,
  .rightpad-xxl {
    padding-right: 0 !important;
  }
  .leftmargin.xxl,
  .leftmargin-xxl {
    margin-left: 0 !important;
  }
  .rightmargin.xxl,
  .rightmargin-xxl {
    margin-right: 0 !important;
  }
  .pt0.xxl,
  .pt0-xxl {
    padding-top: 0 !important;
  }
  .pr0.xxl,
  .pr0-xxl {
    padding-right: 0 !important;
  }
  .pb0.xxl,
  .pb0-xxl {
    padding-bottom: 0 !important;
  }
  .pl0.xxl,
  .pl0-xxl {
    padding-left: 0 !important;
  }
  .p0.xxl,
  .p0-xxl {
    padding: 0 !important;
  }
  .mt0.xxl,
  .mt0-xxl {
    margin-top: 0 !important;
  }
  .mr0.xxl,
  .mr0-xxl {
    margin-right: 0 !important;
  }
  .mb0.xxl,
  .mb0-xxl {
    margin-bottom: 0 !important;
  }
  .ml0.xxl,
  .ml0-xxl {
    margin-left: 0 !important;
  }
  .m0.xxl,
  .m0-xxl {
    margin: 0 !important;
  }
}
@media screen and (max-width: 1299.98px) {
  .leftpad.xlg,
  .leftpad-xlg {
    padding-left: 0 !important;
  }
  .rightpad.xlg,
  .rightpad-xlg {
    padding-right: 0 !important;
  }
  .leftmargin.xlg,
  .leftmargin-xlg {
    margin-left: 0 !important;
  }
  .rightmargin.xlg,
  .rightmargin-xlg {
    margin-right: 0 !important;
  }
  .pt0.xlg,
  .pt0-xlg {
    padding-top: 0 !important;
  }
  .pr0.xlg,
  .pr0-xlg {
    padding-right: 0 !important;
  }
  .pb0.xlg,
  .pb0-xlg {
    padding-bottom: 0 !important;
  }
  .pl0.xlg,
  .pl0-xlg {
    padding-left: 0 !important;
  }
  .p0.xlg,
  .p0-xlg {
    padding: 0 !important;
  }
  .mt0.xlg,
  .mt0-xlg {
    margin-top: 0 !important;
  }
  .mr0.xlg,
  .mr0-xlg {
    margin-right: 0 !important;
  }
  .mb0.xlg,
  .mb0-xlg {
    margin-bottom: 0 !important;
  }
  .ml0.xlg,
  .ml0-xlg {
    margin-left: 0 !important;
  }
  .m0.xlg,
  .m0-xlg {
    margin: 0 !important;
  }
}
@media screen and (max-width: 1199.98px) {
  .leftpad.xl,
  .leftpad-xl {
    padding-left: 0 !important;
  }
  .rightpad.xl,
  .rightpad-xl {
    padding-right: 0 !important;
  }
  .leftmargin.xl,
  .leftmargin-xl {
    margin-left: 0 !important;
  }
  .rightmargin.xl,
  .rightmargin-xl {
    margin-right: 0 !important;
  }
  .pt0.xl,
  .pt0-xl {
    padding-top: 0 !important;
  }
  .pr0.xl,
  .pr0-xl {
    padding-right: 0 !important;
  }
  .pb0.xl,
  .pb0-xl {
    padding-bottom: 0 !important;
  }
  .pl0.xl,
  .pl0-xl {
    padding-left: 0 !important;
  }
  .p0.xl,
  .p0-xl {
    padding: 0 !important;
  }
  .mt0.xl,
  .mt0-xl {
    margin-top: 0 !important;
  }
  .mr0.xl,
  .mr0-xl {
    margin-right: 0 !important;
  }
  .mb0.xl,
  .mb0-xl {
    margin-bottom: 0 !important;
  }
  .ml0.xl,
  .ml0-xl {
    margin-left: 0 !important;
  }
  .m0.xl,
  .m0-xl {
    margin: 0 !important;
  }
}
@media screen and (max-width: 991.98px) {
  .leftpad.lg,
  .leftpad-lg {
    padding-left: 0 !important;
  }
  .rightpad.lg,
  .rightpad-lg {
    padding-right: 0 !important;
  }
  .leftmargin.lg,
  .leftmargin-lg {
    margin-left: 0 !important;
  }
  .rightmargin.lg,
  .rightmargin-lg {
    margin-right: 0 !important;
  }
  .pt0.lg,
  .pt0-lg {
    padding-top: 0 !important;
  }
  .pr0.lg,
  .pr0-lg {
    padding-right: 0 !important;
  }
  .pb0.lg,
  .pb0-lg {
    padding-bottom: 0 !important;
  }
  .pl0.lg,
  .pl0-lg {
    padding-left: 0 !important;
  }
  .p0.lg,
  .p0-lg {
    padding: 0 !important;
  }
  .mt0.lg,
  .mt0-lg {
    margin-top: 0 !important;
  }
  .mr0.lg,
  .mr0-lg {
    margin-right: 0 !important;
  }
  .mb0.lg,
  .mb0-lg {
    margin-bottom: 0 !important;
  }
  .ml0.lg,
  .ml0-lg {
    margin-left: 0 !important;
  }
  .m0.lg,
  .m0-lg {
    margin: 0 !important;
  }
}
@media screen and (max-width: 767.98px) {
  .leftpad.md,
  .leftpad-md {
    padding-left: 0 !important;
  }
  .rightpad.md,
  .rightpad-md {
    padding-right: 0 !important;
  }
  .leftmargin.md,
  .leftmargin-md {
    margin-left: 0 !important;
  }
  .rightmargin.md,
  .rightmargin-md {
    margin-right: 0 !important;
  }
  .pt0.md,
  .pt0-md {
    padding-top: 0 !important;
  }
  .pr0.md,
  .pr0-md {
    padding-right: 0 !important;
  }
  .pb0.md,
  .pb0-md {
    padding-bottom: 0 !important;
  }
  .pl0.md,
  .pl0-md {
    padding-left: 0 !important;
  }
  .p0.md,
  .p0-md {
    padding: 0 !important;
  }
  .mt0.md,
  .mt0-md {
    margin-top: 0 !important;
  }
  .mr0.md,
  .mr0-md {
    margin-right: 0 !important;
  }
  .mb0.md,
  .mb0-md {
    margin-bottom: 0 !important;
  }
  .ml0.md,
  .ml0-md {
    margin-left: 0 !important;
  }
  .m0.md,
  .m0-md {
    margin: 0 !important;
  }
}
@media screen and (max-width: 575.98px) {
  .leftpad.sm,
  .leftpad-sm {
    padding-left: 0 !important;
  }
  .rightpad.sm,
  .rightpad-sm {
    padding-right: 0 !important;
  }
  .leftmargin.sm,
  .leftmargin-sm {
    margin-left: 0 !important;
  }
  .rightmargin.sm,
  .rightmargin-sm {
    margin-right: 0 !important;
  }
  .pt0.sm,
  .pt0-sm {
    padding-top: 0 !important;
  }
  .pr0.sm,
  .pr0-sm {
    padding-right: 0 !important;
  }
  .pb0.sm,
  .pb0-sm {
    padding-bottom: 0 !important;
  }
  .pl0.sm,
  .pl0-sm {
    padding-left: 0 !important;
  }
  .p0.sm,
  .p0-sm {
    padding: 0 !important;
  }
  .mt0.sm,
  .mt0-sm {
    margin-top: 0 !important;
  }
  .mr0.sm,
  .mr0-sm {
    margin-right: 0 !important;
  }
  .mb0.sm,
  .mb0-sm {
    margin-bottom: 0 !important;
  }
  .ml0.sm,
  .ml0-sm {
    margin-left: 0 !important;
  }
  .m0.sm,
  .m0-sm {
    margin: 0 !important;
  }
}
@media screen and (max-width: 479.98px) {
  .leftpad.ssm,
  .leftpad-ssm {
    padding-left: 0 !important;
  }
  .rightpad.ssm,
  .rightpad-ssm {
    padding-right: 0 !important;
  }
  .leftmargin.ssm,
  .leftmargin-ssm {
    margin-left: 0 !important;
  }
  .rightmargin.ssm,
  .rightmargin-ssm {
    margin-right: 0 !important;
  }
  .pt0.ssm,
  .pt0-ssm {
    padding-top: 0 !important;
  }
  .pr0.ssm,
  .pr0-ssm {
    padding-right: 0 !important;
  }
  .pb0.ssm,
  .pb0-ssm {
    padding-bottom: 0 !important;
  }
  .pl0.ssm,
  .pl0-ssm {
    padding-left: 0 !important;
  }
  .p0.ssm,
  .p0-ssm {
    padding: 0 !important;
  }
  .mt0.ssm,
  .mt0-ssm {
    margin-top: 0 !important;
  }
  .mr0.ssm,
  .mr0-ssm {
    margin-right: 0 !important;
  }
  .mb0.ssm,
  .mb0-ssm {
    margin-bottom: 0 !important;
  }
  .ml0.ssm,
  .ml0-ssm {
    margin-left: 0 !important;
  }
  .m0.ssm,
  .m0-ssm {
    margin: 0 !important;
  }
}
@media screen and (max-width: 413.98px) {
  .leftpad.xs,
  .leftpad-xs {
    padding-left: 0 !important;
  }
  .rightpad.xs,
  .rightpad-xs {
    padding-right: 0 !important;
  }
  .leftmargin.xs,
  .leftmargin-xs {
    margin-left: 0 !important;
  }
  .rightmargin.xs,
  .rightmargin-xs {
    margin-right: 0 !important;
  }
  .pt0.xs,
  .pt0-xs {
    padding-top: 0 !important;
  }
  .pr0.xs,
  .pr0-xs {
    padding-right: 0 !important;
  }
  .pb0.xs,
  .pb0-xs {
    padding-bottom: 0 !important;
  }
  .pl0.xs,
  .pl0-xs {
    padding-left: 0 !important;
  }
  .p0.xs,
  .p0-xs {
    padding: 0 !important;
  }
  .mt0.xs,
  .mt0-xs {
    margin-top: 0 !important;
  }
  .mr0.xs,
  .mr0-xs {
    margin-right: 0 !important;
  }
  .mb0.xs,
  .mb0-xs {
    margin-bottom: 0 !important;
  }
  .ml0.xs,
  .ml0-xs {
    margin-left: 0 !important;
  }
  .m0.xs,
  .m0-xs {
    margin: 0 !important;
  }
}
@media screen and (max-width: 375px) {
  .leftpad.xxs,
  .leftpad-xxs {
    padding-left: 0 !important;
  }
  .rightpad.xxs,
  .rightpad-xxs {
    padding-right: 0 !important;
  }
  .leftmargin.xxs,
  .leftmargin-xxs {
    margin-left: 0 !important;
  }
  .rightmargin.xxs,
  .rightmargin-xxs {
    margin-right: 0 !important;
  }
  .pt0.xxs,
  .pt0-xxs {
    padding-top: 0 !important;
  }
  .pr0.xxs,
  .pr0-xxs {
    padding-right: 0 !important;
  }
  .pb0.xxs,
  .pb0-xxs {
    padding-bottom: 0 !important;
  }
  .pl0.xxs,
  .pl0-xxs {
    padding-left: 0 !important;
  }
  .p0.xxs,
  .p0-xxs {
    padding: 0 !important;
  }
  .mt0.xxs,
  .mt0-xxs {
    margin-top: 0 !important;
  }
  .mr0.xxs,
  .mr0-xxs {
    margin-right: 0 !important;
  }
  .mb0.xxs,
  .mb0-xxs {
    margin-bottom: 0 !important;
  }
  .ml0.xxs,
  .ml0-xxs {
    margin-left: 0 !important;
  }
  .m0.xxs,
  .m0-xxs {
    margin: 0 !important;
  }
}
.m0 {
  margin: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.p0 {
  padding: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

#wrapper {
  position: relative;
  height: 100vh !important;
  width: 100%;
  display: flex;
  flex-flow: column; /*overflow: hidden;*/
}

body,
#wrapper,
.footer-wrapper {
  opacity: 1;
}

#wrapper,
.footer-wrapper {
  max-width: 1920px;
  margin: 0 auto;
}

.footer-wrapper {
  display: block;
  position: relative;
  width: 100%;
  border-radius: 0px;
  z-index: 1;
  margin-top: auto;
}

/* Colors*/
.primary {
  color: #043850;
}
.primary:visited {
  color: #043850;
}

.pageTitle.primary h1,
.pageTitle.primary h2,
.pageTitle.primary h3,
.pageTitle.primary h4,
.pageTitle.primary h5,
.pageTitle.primary h6 {
  color: #043850 !important;
}

.ul-listing.icon-primary > li::before {
  color: #043850;
}

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

.border-primary {
  border-color: #043850;
}

.secondary {
  color: #e7b777;
}
.secondary:visited {
  color: #e7b777;
}

.pageTitle.secondary h1,
.pageTitle.secondary h2,
.pageTitle.secondary h3,
.pageTitle.secondary h4,
.pageTitle.secondary h5,
.pageTitle.secondary h6 {
  color: #e7b777 !important;
}

.ul-listing.icon-secondary > li::before {
  color: #e7b777;
}

.bg-secondary {
  background-color: #e7b777 !important;
}

.border-secondary {
  border-color: #e7b777;
}

.tertiary {
  color: #785927;
}
.tertiary:visited {
  color: #785927;
}

.pageTitle.tertiary h1,
.pageTitle.tertiary h2,
.pageTitle.tertiary h3,
.pageTitle.tertiary h4,
.pageTitle.tertiary h5,
.pageTitle.tertiary h6 {
  color: #785927 !important;
}

.ul-listing.icon-tertiary > li::before {
  color: #785927;
}

.bg-tertiary {
  background-color: #785927 !important;
}

.border-tertiary {
  border-color: #785927;
}

.body {
  color: #363636;
}
.body:visited {
  color: #363636;
}

.pageTitle.body h1,
.pageTitle.body h2,
.pageTitle.body h3,
.pageTitle.body h4,
.pageTitle.body h5,
.pageTitle.body h6 {
  color: #363636 !important;
}

.ul-listing.icon-body > li::before {
  color: #363636;
}

.bg-body {
  background-color: #363636 !important;
}

.border-body {
  border-color: #363636;
}

.body1 {
  color: #043850;
}
.body1:visited {
  color: #043850;
}

.pageTitle.body1 h1,
.pageTitle.body1 h2,
.pageTitle.body1 h3,
.pageTitle.body1 h4,
.pageTitle.body1 h5,
.pageTitle.body1 h6 {
  color: #043850 !important;
}

.ul-listing.icon-body1 > li::before {
  color: #043850;
}

.bg-body1 {
  background-color: #043850 !important;
}

.border-body1 {
  border-color: #043850;
}

.body2 {
  color: #ffffff;
}
.body2:visited {
  color: #ffffff;
}

.pageTitle.body2 h1,
.pageTitle.body2 h2,
.pageTitle.body2 h3,
.pageTitle.body2 h4,
.pageTitle.body2 h5,
.pageTitle.body2 h6 {
  color: #ffffff !important;
}

.ul-listing.icon-body2 > li::before {
  color: #ffffff;
}

.bg-body2 {
  background-color: #ffffff !important;
}

.border-body2 {
  border-color: #ffffff;
}

.title {
  color: #232323;
}
.title:visited {
  color: #232323;
}

.pageTitle.title h1,
.pageTitle.title h2,
.pageTitle.title h3,
.pageTitle.title h4,
.pageTitle.title h5,
.pageTitle.title h6 {
  color: #232323 !important;
}

.ul-listing.icon-title > li::before {
  color: #232323;
}

.bg-title {
  background-color: #232323 !important;
}

.border-title {
  border-color: #232323;
}

.title1 {
  color: #232323;
}
.title1:visited {
  color: #232323;
}

.pageTitle.title1 h1,
.pageTitle.title1 h2,
.pageTitle.title1 h3,
.pageTitle.title1 h4,
.pageTitle.title1 h5,
.pageTitle.title1 h6 {
  color: #232323 !important;
}

.ul-listing.icon-title1 > li::before {
  color: #232323;
}

.bg-title1 {
  background-color: #232323 !important;
}

.border-title1 {
  border-color: #232323;
}

.title2 {
  color: #232323;
}
.title2:visited {
  color: #232323;
}

.pageTitle.title2 h1,
.pageTitle.title2 h2,
.pageTitle.title2 h3,
.pageTitle.title2 h4,
.pageTitle.title2 h5,
.pageTitle.title2 h6 {
  color: #232323 !important;
}

.ul-listing.icon-title2 > li::before {
  color: #232323;
}

.bg-title2 {
  background-color: #232323 !important;
}

.border-title2 {
  border-color: #232323;
}

.alternate {
  color: #f7f7f7;
}
.alternate:visited {
  color: #f7f7f7;
}

.pageTitle.alternate h1,
.pageTitle.alternate h2,
.pageTitle.alternate h3,
.pageTitle.alternate h4,
.pageTitle.alternate h5,
.pageTitle.alternate h6 {
  color: #f7f7f7 !important;
}

.ul-listing.icon-alternate > li::before {
  color: #f7f7f7;
}

.bg-alternate {
  background-color: #f7f7f7 !important;
}

.border-alternate {
  border-color: #f7f7f7;
}

.alternate1 {
  color: #f7f7f7;
}
.alternate1:visited {
  color: #f7f7f7;
}

.pageTitle.alternate1 h1,
.pageTitle.alternate1 h2,
.pageTitle.alternate1 h3,
.pageTitle.alternate1 h4,
.pageTitle.alternate1 h5,
.pageTitle.alternate1 h6 {
  color: #f7f7f7 !important;
}

.ul-listing.icon-alternate1 > li::before {
  color: #f7f7f7;
}

.bg-alternate1 {
  background-color: #f7f7f7 !important;
}

.border-alternate1 {
  border-color: #f7f7f7;
}

.alternate2 {
  color: #f7f7f7;
}
.alternate2:visited {
  color: #f7f7f7;
}

.pageTitle.alternate2 h1,
.pageTitle.alternate2 h2,
.pageTitle.alternate2 h3,
.pageTitle.alternate2 h4,
.pageTitle.alternate2 h5,
.pageTitle.alternate2 h6 {
  color: #f7f7f7 !important;
}

.ul-listing.icon-alternate2 > li::before {
  color: #f7f7f7;
}

.bg-alternate2 {
  background-color: #f7f7f7 !important;
}

.border-alternate2 {
  border-color: #f7f7f7;
}

.light {
  color: #c9c9c9;
}
.light:visited {
  color: #c9c9c9;
}

.pageTitle.light h1,
.pageTitle.light h2,
.pageTitle.light h3,
.pageTitle.light h4,
.pageTitle.light h5,
.pageTitle.light h6 {
  color: #c9c9c9 !important;
}

.ul-listing.icon-light > li::before {
  color: #c9c9c9;
}

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

.border-light {
  border-color: #c9c9c9;
}

.light1 {
  color: #b5b5b5;
}
.light1:visited {
  color: #b5b5b5;
}

.pageTitle.light1 h1,
.pageTitle.light1 h2,
.pageTitle.light1 h3,
.pageTitle.light1 h4,
.pageTitle.light1 h5,
.pageTitle.light1 h6 {
  color: #b5b5b5 !important;
}

.ul-listing.icon-light1 > li::before {
  color: #b5b5b5;
}

.bg-light1 {
  background-color: #b5b5b5 !important;
}

.border-light1 {
  border-color: #b5b5b5;
}

.light2 {
  color: #d0d0d0;
}
.light2:visited {
  color: #d0d0d0;
}

.pageTitle.light2 h1,
.pageTitle.light2 h2,
.pageTitle.light2 h3,
.pageTitle.light2 h4,
.pageTitle.light2 h5,
.pageTitle.light2 h6 {
  color: #d0d0d0 !important;
}

.ul-listing.icon-light2 > li::before {
  color: #d0d0d0;
}

.bg-light2 {
  background-color: #d0d0d0 !important;
}

.border-light2 {
  border-color: #d0d0d0;
}

.dark {
  color: #232323;
}
.dark:visited {
  color: #232323;
}

.pageTitle.dark h1,
.pageTitle.dark h2,
.pageTitle.dark h3,
.pageTitle.dark h4,
.pageTitle.dark h5,
.pageTitle.dark h6 {
  color: #232323 !important;
}

.ul-listing.icon-dark > li::before {
  color: #232323;
}

.bg-dark {
  background-color: #232323 !important;
}

.border-dark {
  border-color: #232323;
}

.dark1 {
  color: #232323;
}
.dark1:visited {
  color: #232323;
}

.pageTitle.dark1 h1,
.pageTitle.dark1 h2,
.pageTitle.dark1 h3,
.pageTitle.dark1 h4,
.pageTitle.dark1 h5,
.pageTitle.dark1 h6 {
  color: #232323 !important;
}

.ul-listing.icon-dark1 > li::before {
  color: #232323;
}

.bg-dark1 {
  background-color: #232323 !important;
}

.border-dark1 {
  border-color: #232323;
}

.dark2 {
  color: #232323;
}
.dark2:visited {
  color: #232323;
}

.pageTitle.dark2 h1,
.pageTitle.dark2 h2,
.pageTitle.dark2 h3,
.pageTitle.dark2 h4,
.pageTitle.dark2 h5,
.pageTitle.dark2 h6 {
  color: #232323 !important;
}

.ul-listing.icon-dark2 > li::before {
  color: #232323;
}

.bg-dark2 {
  background-color: #232323 !important;
}

.border-dark2 {
  border-color: #232323;
}

.black {
  color: #000000;
}
.black:visited {
  color: #000000;
}

.pageTitle.black h1,
.pageTitle.black h2,
.pageTitle.black h3,
.pageTitle.black h4,
.pageTitle.black h5,
.pageTitle.black h6 {
  color: #000000 !important;
}

.ul-listing.icon-black > li::before {
  color: #000000;
}

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

.border-black {
  border-color: #000000;
}

.red {
  color: #ce1141;
}
.red:visited {
  color: #ce1141;
}

.pageTitle.red h1,
.pageTitle.red h2,
.pageTitle.red h3,
.pageTitle.red h4,
.pageTitle.red h5,
.pageTitle.red h6 {
  color: #ce1141 !important;
}

.ul-listing.icon-red > li::before {
  color: #ce1141;
}

.bg-red {
  background-color: #ce1141 !important;
}

.border-red {
  border-color: #ce1141;
}

.green {
  color: #4f9a03;
}
.green:visited {
  color: #4f9a03;
}

.pageTitle.green h1,
.pageTitle.green h2,
.pageTitle.green h3,
.pageTitle.green h4,
.pageTitle.green h5,
.pageTitle.green h6 {
  color: #4f9a03 !important;
}

.ul-listing.icon-green > li::before {
  color: #4f9a03;
}

.bg-green {
  background-color: #4f9a03 !important;
}

.border-green {
  border-color: #4f9a03;
}

.white {
  color: #ffffff;
}
.white:visited {
  color: #ffffff;
}

.pageTitle.white h1,
.pageTitle.white h2,
.pageTitle.white h3,
.pageTitle.white h4,
.pageTitle.white h5,
.pageTitle.white h6 {
  color: #ffffff !important;
}

.ul-listing.icon-white > li::before {
  color: #ffffff;
}

.bg-white {
  background-color: #ffffff !important;
}

.border-white {
  border-color: #ffffff;
}

.color1 {
  color: #e7b777;
}
.color1:visited {
  color: #e7b777;
}

.pageTitle.color1 h1,
.pageTitle.color1 h2,
.pageTitle.color1 h3,
.pageTitle.color1 h4,
.pageTitle.color1 h5,
.pageTitle.color1 h6 {
  color: #e7b777 !important;
}

.ul-listing.icon-color1 > li::before {
  color: #e7b777;
}

.bg-color1 {
  background-color: #e7b777 !important;
}

.border-color1 {
  border-color: #e7b777;
}

/* Colors END*/
.fontPrimary {
  font-family: "Roboto", sans-serif;
}

.fontSecondary {
  font-family: "DM Serif Display", serif;
}

.fontTertiary {
  font-family: "Roboto", sans-serif;
}

/* .hidden-txt is referenced throughout the house skeleton but ships absent from the
   Gen-2 boilerplate. Added in project scope so icon-only links do not render a second
   visible label. See DECISION_LOG D-004. */
.hidden-txt {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Height */
.height-auto {
  height: auto !important;
  min-height: auto !important;
  max-height: auto !important;
}

.height-72 {
  height: 72px;
}
@media screen and (max-width: 1599.98px) {
  .height-72 {
    height: 60px;
  }
}
@media screen and (max-width: 575.98px) {
  .height-72 {
    height: 40px;
  }
}

.NiceSelect.height-72 {
  height: auto !important;
}
.NiceSelect.height-72 .nice-select {
  height: 72px;
}
@media screen and (max-width: 1599.98px) {
  .NiceSelect.height-72 .nice-select {
    height: 60px;
  }
}
@media screen and (max-width: 575.98px) {
  .NiceSelect.height-72 .nice-select {
    height: 40px;
  }
}

.height-70 {
  height: 70px;
}
@media screen and (max-width: 1599.98px) {
  .height-70 {
    height: 60px;
  }
}
@media screen and (max-width: 575.98px) {
  .height-70 {
    height: 40px;
  }
}

.NiceSelect.height-70 {
  height: auto !important;
}
.NiceSelect.height-70 .nice-select {
  height: 70px;
}
@media screen and (max-width: 1599.98px) {
  .NiceSelect.height-70 .nice-select {
    height: 60px;
  }
}
@media screen and (max-width: 575.98px) {
  .NiceSelect.height-70 .nice-select {
    height: 40px;
  }
}

.height-65 {
  height: 65px;
}
@media screen and (max-width: 1599.98px) {
  .height-65 {
    height: 55px;
  }
}
@media screen and (max-width: 575.98px) {
  .height-65 {
    height: 40px;
  }
}

.NiceSelect.height-65 {
  height: auto !important;
}
.NiceSelect.height-65 .nice-select {
  height: 65px;
}
@media screen and (max-width: 1599.98px) {
  .NiceSelect.height-65 .nice-select {
    height: 55px;
  }
}
@media screen and (max-width: 575.98px) {
  .NiceSelect.height-65 .nice-select {
    height: 40px;
  }
}

.height-62 {
  height: 62px;
}
@media screen and (max-width: 1599.98px) {
  .height-62 {
    height: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .height-62 {
    height: 40px;
  }
}

.NiceSelect.height-62 {
  height: auto !important;
}
.NiceSelect.height-62 .nice-select {
  height: 62px;
}
@media screen and (max-width: 1599.98px) {
  .NiceSelect.height-62 .nice-select {
    height: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .NiceSelect.height-62 .nice-select {
    height: 40px;
  }
}

.height-60 {
  height: 60px;
}
@media screen and (max-width: 1599.98px) {
  .height-60 {
    height: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .height-60 {
    height: 40px;
  }
}

.NiceSelect.height-60 {
  height: auto !important;
}
.NiceSelect.height-60 .nice-select {
  height: 60px;
}
@media screen and (max-width: 1599.98px) {
  .NiceSelect.height-60 .nice-select {
    height: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .NiceSelect.height-60 .nice-select {
    height: 40px;
  }
}

.height-55 {
  height: 55px;
}
@media screen and (max-width: 1599.98px) {
  .height-55 {
    height: 45px;
  }
}
@media screen and (max-width: 575.98px) {
  .height-55 {
    height: 40px;
  }
}

.NiceSelect.height-55 {
  height: auto !important;
}
.NiceSelect.height-55 .nice-select {
  height: 55px;
}
@media screen and (max-width: 1599.98px) {
  .NiceSelect.height-55 .nice-select {
    height: 45px;
  }
}
@media screen and (max-width: 575.98px) {
  .NiceSelect.height-55 .nice-select {
    height: 40px;
  }
}

.height-50 {
  height: 50px;
}
@media screen and (max-width: 1599.98px) {
  .height-50 {
    height: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .height-50 {
    height: 40px;
  }
}

.NiceSelect.height-50 {
  height: auto !important;
}
.NiceSelect.height-50 .nice-select {
  height: 50px;
}
@media screen and (max-width: 1599.98px) {
  .NiceSelect.height-50 .nice-select {
    height: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .NiceSelect.height-50 .nice-select {
    height: 40px;
  }
}

.height-45 {
  height: 45px;
}
@media screen and (max-width: 1599.98px) {
  .height-45 {
    height: 35px;
  }
}
@media screen and (max-width: 575.98px) {
  .height-45 {
    height: 35px;
  }
}

.NiceSelect.height-45 {
  height: auto !important;
}
.NiceSelect.height-45 .nice-select {
  height: 45px;
}
@media screen and (max-width: 1599.98px) {
  .NiceSelect.height-45 .nice-select {
    height: 35px;
  }
}
@media screen and (max-width: 575.98px) {
  .NiceSelect.height-45 .nice-select {
    height: 35px;
  }
}

.height-40 {
  height: 40px;
}
@media screen and (max-width: 1599.98px) {
  .height-40 {
    height: 32px;
  }
}
@media screen and (max-width: 575.98px) {
  .height-40 {
    height: 32px;
  }
}

.NiceSelect.height-40 {
  height: auto !important;
}
.NiceSelect.height-40 .nice-select {
  height: 40px;
}
@media screen and (max-width: 1599.98px) {
  .NiceSelect.height-40 .nice-select {
    height: 32px;
  }
}
@media screen and (max-width: 575.98px) {
  .NiceSelect.height-40 .nice-select {
    height: 32px;
  }
}

.height-30 {
  height: 30px;
}
@media screen and (max-width: 1599.98px) {
  .height-30 {
    height: 25px;
  }
}
@media screen and (max-width: 575.98px) {
  .height-30 {
    height: 20px;
  }
}

.NiceSelect.height-30 {
  height: auto !important;
}
.NiceSelect.height-30 .nice-select {
  height: 30px;
}
@media screen and (max-width: 1599.98px) {
  .NiceSelect.height-30 .nice-select {
    height: 25px;
  }
}
@media screen and (max-width: 575.98px) {
  .NiceSelect.height-30 .nice-select {
    height: 20px;
  }
}

/* Height END */
body {
  font-family: "Roboto", sans-serif;
  color: #363636;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "DM Serif Display", serif;
  color: #232323;
}

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
}

::-moz-selection {
  background: #043850; /* Safari */
  color: #ffffff;
}

::selection {
  background: #043850; /* Safari */
  color: #ffffff;
}

::-moz-selection {
  background: #043850; /* Firefox */
  color: #ffffff;
}

::-webkit-scrollbar-track {
  color: #043850;
}

::-webkit-scrollbar-thumb {
  color: #043850;
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
  border-radius: 0px;
}

html {
  scrollbar-width: thin;
  scrollbar-color: #043850 #c9c9c9;
}

i::before {
  text-rendering: optimizeLegibility;
}

html {
  height: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
body {
  height: 100%;
}

hr {
  border-top: 1px solid #d8d8d8;
  clear: both;
  margin: 50px 0px;
  opacity: 1;
  height: 0px;
}
hr.white {
  border-color: #ffffff;
}
@media screen and (max-width: 1599.98px) {
  hr {
    margin: 40px 0px;
  }
}
@media screen and (max-width: 575.98px) {
  hr {
    margin: 30px 0px;
  }
}

body {
  font-style: normal;
  font-variant: normal;
  overflow-x: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

img {
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

*:hover,
*:visited,
*:active,
*:focus {
  outline: none !important;
}

a {
  color: #363636;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.5s;
}

a:visited {
  color: #363636;
}

a:hover {
  color: #043850;
  text-decoration: none;
  outline: none !important;
}

p a {
  text-decoration: none;
  color: #363636;
}

p a:hover {
  text-decoration: underline;
}

fieldset,
a img {
  border: none;
}

ol,
ul {
  margin: 0px auto 30px;
  padding-left: 15px;
  list-style-position: outside; /*list-style-type: none; */
}

ul.d-flex,
.d-flex {
  list-style: none;
  padding-left: 0px;
  flex-wrap: wrap;
  margin-bottom: 0px;
  position: relative;
}

ol.last,
ul.last {
  margin-bottom: 0px !important;
}

p {
  margin-top: 0;
  margin-bottom: 25px;
}
@media screen and (max-width: 1599.98px) {
  p {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  p {
    margin-bottom: 20px;
  }
}
p:last-child {
  margin-bottom: 0px !important;
}

iframe {
  display: block;
  width: 100%;
}

figure {
  margin: 0px !important;
}

.hide-xxxl,
.hide-xxl,
.hide-xl,
.hide-lg,
.hide-md,
.hide-sm,
.hide-xs,
.hide-xxs {
  position: relative;
}

.show-xxxl,
.show-xxl,
.show-xl,
.show-lg,
.show-md,
.show-sm,
.show-xs,
.show-xxs {
  display: none !important;
}

.fullcontainer {
  position: relative;
  margin: 0px auto;
}

.fullcontainer .container {
  position: relative;
  z-index: 1;
}

.full-mx {
  max-width: 1920px;
  margin: 0px auto;
}

.is_stuck {
  z-index: 6;
}

.float-div {
  width: 100%;
  position: absolute;
  left: 0px;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
}
.float-div.float-top, .float-div.float-start {
  top: 0;
  transform: none;
}
.float-div.float-bottom, .float-div.float-end {
  bottom: 0;
  top: auto;
  transform: none;
}
@media screen and (max-width: 1199.98px) {
  .float-div.xl {
    position: static;
  }
}
@media screen and (max-width: 991.98px) {
  .float-div.lg {
    position: static;
  }
}
@media screen and (max-width: 767.98px) {
  .float-div.md {
    position: static;
  }
}
@media screen and (max-width: 575.98px) {
  .float-div.sm {
    position: static;
  }
}

.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
}

.container:after {
  display: block;
  content: " ";
  clear: both;
}

.clearfix:after,
.form-group:after {
  display: block;
  content: ".";
  height: 0px;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-table;
  height: 1%;
  display: block;
}

body.body-noscroll {
  height: 100%;
  overflow: hidden;
}

.equalheight,
.equalheight1,
.equalheight2,
.equalheight3,
.equalheight4,
.equalheight5 {
  display: block;
  position: relative;
}

/* Text Style */
.text-right {
  text-align: right;
}

.text-center,
.text-center p {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-justify {
  text-align: justify;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-underline {
  text-decoration: underline !important;
}

.text-uncap {
  text-transform: none;
}

.text-pre {
  white-space: pre;
  word-wrap: break-word;
}

.text-note {
  font-size: 12px;
}
@media screen and (max-width: 1599.98px) {
  .text-note {
    font-size: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .text-note {
    font-size: 8px;
  }
}
.text-note {
  font-style: italic;
}

p[align=center] {
  text-align: center;
}

p[align=left] {
  text-align: left;
}

p[align=right] {
  text-align: right;
}

.underline {
  text-decoration: underline;
}

.bld-lt {
  font-weight: 300 !important;
}

.bld-rg {
  font-weight: 400 !important;
}

.bld-md {
  font-weight: 500 !important;
}

.bld-sm {
  font-weight: 600 !important;
}

strong,
.bld {
  font-weight: 700 !important;
}

.bld-lg {
  font-weight: 800 !important;
}

.bld-bl {
  font-weight: 900 !important;
}

.small,
small {
  font-size: 70%;
}

/* Text Style END */
.responsive {
  width: 100% !important;
  max-width: 100% !important;
}

.responsive-mx {
  max-width: 100% !important;
}

.relative {
  position: relative;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.text-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* BG image */
.bg-img {
  background-position: center center;
  background-repeat: no-repeat;
}
.bg-img-100 {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.bg-img-cover {
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-img-top-left {
  background-position: top left;
  background-repeat: no-repeat;
}
.bg-img-top-center {
  background-position: top center;
  background-repeat: no-repeat;
}
.bg-img-top-right {
  background-position: top right;
  background-repeat: no-repeat;
}
.bg-img-right-center {
  background-position: right center;
  background-repeat: no-repeat;
}
.bg-img-bottom-right {
  background-position: bottom right;
  background-repeat: no-repeat;
}
.bg-img-bottom-center {
  background-position: bottom center;
  background-repeat: no-repeat;
}
.bg-img-bottom-left {
  background-position: bottom left;
  background-repeat: no-repeat;
}
.bg-img-left-center {
  background-position: left center;
  background-repeat: no-repeat;
}
.bg-img-top {
  background-position: top left;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.bg-img-right {
  background-position: top right;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bg-img-bottom {
  background-position: bottom left;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.bg-img-left {
  background-position: top left;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bg-img-center-left {
  background-position: left center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.bg-img-center-center {
  background-position: center center;
  background-repeat: no-repeat;
}
.bg-img-fix {
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* BG image END */
@media print {
  a[href]::after {
    content: none !important;
  }
}
.grecaptcha-badge {
  z-index: 2;
  bottom: 10px !important;
}

.nohover {
  pointer-events: none;
}

.grid-tb {
  display: table;
  height: 100%;
  width: 100%;
}

.grid-tc {
  display: table-cell;
  vertical-align: middle;
}

.grid-tc.bt {
  vertical-align: bottom;
}

.grid-tc.tp {
  vertical-align: top;
}

.grid-tc img {
  vertical-align: middle;
}

.grid-ov-info {
  padding: 40px;
}
@media screen and (max-width: 1599.98px) {
  .grid-ov-info {
    padding: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .grid-ov-info {
    padding: 20px;
  }
}

.has-ov {
  overflow: hidden;
}

.grid-ov {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  background: linear-gradient(0deg, rgba(255, 226, 221, 0.9) 0%, rgba(255, 226, 221, 0.9) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
  background-blend-mode: normal, luminosity, normal;
  z-index: 9;
  padding: 0px;
  transform: scale(0);
  transition: all 0.5s ease, transform 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
}

.has-ov .grid-info {
  transition: all 0.2s;
  display: block;
  z-index: 2;
}

.has-ov:hover .grid-info {
  opacity: 0;
}

.has-ov:hover:hover .grid-ov {
  opacity: 1;
  visibility: visible;
  z-index: 9;
  transform: scale(1);
  transition: all 0.5s ease, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.img-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  margin: 0 auto 0;
}
.img-holder figure {
  position: absolute;
  inset: 0;
  display: block;
  margin: 0;
  text-align: center;
  padding: 0;
}
.img-holder figure img {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  z-index: 1;
  transition: all 0.6s ease;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.img-holder.img-cover figure img {
  -o-object-fit: cover;
     object-fit: cover;
}
.img-holder.img-cover.img-top figure img {
  -o-object-position: 50% 0%;
     object-position: 50% 0%;
}
.img-holder.img-cover.img-bottom figure img {
  -o-object-position: 0% 50%;
     object-position: 0% 50%;
}
.img-holder.img-cover.img-fright figure img {
  -o-object-position: right center;
     object-position: right center;
}
.img-holder.img-cover.img-fleft figure img {
  -o-object-position: left center;
     object-position: left center;
}

.img-effect:hover .img-holder figure img,
.img-effect:hover .full-height-image > img {
  transform: scale(1.1) rotate(2deg);
}

.full-height-image {
  height: 100%;
  overflow: hidden;
}
.full-height-image > img {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  transition: all 0.6s ease;
}

.image-grayscale .img-holder figure,
.image-grayscale img {
  filter: grayscale(1);
  transition: all 0.2s linear;
}
.image-grayscale:hover .img-holder figure,
.image-grayscale:hover img {
  filter: grayscale(0);
}

.section-saperator {
  line-height: 0;
  width: 100%;
  z-index: 1;
  pointer-events: none;
}
.section-saperator img {
  width: 100%;
}
.section-saperator.float {
  position: absolute;
  left: 0px;
}
.section-saperator.saperator-bottom {
  bottom: 0px;
}
.section-saperator.saperator-top {
  top: 0px;
}

.icon-holder {
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-holder.icon-left, .icon-holder.icon-start {
  justify-content: flex-start;
}
.icon-holder.icon-right, .icon-holder.icon-end {
  justify-content: flex-end;
}
.icon-holder.icon-rounded {
  border-radius: 50%;
  overflow: hidden;
}
.icon-holder.icon-rounded-corner {
  height: 74px;
  width: 74px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 20px;
}
@media screen and (max-width: 1599.98px) {
  .icon-holder.icon-rounded-corner {
    height: 55px;
    width: 55px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 575.98px) {
  .icon-holder.icon-rounded-corner {
    height: 45px;
    width: 45px;
    border-radius: 10px;
  }
}
.icon-holder img {
  max-height: 100%;
}

.text-center .icon-holder {
  margin: 0px auto 30px;
}

.img-swap-holder .img-swap {
  transition: all 0.2s linear;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
}
.img-swap-holder .img-swap img {
  transition: all 0.2s linear;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
}
.img-swap-holder .img-swap img + img {
  opacity: 0;
}
.img-swap-holder .img-swap.icon-left img {
  left: 0;
  transform: translate(0%, -50%);
}
.img-swap-holder .img-swap.icon-right img {
  right: 0;
  left: auto;
  transform: translate(0%, -50%);
}
.img-swap-holder:hover .img-swap img {
  opacity: 0;
}
.img-swap-holder:hover .img-swap img + img {
  opacity: 1;
}

em {
  font-style: italic;
}

/* Rounded Corner  5 to 50*/
.rounded-corner {
  overflow: hidden;
}
.rounded-corner-5 {
  border-radius: 5px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-corner-5 {
    border-radius: 4px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-corner-5 {
    border-radius: 2px;
  }
}
.rounded-corner-10 {
  border-radius: 10px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-corner-10 {
    border-radius: 8px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-corner-10 {
    border-radius: 4px;
  }
}
.rounded-corner-15 {
  border-radius: 15px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-corner-15 {
    border-radius: 12px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-corner-15 {
    border-radius: 6px;
  }
}
.rounded-corner-20 {
  border-radius: 20px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-corner-20 {
    border-radius: 16px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-corner-20 {
    border-radius: 8px;
  }
}
.rounded-corner-25 {
  border-radius: 25px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-corner-25 {
    border-radius: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-corner-25 {
    border-radius: 10px;
  }
}
.rounded-corner-30 {
  border-radius: 30px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-corner-30 {
    border-radius: 24px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-corner-30 {
    border-radius: 12px;
  }
}
.rounded-corner-35 {
  border-radius: 35px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-corner-35 {
    border-radius: 28px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-corner-35 {
    border-radius: 14px;
  }
}
.rounded-corner-40 {
  border-radius: 40px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-corner-40 {
    border-radius: 32px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-corner-40 {
    border-radius: 16px;
  }
}
.rounded-corner-45 {
  border-radius: 45px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-corner-45 {
    border-radius: 36px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-corner-45 {
    border-radius: 18px;
  }
}
.rounded-corner-50 {
  border-radius: 50px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-corner-50 {
    border-radius: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-corner-50 {
    border-radius: 20px;
  }
}
.rounded-corner-55 {
  border-radius: 55px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-corner-55 {
    border-radius: 44px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-corner-55 {
    border-radius: 22px;
  }
}
.rounded-corner-60 {
  border-radius: 60px;
}
@media screen and (max-width: 1599.98px) {
  .rounded-corner-60 {
    border-radius: 48px;
  }
}
@media screen and (max-width: 575.98px) {
  .rounded-corner-60 {
    border-radius: 24px;
  }
}

/* Rounded Corner  END*/
/* Opacity*/
.opacity-0 {
  opacity: 0 !important;
}
.opacity-5 {
  opacity: 0.05 !important;
}
.opacity-10 {
  opacity: 0.1 !important;
}
.opacity-15 {
  opacity: 0.15 !important;
}
.opacity-20 {
  opacity: 0.2 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-30 {
  opacity: 0.3 !important;
}
.opacity-35 {
  opacity: 0.35 !important;
}
.opacity-40 {
  opacity: 0.4 !important;
}
.opacity-45 {
  opacity: 0.45 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-55 {
  opacity: 0.55 !important;
}
.opacity-60 {
  opacity: 0.6 !important;
}
.opacity-65 {
  opacity: 0.65 !important;
}
.opacity-70 {
  opacity: 0.7 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-80 {
  opacity: 0.8 !important;
}
.opacity-85 {
  opacity: 0.85 !important;
}
.opacity-90 {
  opacity: 0.9 !important;
}
.opacity-95 {
  opacity: 0.95 !important;
}
.opacity-100 {
  opacity: 1 !important;
}

/* Opacity END*/
/* Odd Even List */
.odd-even-list .odd-even-box {
  margin-bottom: 0px;
  position: relative;
}
.odd-even-list .odd-even-box:last-child {
  margin-bottom: 0px !important;
}
.odd-even-list .odd-even-box .textColLeft,
.odd-even-list .odd-even-box .textColRight {
  height: 100%;
  display: flex;
  align-items: center;
}
.odd-even-list .odd-even-box .odd-even-img {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
@media screen and (max-width: 1599.98px) {
  .odd-even-list .odd-even-box .odd-even-img {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 1399.98px) {
  .odd-even-list .odd-even-box .odd-even-img {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 991.98px) {
  .odd-even-list .odd-even-box .odd-even-img {
    padding: 0px 0px 0px 0px;
    margin: 0px 30px 0px 0px;
  }
}
@media screen and (max-width: 575.98px) {
  .odd-even-list .odd-even-box .odd-even-img {
    padding: 0px 0px 0px 0px;
    margin: 0px 20px 0px 0px;
  }
}
.odd-even-list .odd-even-box .odd-even-img img {
  max-width: 100%;
  width: 100%;
}
.odd-even-list .odd-even-box .odd-even-info {
  padding: 0px 0px 0px 120px;
  margin: 0px 0px 0px 0px;
}
@media screen and (max-width: 1599.98px) {
  .odd-even-list .odd-even-box .odd-even-info {
    padding: 0px 0px 0px 95px;
    margin: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 1399.98px) {
  .odd-even-list .odd-even-box .odd-even-info {
    padding: 0px 0px 0px 30px;
    margin: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 1299.98px) {
  .odd-even-list .odd-even-box .odd-even-info {
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 575.98px) {
  .odd-even-list .odd-even-box .odd-even-info {
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
  }
}
.odd-even-list .odd-even-box:nth-child(even) .odd-even-img {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
@media screen and (max-width: 1599.98px) {
  .odd-even-list .odd-even-box:nth-child(even) .odd-even-img {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 1399.98px) {
  .odd-even-list .odd-even-box:nth-child(even) .odd-even-img {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 991.98px) {
  .odd-even-list .odd-even-box:nth-child(even) .odd-even-img {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .odd-even-list .odd-even-box:nth-child(even) .odd-even-img {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 20px;
  }
}
.odd-even-list .odd-even-box:nth-child(even) .odd-even-info {
  padding: 0px 120px 0px 0px;
  margin: 0px 0px 0px 0px;
}
@media screen and (max-width: 1599.98px) {
  .odd-even-list .odd-even-box:nth-child(even) .odd-even-info {
    padding: 0px 95px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 1399.98px) {
  .odd-even-list .odd-even-box:nth-child(even) .odd-even-info {
    padding: 0px 30px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 1299.98px) {
  .odd-even-list .odd-even-box:nth-child(even) .odd-even-info {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 575.98px) {
  .odd-even-list .odd-even-box:nth-child(even) .odd-even-info {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
}
.odd-even-list .odd-even-box:nth-child(even) .row > [class*=col-]:first-child {
  order: 2;
}
.odd-even-list .odd-even-box:nth-child(even) .row > [class*=col-]:last-child {
  order: 1;
}
.odd-even-list .odd-even-box:nth-child(even) > .colContainer > .row > [class*=col-]:first-child {
  order: 2;
}
.odd-even-list .odd-even-box:nth-child(even) > .colContainer > .row > [class*=col-]:last-child {
  order: 1;
}
.odd-even-list .odd-even-box:nth-child(even) .textColLeft {
  float: left;
}
.odd-even-list .odd-even-box:nth-child(even) .textColRight {
  float: right;
}
.odd-even-list.alt .odd-even-box .odd-even-img {
  padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1399.98px) {
  .odd-even-list.alt .odd-even-box .odd-even-img {
    padding: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 991.98px) {
  .odd-even-list.alt .odd-even-box .odd-even-img {
    padding: 30px 0px 0px 0px !important;
  }
}
.odd-even-list.alt .odd-even-box .odd-even-info {
  padding: 0px 70px 0px 0px;
}
@media screen and (max-width: 1599.98px) {
  .odd-even-list.alt .odd-even-box .odd-even-info {
    padding: 0px 55px 0px 0px;
  }
}
@media screen and (max-width: 1199.98px) {
  .odd-even-list.alt .odd-even-box .odd-even-info {
    padding: 0px 30px 0px 0px;
  }
}
@media screen and (max-width: 991.98px) {
  .odd-even-list.alt .odd-even-box .odd-even-info {
    padding: 0px 0px 0px 0px;
  }
}
.odd-even-list.alt .odd-even-box:nth-child(even) .odd-even-img {
  padding: 0px 0px 0px 0px;
}
.odd-even-list.alt .odd-even-box:nth-child(even) .odd-even-info {
  padding: 0px 0px 0px 90px;
}
@media screen and (max-width: 1599.98px) {
  .odd-even-list.alt .odd-even-box:nth-child(even) .odd-even-info {
    padding: 0px 0px 0px 70px;
  }
}
@media screen and (max-width: 1399.98px) {
  .odd-even-list.alt .odd-even-box:nth-child(even) .odd-even-info {
    padding: 0px 0px 0px 30px;
  }
}
@media screen and (max-width: 991.98px) {
  .odd-even-list.alt .odd-even-box:nth-child(even) .odd-even-info {
    padding: 0px 0px 0px 0px;
  }
}
.odd-even-list.alt1 .odd-even-box .odd-even-img {
  padding: 0px 70px 0px 0px;
  margin: 0px 0px 0px 0px;
}
@media screen and (max-width: 1599.98px) {
  .odd-even-list.alt1 .odd-even-box .odd-even-img {
    padding: 0px 55px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 1399.98px) {
  .odd-even-list.alt1 .odd-even-box .odd-even-img {
    padding: 0px 30px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 991.98px) {
  .odd-even-list.alt1 .odd-even-box .odd-even-img {
    padding: 0px 0px 30px 0px !important;
    margin: 0px 0px 0px 0px;
  }
}
.odd-even-list.alt1 .odd-even-box .odd-even-info {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.odd-even-list.alt1 .odd-even-box:nth-child(even) .odd-even-img {
  padding: 0px 0px 0px 70px;
}
@media screen and (max-width: 1599.98px) {
  .odd-even-list.alt1 .odd-even-box:nth-child(even) .odd-even-img {
    padding: 0px 0px 0px 55px;
  }
}
@media screen and (max-width: 1399.98px) {
  .odd-even-list.alt1 .odd-even-box:nth-child(even) .odd-even-img {
    padding: 0px 0px 0px 30px;
  }
}
@media screen and (max-width: 1199.98px) {
  .odd-even-list.xl .odd-even-box:nth-child(even) > .row > [class*=col-]:first-child,
  .odd-even-list.xl .odd-even-box:nth-child(even) > .colContainer > .row > [class*=col-]:first-child {
    order: 1;
  }
  .odd-even-list.xl .odd-even-box:nth-child(even) > .row > [class*=col-]:last-child,
  .odd-even-list.xl .odd-even-box:nth-child(even) > .colContainer > .row > [class*=col-]:last-child {
    order: 2;
  }
}
@media screen and (max-width: 991.98px) {
  .odd-even-list.lg .odd-even-box:nth-child(even) > .row > [class*=col-]:first-child,
  .odd-even-list.lg .odd-even-box:nth-child(even) > .colContainer > .row > [class*=col-]:first-child {
    order: 1;
  }
  .odd-even-list.lg .odd-even-box:nth-child(even) > .row > [class*=col-]:last-child,
  .odd-even-list.lg .odd-even-box:nth-child(even) > .colContainer > .row > [class*=col-]:last-child {
    order: 2;
  }
}
@media screen and (max-width: 767.98px) {
  .odd-even-list.md .odd-even-box:nth-child(even) .row > [class*=col-]:first-child,
  .odd-even-list.md .odd-even-box:nth-child(even) > .colContainer > .row > [class*=col-]:first-child {
    order: 1;
  }
  .odd-even-list.md .odd-even-box:nth-child(even) .row > [class*=col-]:last-child,
  .odd-even-list.md .odd-even-box:nth-child(even) > .colContainer > .row > [class*=col-]:last-child {
    order: 2;
  }
}
@media screen and (max-width: 575.98px) {
  .odd-even-list.sm .odd-even-box:nth-child(even) > .row > [class*=col-]:first-child,
  .odd-even-list.sm .odd-even-box:nth-child(even) > .colContainer > .row > [class*=col-]:first-child {
    order: 1;
  }
  .odd-even-list.sm .odd-even-box:nth-child(even) > .row > [class*=col-]:last-child,
  .odd-even-list.sm .odd-even-box:nth-child(even) > .colContainer > .row > [class*=col-]:last-child {
    order: 2;
  }
}

/* Odd Even List END */
@media only screen and (max-width: 1919.98px) {
  .height-hd {
    height: auto !important;
  }
  .show-hd {
    display: block !important;
  }
  .hide-hd {
    display: none !important;
  }
  .overlay-hd::before {
    visibility: visible;
  }
  .auto-hd {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .text-center-hd {
    text-align: center !important;
  }
  .text-left-hd {
    text-align: left !important;
  }
  .justify-center-hd {
    justify-content: center !important;
  }
  .width-hd {
    width: 100% !important;
    max-width: 100% !important;
  }
  .float-hd {
    position: relative;
    transform: none !important;
    top: 0 !important;
  }
  .float-hd .float-container-info {
    padding: 30px 0;
  }
  ul.d-flex.hd,
  .form-group.inline.hd {
    display: block !important;
  }
}
@media only screen and (max-width: 1599.98px) {
  .height-xxxl {
    height: auto !important;
  }
  .show-xxxl {
    display: block !important;
  }
  .hide-xxxl {
    display: none !important;
  }
  .overlay-xxxl::before {
    visibility: visible;
  }
  .auto-xxxl {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .text-center-xxxl {
    text-align: center !important;
  }
  .text-left-xxxl {
    text-align: left !important;
  }
  .justify-center-xxxl {
    justify-content: center !important;
  }
  .width-xxxl {
    width: 100% !important;
    max-width: 100% !important;
  }
  .float-xxxl {
    position: relative;
    transform: none !important;
    top: 0 !important;
  }
  .float-xxxl .float-container-info {
    padding: 30px 0;
  }
  ul.d-flex.xxxl,
  .form-group.inline.xxxl {
    display: block !important;
  }
}
@media only screen and (max-width: 1399.98px) {
  .height-xxl {
    height: auto !important;
  }
  .show-xxl {
    display: block !important;
  }
  .hide-xxl {
    display: none !important;
  }
  .overlay-xxl::before {
    visibility: visible;
  }
  .auto-xxl {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .text-center-xxl {
    text-align: center !important;
  }
  .text-left-xxl {
    text-align: left !important;
  }
  .justify-center-xxl {
    justify-content: center !important;
  }
  .width-xxl {
    width: 100% !important;
    max-width: 100% !important;
  }
  .float-xxl {
    position: relative;
    transform: none !important;
    top: 0 !important;
  }
  .float-xxl .float-container-info {
    padding: 30px 0;
  }
  ul.d-flex.xxl,
  .form-group.inline.xxl {
    display: block !important;
  }
}
@media only screen and (max-width: 1299.98px) {
  .height-xlg {
    height: auto !important;
  }
  .show-xlg {
    display: block !important;
  }
  .hide-xlg {
    display: none !important;
  }
  .overlay-xlg::before {
    visibility: visible;
  }
  .auto-xlg {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .text-center-xlg {
    text-align: center !important;
  }
  .text-left-xlg {
    text-align: left !important;
  }
  .justify-center-xlg {
    justify-content: center !important;
  }
  .width-xlg {
    width: 100% !important;
    max-width: 100% !important;
  }
  .float-xlg {
    position: relative;
    transform: none !important;
    top: 0 !important;
  }
  .float-xlg .float-container-info {
    padding: 30px 0;
  }
  ul.d-flex.xlg,
  .form-group.inline.xlg {
    display: block !important;
  }
}
@media only screen and (max-width: 1199.98px) {
  .height-xl {
    height: auto !important;
  }
  .show-xl {
    display: block !important;
  }
  .hide-xl {
    display: none !important;
  }
  .overlay-xl::before {
    visibility: visible;
  }
  .auto-xl {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .text-center-xl {
    text-align: center !important;
  }
  .text-left-xl {
    text-align: left !important;
  }
  .justify-center-xl {
    justify-content: center !important;
  }
  .width-xl {
    width: 100% !important;
    max-width: 100% !important;
  }
  .float-xl {
    position: relative;
    transform: none !important;
    top: 0 !important;
  }
  .float-xl .float-container-info {
    padding: 30px 0;
  }
  ul.d-flex.xl,
  .form-group.inline.xl {
    display: block !important;
  }
}
@media only screen and (max-width: 991.98px) {
  .height-lg {
    height: auto !important;
  }
  .show-lg {
    display: block !important;
  }
  .hide-lg {
    display: none !important;
  }
  .overlay-lg::before {
    visibility: visible;
  }
  .auto-lg {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .text-center-lg {
    text-align: center !important;
  }
  .text-left-lg {
    text-align: left !important;
  }
  .justify-center-lg {
    justify-content: center !important;
  }
  .width-lg {
    width: 100% !important;
    max-width: 100% !important;
  }
  .float-lg {
    position: relative;
    transform: none !important;
    top: 0 !important;
  }
  .float-lg .float-container-info {
    padding: 30px 0;
  }
  ul.d-flex.lg,
  .form-group.inline.lg {
    display: block !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .height-md {
    height: auto !important;
  }
  .show-md {
    display: block !important;
  }
  .hide-md {
    display: none !important;
  }
  .overlay-md::before {
    visibility: visible;
  }
  .auto-md {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .text-center-md {
    text-align: center !important;
  }
  .text-left-md {
    text-align: left !important;
  }
  .justify-center-md {
    justify-content: center !important;
  }
  .width-md {
    width: 100% !important;
    max-width: 100% !important;
  }
  .float-md {
    position: relative;
    transform: none !important;
    top: 0 !important;
  }
  .float-md .float-container-info {
    padding: 30px 0;
  }
  ul.d-flex.md,
  .form-group.inline.md {
    display: block !important;
  }
}
@media only screen and (max-width: 575.98px) {
  .height-sm {
    height: auto !important;
  }
  .show-sm {
    display: block !important;
  }
  .hide-sm {
    display: none !important;
  }
  .overlay-sm::before {
    visibility: visible;
  }
  .auto-sm {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .text-center-sm {
    text-align: center !important;
  }
  .text-left-sm {
    text-align: left !important;
  }
  .justify-center-sm {
    justify-content: center !important;
  }
  .width-sm {
    width: 100% !important;
    max-width: 100% !important;
  }
  .float-sm {
    position: relative;
    transform: none !important;
    top: 0 !important;
  }
  .float-sm .float-container-info {
    padding: 30px 0;
  }
  ul.d-flex.sm,
  .form-group.inline.sm {
    display: block !important;
  }
}
@media only screen and (max-width: 479.98px) {
  .height-ssm {
    height: auto !important;
  }
  .show-ssm {
    display: block !important;
  }
  .hide-ssm {
    display: none !important;
  }
  .overlay-ssm::before {
    visibility: visible;
  }
  .auto-ssm {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .text-center-ssm {
    text-align: center !important;
  }
  .text-left-ssm {
    text-align: left !important;
  }
  .justify-center-ssm {
    justify-content: center !important;
  }
  .width-ssm {
    width: 100% !important;
    max-width: 100% !important;
  }
  .float-ssm {
    position: relative;
    transform: none !important;
    top: 0 !important;
  }
  .float-ssm .float-container-info {
    padding: 30px 0;
  }
  ul.d-flex.ssm,
  .form-group.inline.ssm {
    display: block !important;
  }
}
@media only screen and (max-width: 413.98px) {
  .height-xs {
    height: auto !important;
  }
  .show-xs {
    display: block !important;
  }
  .hide-xs {
    display: none !important;
  }
  .overlay-xs::before {
    visibility: visible;
  }
  .auto-xs {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .text-center-xs {
    text-align: center !important;
  }
  .text-left-xs {
    text-align: left !important;
  }
  .justify-center-xs {
    justify-content: center !important;
  }
  .width-xs {
    width: 100% !important;
    max-width: 100% !important;
  }
  .float-xs {
    position: relative;
    transform: none !important;
    top: 0 !important;
  }
  .float-xs .float-container-info {
    padding: 30px 0;
  }
  ul.d-flex.xs,
  .form-group.inline.xs {
    display: block !important;
  }
}
@media only screen and (max-width: 375px) {
  .height-xxs {
    height: auto !important;
  }
  .show-xxs {
    display: block !important;
  }
  .hide-xxs {
    display: none !important;
  }
  .overlay-xxs::before {
    visibility: visible;
  }
  .auto-xxs {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .text-center-xxs {
    text-align: center !important;
  }
  .text-left-xxs {
    text-align: left !important;
  }
  .justify-center-xxs {
    justify-content: center !important;
  }
  .width-xxs {
    width: 100% !important;
    max-width: 100% !important;
  }
  .float-xxs {
    position: relative;
    transform: none !important;
    top: 0 !important;
  }
  .float-xxs .float-container-info {
    padding: 30px 0;
  }
  ul.d-flex.xxs,
  .form-group.inline.xxs {
    display: block !important;
  }
}
[data-animation-in] {
  opacity: 0;
}
@media screen and (max-width: 991.98px) {
  [data-animation-in] {
    opacity: 1;
  }
}

.loadmore-item {
  display: none;
}

/*--Scroll Progress--*/
.progress-wrap {
  position: fixed;
  bottom: 200px;
  right: 44px;
  height: 90px;
  width: 90px;
  cursor: pointer;
  background-color: #ffffff;
  z-index: 9;
  border-radius: 50%;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.2s;
  opacity: 0;
  visibility: hidden;
}
.progress-wrap.show {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1599.98px) {
  .progress-wrap {
    height: 75px;
    width: 75px;
  }
}
@media screen and (max-width: 1199.98px) {
  .progress-wrap {
    height: 60px;
    width: 60px;
    right: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .progress-wrap {
    right: 10px;
    height: 40px;
    width: 40px;
  }
}
.progress-wrap svg {
  transform: rotate(-90deg);
  width: 100%;
  height: 100%;
}
.progress-wrap svg path {
  stroke: #043850;
  stroke-width: 3;
  fill: none;
  stroke-dasharray: 307;
  stroke-dashoffset: 307;
  transition: stroke-dashoffset 0.25s linear;
}
.progress-wrap .arrow {
  font-size: 22px;
}
@media screen and (max-width: 1599.98px) {
  .progress-wrap .arrow {
    font-size: 18px;
  }
}
@media screen and (max-width: 575.98px) {
  .progress-wrap .arrow {
    font-size: 14px;
  }
}
.progress-wrap .arrow {
  color: #232323;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
@media screen and (max-width: 575.98px) {
  .progress-wrap .arrow {
    font-size: 16px;
  }
}
@media screen and (max-width: 575.98px) and (max-width: 1599.98px) {
  .progress-wrap .arrow {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) and (max-width: 575.98px) {
  .progress-wrap .arrow {
    font-size: 10px;
  }
}
.progress-wrap:hover .arrow {
  color: #e7b777;
}
.progress-wrap:hover svg path {
  stroke: #e7b777;
}

/*--Scroll Progress END--*/
.video-container {
  overflow: hidden;
}
.video-container a {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: 0px;
}
.video-container a img {
  width: 100%;
}
.video-container a::before {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  /*content: "\f04b"; */
  content: "";
  transition: all 0.2s linear;
  opacity: 1;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 40px;
}
@media screen and (max-width: 1599.98px) {
  .video-container a::before {
    font-size: 32px;
  }
}
@media screen and (max-width: 575.98px) {
  .video-container a::before {
    font-size: 26px;
  }
}
.video-container a::before {
  width: 120px;
  height: 120px;
  background-image: url("../../images/default/play-btn.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(20px);
}
@media screen and (max-width: 1599.98px) {
  .video-container a::before {
    width: 95px;
    height: 95px;
  }
}
@media screen and (max-width: 575.98px) {
  .video-container a::before {
    width: 40px;
    height: 40px;
  }
}
.video-container a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  left: 0px;
  top: 0px;
  background: #000000;
  opacity: 0;
  z-index: 1;
}

/* HTML Video */
video {
  display: block;
  height: auto;
  margin: auto;
  position: relative;
  width: 100%;
}

.video-wrap {
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.cover-video video,
.cover-video iframe {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.video-wrap.cover-video {
  padding-bottom: 56.25%;
}

.ratio {
  overflow: hidden;
}

.section-flex {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  justify-content: center;
  height: 100%;
}

/*--Floating Icons--
<div class="float-icon ficon1 floating slower"><img src="images/icon.png" alt="" class="responsive" /></div>
*/
.float-icon {
  position: absolute !important;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  line-height: 1;
  z-index: -1;
  pointer-events: none;
}

.float-icon img {
  max-width: 100%;
}

.floating {
  animation-name: floating;
}

@keyframes floating {
  0% {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(0, 20px);
  }
  100% {
    transform: translate(0, 0px);
  }
}
@media only screen and (max-width: 567px) {
  @keyframes floating {
    0% {
      transform: translate(0, 0px);
    }
    50% {
      transform: translate(0, 15px);
    }
    100% {
      transform: translate(0, 0px);
    }
  }
}
.rotate {
  animation-name: rotate;
}

.rotate-alt {
  animation-name: rotate-alt;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-alt {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes fade-in-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.slow {
  animation-duration: 3.5s;
}

.slower {
  animation-duration: 4s;
}

.fast {
  animation-duration: 1500ms;
}

.faster {
  animation-duration: 1000ms;
}

/*--Floating Icons END--*/
/*=========================================================
  V Medical Aesthetics - type ramp (Gen 2: @include font-size(N), raw Figma px)
  Source nodes (canvas 7472:5503):
  - section title  7472:6787  DM Serif Display 400, 50 / 55, #232323
  - hero BECOME    7472:7126  DM Serif Display 400, 120 / 1.0, $primary
  - hero gold line 7472:7127  DM Serif Display 400, 80 / 1.0, tracking -2.4px (-0.03em),
                              $gradient1 clipped to text
  - eyebrow        7472:7124  Roboto 400, 14, tracking 2.1px (0.15em), uppercase, $primary,
                              48px rule + 12px gap before it (Line 6, 7472:7123)
  - body/lg        variable   Roboto Light 300, 18 / 1.5
  Steps marked UNPROVEN are aliased to the nearest proven size; confirm per section.
  Sub-1920 sizes come from the Gen-2 ramp (x0.8 at xxxl, x0.65 at sm) and are
  INFERRED - this design has no tablet or mobile frame (D-004).
=========================================================*/
body {
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  body {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  body {
    font-size: 12px;
  }
}
body {
  line-height: 1.5;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  color: #232323;
  margin: 0px;
  padding: 0px 0px 20px;
  line-height: 1.1;
  letter-spacing: 0px;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  position: relative;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong {
  font-weight: 400;
}

h1, .h1 {
  font-size: 120px;
}
@media screen and (max-width: 1599.98px) {
  h1, .h1 {
    font-size: 96px;
  }
}
@media screen and (max-width: 575.98px) {
  h1, .h1 {
    font-size: 78px;
  }
}
h1, .h1 {
  line-height: 1;
} /* hero BECOME 7472:7126 */
h2, .h2 {
  font-size: 50px;
}
@media screen and (max-width: 1599.98px) {
  h2, .h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  h2, .h2 {
    font-size: 33px;
  }
}

/* section title 7472:6787 */
h3, .h3 {
  font-size: 36px;
}
@media screen and (max-width: 1599.98px) {
  h3, .h3 {
    font-size: 29px;
  }
}
@media screen and (max-width: 575.98px) {
  h3, .h3 {
    font-size: 23px;
  }
}

/* UNPROVEN */
h4, .h4 {
  font-size: 28px;
}
@media screen and (max-width: 1599.98px) {
  h4, .h4 {
    font-size: 22px;
  }
}
@media screen and (max-width: 575.98px) {
  h4, .h4 {
    font-size: 18px;
  }
}

/* UNPROVEN */
h5, .h5 {
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  h5, .h5 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  h5, .h5 {
    font-size: 16px;
  }
}

/* UNPROVEN */
h6, .h6 {
  font-size: 20px;
}
@media screen and (max-width: 1599.98px) {
  h6, .h6 {
    font-size: 16px;
  }
}
@media screen and (max-width: 575.98px) {
  h6, .h6 {
    font-size: 13px;
  }
}

/* UNPROVEN */
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.pageTitle-holder {
  margin-bottom: 40px;
  position: relative;
  padding-bottom: 25px;
  border-bottom: 1px solid #c9c9c9;
}

.pageTitle-holder:last-child {
  margin-bottom: 0px;
}

.pageTitle {
  position: relative;
  padding: 0px;
  margin-bottom: 30px;
  transition: all 0.2s linear;
}

.pageTitle:last-child {
  margin-bottom: 0px;
}

.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 {
  font-size: 50px;
}
@media screen and (max-width: 1599.98px) {
  .pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 {
    font-size: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 {
    font-size: 33px;
  }
}
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 {
  line-height: 1.1;
  letter-spacing: 0px;
} /* section title 7472:6787 - 50/55 */
.pageTitle.xxxl h1, .pageTitle.xxxl h2, .pageTitle.xxxl h3, .pageTitle.xxxl h4, .pageTitle.xxxl h5, .pageTitle.xxxl h6 {
  font-size: 120px;
}
@media screen and (max-width: 1599.98px) {
  .pageTitle.xxxl h1, .pageTitle.xxxl h2, .pageTitle.xxxl h3, .pageTitle.xxxl h4, .pageTitle.xxxl h5, .pageTitle.xxxl h6 {
    font-size: 96px;
  }
}
@media screen and (max-width: 575.98px) {
  .pageTitle.xxxl h1, .pageTitle.xxxl h2, .pageTitle.xxxl h3, .pageTitle.xxxl h4, .pageTitle.xxxl h5, .pageTitle.xxxl h6 {
    font-size: 78px;
  }
}
.pageTitle.xxxl h1, .pageTitle.xxxl h2, .pageTitle.xxxl h3, .pageTitle.xxxl h4, .pageTitle.xxxl h5, .pageTitle.xxxl h6 {
  line-height: 1;
} /* hero BECOME 7472:7126 */
.pageTitle.xxl h1, .pageTitle.xxl h2, .pageTitle.xxl h3, .pageTitle.xxl h4, .pageTitle.xxl h5, .pageTitle.xxl h6 {
  font-size: 80px;
}
@media screen and (max-width: 1599.98px) {
  .pageTitle.xxl h1, .pageTitle.xxl h2, .pageTitle.xxl h3, .pageTitle.xxl h4, .pageTitle.xxl h5, .pageTitle.xxl h6 {
    font-size: 64px;
  }
}
@media screen and (max-width: 575.98px) {
  .pageTitle.xxl h1, .pageTitle.xxl h2, .pageTitle.xxl h3, .pageTitle.xxl h4, .pageTitle.xxl h5, .pageTitle.xxl h6 {
    font-size: 52px;
  }
}
.pageTitle.xxl h1, .pageTitle.xxl h2, .pageTitle.xxl h3, .pageTitle.xxl h4, .pageTitle.xxl h5, .pageTitle.xxl h6 {
  line-height: 1;
  letter-spacing: -0.03em;
} /* hero gold line 7472:7127 */
.pageTitle.xl h1, .pageTitle.xl h2, .pageTitle.xl h3, .pageTitle.xl h4, .pageTitle.xl h5, .pageTitle.xl h6 {
  font-size: 50px;
}
@media screen and (max-width: 1599.98px) {
  .pageTitle.xl h1, .pageTitle.xl h2, .pageTitle.xl h3, .pageTitle.xl h4, .pageTitle.xl h5, .pageTitle.xl h6 {
    font-size: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .pageTitle.xl h1, .pageTitle.xl h2, .pageTitle.xl h3, .pageTitle.xl h4, .pageTitle.xl h5, .pageTitle.xl h6 {
    font-size: 33px;
  }
}

/* UNPROVEN - aliased to base */
.pageTitle.lg h1, .pageTitle.lg h2, .pageTitle.lg h3, .pageTitle.lg h4, .pageTitle.lg h5, .pageTitle.lg h6 {
  font-size: 50px;
}
@media screen and (max-width: 1599.98px) {
  .pageTitle.lg h1, .pageTitle.lg h2, .pageTitle.lg h3, .pageTitle.lg h4, .pageTitle.lg h5, .pageTitle.lg h6 {
    font-size: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .pageTitle.lg h1, .pageTitle.lg h2, .pageTitle.lg h3, .pageTitle.lg h4, .pageTitle.lg h5, .pageTitle.lg h6 {
    font-size: 33px;
  }
}

/* UNPROVEN - aliased to base */
.pageTitle.md h1, .pageTitle.md h2, .pageTitle.md h3, .pageTitle.md h4, .pageTitle.md h5, .pageTitle.md h6 {
  font-size: 36px;
}
@media screen and (max-width: 1599.98px) {
  .pageTitle.md h1, .pageTitle.md h2, .pageTitle.md h3, .pageTitle.md h4, .pageTitle.md h5, .pageTitle.md h6 {
    font-size: 29px;
  }
}
@media screen and (max-width: 575.98px) {
  .pageTitle.md h1, .pageTitle.md h2, .pageTitle.md h3, .pageTitle.md h4, .pageTitle.md h5, .pageTitle.md h6 {
    font-size: 23px;
  }
}

/* UNPROVEN */
.pageTitle.sm h1, .pageTitle.sm h2, .pageTitle.sm h3, .pageTitle.sm h4, .pageTitle.sm h5, .pageTitle.sm h6 {
  font-size: 28px;
}
@media screen and (max-width: 1599.98px) {
  .pageTitle.sm h1, .pageTitle.sm h2, .pageTitle.sm h3, .pageTitle.sm h4, .pageTitle.sm h5, .pageTitle.sm h6 {
    font-size: 22px;
  }
}
@media screen and (max-width: 575.98px) {
  .pageTitle.sm h1, .pageTitle.sm h2, .pageTitle.sm h3, .pageTitle.sm h4, .pageTitle.sm h5, .pageTitle.sm h6 {
    font-size: 18px;
  }
}

/* UNPROVEN */
.pageTitle.xs h1, .pageTitle.xs h2, .pageTitle.xs h3, .pageTitle.xs h4, .pageTitle.xs h5, .pageTitle.xs h6 {
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .pageTitle.xs h1, .pageTitle.xs h2, .pageTitle.xs h3, .pageTitle.xs h4, .pageTitle.xs h5, .pageTitle.xs h6 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .pageTitle.xs h1, .pageTitle.xs h2, .pageTitle.xs h3, .pageTitle.xs h4, .pageTitle.xs h5, .pageTitle.xs h6 {
    font-size: 16px;
  }
}

/* UNPROVEN */
.pageTitle small {
  /* eyebrow 7472:7124 + rule 7472:7123: Roboto 400 14, tracking 2.1px = 0.15em,
     uppercase, $primary; a 48 x 1 rule with round caps sits 12px before the text. */
  font-size: 14px;
}
@media screen and (max-width: 1599.98px) {
  .pageTitle small {
    font-size: 11px;
  }
}
@media screen and (max-width: 575.98px) {
  .pageTitle small {
    font-size: 9px;
  }
}
.pageTitle small {
  padding-bottom: 20px;
  font-weight: 400;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #043850;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.15em;
}
.pageTitle small::before {
  content: "";
  width: 48px;
  height: 1px;
  border-radius: 1px;
  background: currentColor;
  flex: 0 0 auto;
}
.pageTitle small.no-rule::before {
  display: none;
}
.pageTitle small.primary {
  color: #043850;
}
.pageTitle small.secondary {
  color: #e7b777;
}
.pageTitle small.tertiary {
  color: #785927;
}
.pageTitle small.body {
  color: #363636;
}
.pageTitle small.body1 {
  color: #043850;
}
.pageTitle small.body2 {
  color: #ffffff;
}
.pageTitle small.title {
  color: #232323;
}
.pageTitle small.title1 {
  color: #232323;
}
.pageTitle small.title2 {
  color: #232323;
}
.pageTitle small.alternate {
  color: #f7f7f7;
}
.pageTitle small.alternate1 {
  color: #f7f7f7;
}
.pageTitle small.alternate2 {
  color: #f7f7f7;
}
.pageTitle small.light {
  color: #c9c9c9;
}
.pageTitle small.light1 {
  color: #b5b5b5;
}
.pageTitle small.light2 {
  color: #d0d0d0;
}
.pageTitle small.dark {
  color: #232323;
}
.pageTitle small.dark1 {
  color: #232323;
}
.pageTitle small.dark2 {
  color: #232323;
}
.pageTitle small.black {
  color: #000000;
}
.pageTitle small.red {
  color: #ce1141;
}
.pageTitle small.green {
  color: #4f9a03;
}
.pageTitle small.white {
  color: #ffffff;
}
.pageTitle small.color1 {
  color: #e7b777;
}
.pageTitle small:last-child {
  padding-bottom: 0px;
}

/* Gold gradient text (hero 7472:7127 / 7472:7128). */
.text-gradient1 {
  background: linear-gradient(180deg, #e0b560 0%, #785927 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.document {
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .document {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .document {
    font-size: 12px;
  }
}

/* body/lg - Roboto Light 18 / 1.5 */
.document p {
  margin: 0px 0px 30px;
}

.document.alt p {
  margin: 0px 0px 16px;
}

.document p:first-child {
  margin-top: 0px;
}

.document h1, .document h2, .document h3, .document h4, .document h5, .document h6 {
  padding-bottom: 0px;
  color: #232323;
}

.document h1:first-child, .document h2:first-child, .document h3:first-child, .document h4:first-child, .document h5:first-child, .document h6:first-child {
  padding-top: 0px;
  margin-top: 0px;
}

.document h1 {
  font-size: 48px;
}
@media screen and (max-width: 1599.98px) {
  .document h1 {
    font-size: 38px;
  }
}
@media screen and (max-width: 575.98px) {
  .document h1 {
    font-size: 31px;
  }
}
.document h1 {
  margin: 40px 0px 20px;
} /* UNPROVEN */
.document h2 {
  font-size: 40px;
}
@media screen and (max-width: 1599.98px) {
  .document h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 575.98px) {
  .document h2 {
    font-size: 26px;
  }
}
.document h2 {
  margin: 40px 0px 20px;
} /* UNPROVEN */
.document h3 {
  font-size: 30px;
}
@media screen and (max-width: 1599.98px) {
  .document h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 575.98px) {
  .document h3 {
    font-size: 20px;
  }
}
.document h3 {
  margin: 50px 0px 30px;
} /* UNPROVEN */
.document h4 {
  font-size: 20px;
}
@media screen and (max-width: 1599.98px) {
  .document h4 {
    font-size: 16px;
  }
}
@media screen and (max-width: 575.98px) {
  .document h4 {
    font-size: 13px;
  }
}
.document h4 {
  margin: 30px 0px 20px;
} /* UNPROVEN */
.document h5 {
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .document h5 {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .document h5 {
    font-size: 12px;
  }
}
.document h5 {
  margin: 10px 0px 10px;
} /* UNPROVEN */
.document h6 {
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .document h6 {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .document h6 {
    font-size: 10px;
  }
}
.document h6 {
  margin: 10px 0px 10px;
} /* UNPROVEN */
.document img {
  max-width: 100%;
}

.document ul {
  margin-bottom: 40px;
}

.document ul li {
  padding-bottom: 10px;
}

.document ol > li {
  padding-bottom: 30px;
}
.document ol > li p {
  margin-bottom: 15px;
}

.document .ul-listing.lg li {
  padding-left: 45px;
  padding-bottom: 20px;
}

.document .ul-listing.lg li::before {
  left: 20px;
}

.document .ul-listing.lg.alt li {
  padding-left: 25px;
  padding-bottom: 10px;
}

.document .ul-listing.lg.alt li::before {
  left: 0px;
}

.document p a, .document p a:visited {
  color: #363636;
  text-decoration: none;
}

.document p a:hover {
  color: #043850;
  text-decoration: underline;
}

/*-1599.98 (125% / laptop) - INFERRED*/
@media screen and (max-width: 1599.98px) {
  .pageTitle {
    margin-bottom: 25px;
  }
  .document p {
    margin: 0px 0px 25px;
  }
  .document h1, .document h2, .document h3, .document h4 {
    margin: 30px 0px 15px;
  }
  .document ul {
    margin-bottom: 20px;
  }
  .document .ul-listing.lg li {
    padding-left: 35px;
    padding-bottom: 20px;
  }
  .document .ul-listing.lg li::before {
    left: 15px;
  }
  .document .ul-listing.lg.alt li {
    padding-left: 20px;
    padding-bottom: 8px;
  }
}
/*-575.98 phones - INFERRED. Plain px only inside maxmedia(): a nested
  @include font-size() re-emits its own queries (RSVP D-008). */
@media screen and (max-width: 575.98px) {
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    padding: 0px 0px 12px;
  }
  .pageTitle {
    margin-bottom: 20px;
  }
  .pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 {
    font-size: 32px;
  }
  .pageTitle.xxxl h1, .pageTitle.xxxl h2, .pageTitle.xxxl h3, .pageTitle.xxxl h4, .pageTitle.xxxl h5, .pageTitle.xxxl h6 {
    font-size: 72px;
  }
  .pageTitle.xxl h1, .pageTitle.xxl h2, .pageTitle.xxl h3, .pageTitle.xxl h4, .pageTitle.xxl h5, .pageTitle.xxl h6 {
    font-size: 44px;
  }
  .pageTitle small {
    font-size: 12px;
    padding-bottom: 16px;
  }
  .document {
    font-size: 16px;
  }
}
.modal-content {
  border-radius: 0px;
  background: transparent;
  box-shadow: none;
  border: 0px;
}

.modal-body {
  padding: 50px 50px;
  border-radius: 20px;
  overflow: hidden;
  background: #ffffff;
  line-height: 1.6;
  box-shadow: none;
}

.modal-backdrop.show {
  opacity: 0.8;
  background: #000000;
}

.modal-xxl {
  max-width: 1400px;
}

.modal-xl {
  max-width: 1000px;
}

.modal-lg {
  max-width: 770px;
}

.modal-sm {
  max-width: 300px;
}

@media screen and (max-width: 1599.98px) {
  .modal-body {
    padding: 30px 40px;
  }
  .modal-xxl {
    max-width: 1210px;
  }
  .modal-xl {
    max-width: 950px;
  }
  .modal-lg {
    max-width: 650px;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media screen and (max-width: 1299.98px) {
  .modal-body {
    padding: 30px;
  }
  .modal-xxl {
    max-width: 950px;
  }
}
@media screen and (max-width: 991.98px) {
  .modal-dialog-centered {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  .modal-body {
    padding: 20px 20px;
    border-radius: 10px;
  }
}
.btn-close {
  padding: 0px;
  border: 0px;
  border-radius: 50%;
  background: none;
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 12px;
  line-height: 1;
  z-index: 2;
  opacity: 1 !important;
  cursor: pointer;
  text-shadow: none;
  outline: none !important;
  box-shadow: none !important;
  transition: all 0.2s linear;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
}
@media screen and (max-width: 575.98px) {
  .btn-close {
    right: 10px;
    top: 10px;
  }
}
.btn-close:hover {
  color: var(--secondary);
  background: none;
  transform: rotate(90deg);
}
.btn-close i {
  line-height: 1;
}
.btn-close img {
  width: 100%;
}
.btn-close.btn-inslide {
  width: 28px;
  height: 28px;
  color: #232323;
  border: 1px solid #232323;
}
@media screen and (max-width: 1599.98px) {
  .btn-close.btn-inslide {
    width: 22px;
    height: 22px;
  }
}
@media screen and (max-width: 575.98px) {
  .btn-close.btn-inslide {
    width: 16px;
    height: 16px;
  }
}
.quickSearch .btn-close {
  top: -25px;
  right: 0px;
}

/*---*/
.form-holder {
  margin: 0px auto;
}

.form-group {
  margin-bottom: 20px;
  position: relative;
}

/* V Medical field label (7472:7078): Roboto Light 18 / 1.5, $title, required
   mark #cf0a14. The house !important on the weight is kept and retuned rather
   than answered with a second one (L-75). Label -> field gap: Figma 18 cap-to-box
   less the label's 7.34 below-baseline space. */
.form-group label,
.custom-label {
  font-weight: 300 !important;
  margin-bottom: 10.66px;
  display: block;
  color: #232323;
  line-height: 1.5;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .form-group label,
  .custom-label {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .form-group label,
  .custom-label {
    font-size: 12px;
  }
}
.form-group label,
.custom-label {
  font-family: "Roboto", sans-serif;
}
.form-group label .required,
.custom-label .required {
  color: #cf0a14;
}

.form-group label.white {
  color: #ffffff;
}

.form-group label a {
  color: #363636;
  text-decoration: underline;
}

.form-group label a:hover {
  color: #232323;
  text-decoration: underline;
}

label.inline {
  line-height: 50px;
  margin-bottom: 0px;
}

.form-group.inline {
  display: flex;
}

.form-group.inline > label {
  width: 235px;
}

.form-group.inline .control {
  width: calc(100% - 235px);
}

.form-info p {
  letter-spacing: 0.28px;
}

.form-info.white p a {
  color: #ffffff;
  font-weight: 600;
}

.form-note {
  padding-top: 5px;
}

/*---*/
.radio-holder,
.checkbox-holder {
  margin: -8px -8px;
  position: relative;
}

.radio-holder span,
.checkbox-holder span {
  margin: 0px;
}

.radio,
.checkbox,
.radio1 {
  display: block;
  margin: 0px;
  position: relative;
  text-align: left;
  padding: 8px;
}

.radio-inline,
.checkbox-inline {
  display: flex;
  flex-wrap: wrap;
}

/* .form-group .radio label, .form-group .radio1 label, .form-group .checkbox label { opacity: 1; font-weight: 700 !important;letter-spacing: -0.9px; color: $alternate1; } */
.checkbox label,
.radio label > span,
.radio1 label {
  display: block;
  position: relative;
  padding-left: 35px !important;
  margin: 0px !important;
  font-weight: 400 !important;
  cursor: pointer;
  color: #363636;
  transition: all 0.2s linear;
  text-transform: none;
  line-height: 1;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .checkbox label,
  .radio label > span,
  .radio1 label {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .checkbox label,
  .radio label > span,
  .radio1 label {
    font-size: 12px;
  }
}

.checkbox label::before,
.radio label > span::before,
.radio1 label::before,
.checkbox label::after,
.radio label > span::after,
.radio1 label::after {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0px;
  top: 5px;
  transition: all 0.2s linear;
  border-radius: 5px;
}

.checkbox label::before,
.radio label > span::before,
.radio1 label::before {
  background: none;
  border: 2px solid #232323;
}

.checkbox label::after,
.radio label > span::after,
.radio1 label::after {
  font-family: "Font Awesome 7 Free";
  content: "\f00c";
  font-weight: 900;
  opacity: 0;
  font-size: 9px;
  line-height: 1; /*background: $secondary; width: 9px; height: 9px; top: 3px; left: 3px;*/
  font-style: normal;
  top: 4px;
}

.radio label > span::before,
.radio1 label::before {
  border-radius: 20px;
}

.radio label > span::after,
.radio1 label::after {
  content: "";
  top: 4px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #043850;
  color: inherit;
  border-radius: 50%;
}

.checkbox input[type=checkbox],
.radio input[type=radio],
.radio1 input[type=radio] {
  opacity: 0;
  display: none;
}

.checkbox input[type=checkbox]:focus + label::before {
  outline: none !important;
}

.checkbox input[type=checkbox]:hover + label::after,
.checkbox:hover label::after,
.radio label:hover > span::after,
.radio1 label:hover::after {
  opacity: 1;
  color: #ffffff;
}

.checkbox input[type=checkbox]:checked + label::after,
.checkbox label.label-selected::after,
.checkbox input[type=checkbox]:checked::after,
.radio input[type=radio]:checked + span::after,
.radio1 input[type=radio]:checked + label::after {
  opacity: 1;
  color: #ffffff !important;
}

.checkbox input[type=checkbox]:checked + label::before,
.checkbox label.label-selected::before,
.checkbox input[type=checkbox]:checked + label:hover::before,
.checkbox label:hover::before {
  background: #043850;
  border-color: transparent !important;
}

.radio input[type=radio]:checked + span::before,
.radio label:hover > span::before,
.radio1 input[type=radio]:checked + label::before,
.radio1 label:hover::before {
  background: #ffffff;
  border-color: #232323 !important;
}

/* .checkbox input[type="checkbox"]:checked::before { }  */
.checkbox input[type=checkbox]:disabled + label {
  opacity: 0.65;
}

.checkbox input[type=checkbox]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}

/* .checkbox input[type="checkbox"]:hover + label, .checkbox:hover label, .checkbox label.label-selected, .radio input[type="radio"]:checked + span, .checkbox input[type="checkbox"]:checked + label {  } */
.radio,
.radio1 {
  display: block;
}

.checkbox label > span,
.radio label > span {
  display: block;
  line-height: 1.5;
  min-height: 18px;
}

.checkbox label,
.radio label {
  margin: 0px !important;
  padding: 0px;
}

.radio label {
  padding: 0px !important;
}

.form-group.text-center .checkbox {
  display: inline-block;
}

/*Radio Image*/
.radio-img {
  position: relative;
}

.radio-img .radio {
  margin: 10px;
  padding: 0px;
}

.radio-img input[type=radio] + label {
  padding: 10px !important;
  text-align: center !important;
  transition: all 0.2s linear;
  min-width: 126px;
}

.radio-img input[type=radio] + label > img {
  max-width: 100%;
}

.radio-img input[type=radio] + label > span {
  display: block;
  color: #100249 !important;
  font-size: 14px !important;
  padding-top: 30px;
}

.radio-img input[type=radio]:checked + label,
.radio-img input[type=radio]:hover + label {
  background: #eff0f8;
}

.radio-img .radio label::after,
.radio-img .radio label::before {
  display: none !important;
}

/*----*/
.form-control,
.nice-select,
.btn-group .btn,
.f-upload .file-input .file-caption-name,
select.multipleSelect,
.dropzone {
  transition: all 0.2s linear;
  width: 100%;
  /* V Medical field 7472:7079: 1px #d5d5d5 stroke, radius 10, inset 20 */
  border: 1px solid #d5d5d5;
  color: #232323;
  box-shadow: none !important;
  border-radius: 10px;
  padding: 0px 20px;
  background: #ffffff;
  text-transform: none;
  outline: none !important;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .form-control,
  .nice-select,
  .btn-group .btn,
  .f-upload .file-input .file-caption-name,
  select.multipleSelect,
  .dropzone {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .form-control,
  .nice-select,
  .btn-group .btn,
  .f-upload .file-input .file-caption-name,
  select.multipleSelect,
  .dropzone {
    font-size: 12px;
  }
}
.form-control,
.nice-select,
.btn-group .btn,
.f-upload .file-input .file-caption-name,
select.multipleSelect,
.dropzone {
  font-weight: 400;
}
.form-control:focus, .form-control:hover,
.nice-select:focus,
.nice-select:hover,
.btn-group .btn:focus,
.btn-group .btn:hover,
.f-upload .file-input .file-caption-name:focus,
.f-upload .file-input .file-caption-name:hover,
select.multipleSelect:focus,
select.multipleSelect:hover,
.dropzone:focus,
.dropzone:hover {
  border-color: #043850;
  background: #ffffff;
  color: #232323;
  /* no font-weight - hover must not reflow the value */
}
@media screen and (max-width: 1599.98px) {
  .form-control,
  .nice-select,
  .btn-group .btn,
  .f-upload .file-input .file-caption-name,
  select.multipleSelect,
  .dropzone {
    padding: 0px 20px;
  }
}

input::placeholder,
input.form-control::-webkit-input-placeholder,
textarea::placeholder,
.nice-select,
.form-group.floating-label label {
  color: #363636 !important;
  opacity: 1 !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* input[type="number"] { -moz-appearance: textfield; } */
select.multipleSelect {
  height: 100px !important;
  border-radius: 0px !important;
  padding: 0px !important;
}

select.multipleSelect option {
  padding: 3px 10px !important;
}

*:focus,
input:focus {
  outline: none !important;
}

textarea.form-control {
  padding-top: 30px;
  padding-bottom: 30px;
  height: 200px;
  resize: none;
  line-height: 1.1;
  border-radius: 10px;
}
@media screen and (max-width: 1599.98px) {
  textarea.form-control {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  textarea.form-control {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
textarea.form-control.md {
  height: 120px;
}
textarea.form-control.sm {
  height: 80px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f1f1f1;
  border-color: #c4c4c4;
}

input[disabled]::placeholder,
input.form-control[disabled]::-webkit-input-placeholder {
  color: #a6a6a6 !important;
  opacity: 0.5 !important;
}

.input-with-icon {
  position: relative;
}

.input-with-icon .form-control,
.input-with-icon .nice-select,
.input-with-icon .bootstrap-select .btn {
  padding-left: 60px;
}
@media screen and (max-width: 1599.98px) {
  .input-with-icon .form-control,
  .input-with-icon .nice-select,
  .input-with-icon .bootstrap-select .btn {
    padding-left: 50px;
  }
}

.input-with-icon i,
.input-with-icon img {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  max-width: 22px;
}
@media screen and (max-width: 1599.98px) {
  .input-with-icon i,
  .input-with-icon img {
    max-width: 18px;
    left: 20px;
  }
}

/*---*/
.input-group-addon {
  background: none;
  color: #232323;
  border-left: none;
  line-height: 1;
  margin: 0px;
  padding: 0px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: all 0.2s linear;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .input-group-addon {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .input-group-addon {
    font-size: 12px;
  }
}

.input-group.select-date-time .form-control,
.input-group .form-control {
  border-radius: 50px !important;
  padding-right: 40px;
}

/* .input-group.select-date-time .form-control::placeholder, .input-group.select-date-time .form-control::-webkit-input-placeholder{color:$alternate1) !important;opacity: 1 !important;} */
.input-group .form-control:focus {
  z-index: 0;
}

.input-group:hover .input-group-addon {
  color: #363636;
}

.input-group.input-phone .form-control:first-child {
  border-radius: 10px 0px 0px 10px !important;
  width: 65px !important;
  padding: 0px;
  text-align: center;
  flex: none;
}

.input-group.input-phone .form-control:first-child:hover {
  z-index: 2;
}

.input-group.input-phone .form-control:last-child {
  border-radius: 0px 10px 10px 0px !important;
  padding-right: 15px;
}

/*--nice-select---*/
.NiceSelect {
  position: relative;
  display: block;
}

.NiceSelect::after {
  display: block;
  content: ".";
  height: 0px;
  clear: both;
  visibility: hidden;
}

.NiceSelect select {
  display: none;
}

.nice-select {
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  outline: none;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto;
  padding-right: 35px !important; /*min-width: 160px; */
  width: 100%;
}
@media screen and (max-width: 1599.98px) {
  .nice-select {
    padding-right: 28px !important;
  }
}

.nice-select .current {
  overflow: hidden;
  display: block;
  position: relative;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nice-selected .nice-select .current {
  color: #363636;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #043850;
}

.nice-select::after {
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  content: "\f107";
  display: block;
  pointer-events: none;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #232323;
  line-height: 1;
  opacity: 1;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .nice-select::after {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .nice-select::after {
    font-size: 10px;
  }
}

.nice-select.open::after,
.nice-select:hover::after {
  color: #043850 !important;
  opacity: 1;
}

.nice-select.open::after {
  content: "\f106";
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: initial;
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #c9c9c9;
  color: #b5b5b5;
  pointer-events: none;
}

.nice-select.disabled::after {
  border-color: #c9c9c9;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select .option.disabled {
  text-decoration: line-through;
  opacity: 0.5;
}

.nice-select .list {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  margin-top: 8px;
  opacity: 0;
  overflow: hidden;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 11;
  min-width: 100%;
  max-height: 480px;
  overflow-y: auto;
  width: 100%;
  min-width: 120px;
  border: 1px solid #232323;
  list-style: none;
}
@media screen and (max-width: 575.98px) {
  .nice-select .list {
    padding: 5px;
  }
}

/* .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }  */
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  outline: none;
  padding: 10px 10px;
  text-align: left;
  transition: all 0.2s linear;
  background: #ffffff;
  color: #232323;
  border-radius: 5px;
  font-size: 13px;
}
@media screen and (max-width: 1599.98px) {
  .nice-select .option {
    font-size: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .nice-select .option {
    font-size: 8px;
  }
}
.nice-select .option {
  line-height: 1.1;
  text-wrap: wrap;
  text-transform: capitalize !important;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background: #043850;
  color: #ffffff;
}

.nice-select .option.selected {
  font-weight: 400;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #b5b5b5;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

.NiceSelect.PlainSelect .nice-select {
  padding-left: 0px;
  padding-right: 25px !important;
  height: 22px;
  line-height: 22px;
  border-radius: 0px;
  border: 0px;
  background: none; /*min-width: auto !important;*/
}

.NiceSelect.PlainSelect .nice-select::after {
  right: 0px; /*content:"\f078";*/
}

/* .NiceSelect.PlainSelect .nice-select.open::after { content:"\f077";}  */
/*--Floating Form Label--*/
.floating-label {
  position: relative;
}

/* .floating-label .form-control{ background:transparent !important; border: 0px !important; border-bottom: 1px solid #B3B3B3 !important; border-radius: 0px !important; padding: 0px !important;} */
/* .floating-label textarea.form-control { padding: 15px 0px !important; } */
.form-group.floating-label label {
  position: absolute;
  pointer-events: none;
  left: 30px;
  top: -8px;
  transition: 0.2s ease all;
  margin: 0px;
  width: auto;
  margin: 0px;
  padding: 0px 5px;
  line-height: 1;
  background: #ffffff;
  z-index: 2;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .form-group.floating-label label {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .form-group.floating-label label {
    font-size: 10px;
  }
}
.form-group.floating-label label {
  color: #363636 !important;
  font-weight: 700 !important;
  font-family: "Roboto", sans-serif;
  opacity: 0 !important;
}
@media screen and (max-width: 1599.98px) {
  .form-group.floating-label label {
    left: 20px;
    top: -8px;
  }
}
@media screen and (max-width: 575.98px) {
  .form-group.floating-label label {
    top: -6px;
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) and (max-width: 1599.98px) {
  .form-group.floating-label label {
    font-size: 11px;
  }
}
@media screen and (max-width: 575.98px) and (max-width: 575.98px) {
  .form-group.floating-label label {
    font-size: 9px;
  }
}

.form-group.floating-label .focus label,
.form-group.floating-label .not-empty label,
.form-group.floating-label .focus + label,
.form-group.floating-label .not-empty + label,
.form-group.floating-label.focus label,
.form-group.floating-label.not-empty label {
  opacity: 1 !important;
}

/*---*/
.f-upload .input-group {
  display: block !important;
  position: relative !important;
  flex-wrap: nowrap !important;
}

.f-upload .file-caption-icon {
  display: none !important;
}

.f-upload .file-caption-name.form-control {
  width: 100%;
  font-style: normal !important;
  opacity: 1 !important;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #7f7f7f;
  padding-left: 205px !important;
  height: 55px;
}

.f-upload .input-group .custom-button.btn-file {
  position: absolute;
  top: 6px;
  left: 6px;
  height: 100%;
  z-index: 2;
  text-transform: capitalize;
  height: 43px;
}

.dropzone {
  margin: 0px;
  width: 100% !important;
  height: 165px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s linear;
  /* RSVP: $fontTertiary is the Ms Madi script face on this project, so the
     dropzone label reads $fontPrimary instead. */
  font-family: "Roboto", sans-serif;
  line-height: 1.2 !important;
}

.dropzone:hover {
  background: #ffffff;
}

.dropzone-content i {
  margin-bottom: 10px;
}

.progress {
  height: 20px;
  border-radius: 15px;
}

.extra-progress-wrapper {
  font-size: 14px;
}
@media screen and (max-width: 1599.98px) {
  .extra-progress-wrapper {
    font-size: 11px;
  }
}
@media screen and (max-width: 575.98px) {
  .extra-progress-wrapper {
    font-size: 9px;
  }
}

.extra-progress-wrapper .progress {
  width: 100% !important;
}

/*--Toggle Button Group-*/
.btn-group {
  display: flex;
}

.btn-group > .btn-check {
  opacity: 0;
  display: none;
}

.btn-group .btn {
  transition: all 0.2s linear;
  padding: 0px !important;
  flex: 1 1 0px;
  margin: 0px !important;
  border-width: 1px;
}

.btn-group .btn:hover,
.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary {
  background: #043850 !important;
  border-color: transparent;
  color: #ffffff;
}

@media screen and (max-width: 1599.98px) {
  .nice-select::after {
    right: 14px;
    font-size: 14px;
  }
  .nice-select {
    padding-right: 40px;
  }
  .NiceSelect.PlainSelect .nice-select {
    padding-right: 20px !important;
  }
  .nice-select .option {
    font-size: 11px;
  }
  .nice-select .list {
    min-width: 110px;
  }
  .input-group.select-date-time .form-control,
  .input-group .form-control {
    padding-right: 40px;
  }
  .input-group-addon {
    right: 20px;
    font-size: 14px;
  }
  .f-upload .file-caption-name.form-control {
    padding-left: 160px !important;
    height: 45px;
  }
  .f-upload .input-group .custom-button.btn-file {
    top: 4px;
    left: 4px;
    height: 37px;
  }
}
@media screen and (max-width: 575.98px) {
  textarea.form-control {
    padding: 15px 20px;
  }
  .nice-select::after {
    right: 14px;
    font-size: 13px;
  }
  .nice-select {
    padding-right: 20px;
  }
  .nice-select .option {
    padding: 8px 15px;
    font-size: 11px;
  }
  .nice-select .list {
    min-width: 120px;
  }
  .input-group.select-date-time .form-control,
  .input-group .form-control {
    font-size: 13px;
    padding-right: 40px;
    padding-left: 20px;
  }
  .input-group.select-date-time {
    width: 100%;
  }
}
@media screen and (max-width: 479.98px) {
  .f-upload .input-group {
    display: block !important;
    position: relative !important;
  }
  .f-upload .input-group .custom-button.btn-file {
    width: 100%;
    margin-top: 10px !important;
    margin-left: 0px !important;
    position: static !important;
    padding: 0px 25px !important;
    height: 40px;
    border-radius: 50px !important;
  }
  .f-upload .file-caption-name.form-control {
    width: 100%;
    padding: 0px 12px !important;
    height: 40px;
  }
}
/*---*/
.form-control.height-70,
.height-70 .nice-select {
  line-height: 68px;
}
@media screen and (max-width: 1599.98px) {
  .form-control.height-70,
  .height-70 .nice-select {
    line-height: 58px;
  }
}
@media screen and (max-width: 575.98px) {
  .form-control.height-70,
  .height-70 .nice-select {
    line-height: 38px;
  }
}

.form-control.height-65,
.height-65 .nice-select {
  line-height: 63px;
}
@media screen and (max-width: 1599.98px) {
  .form-control.height-65,
  .height-65 .nice-select {
    line-height: 53px;
  }
}
@media screen and (max-width: 575.98px) {
  .form-control.height-65,
  .height-65 .nice-select {
    line-height: 38px;
  }
}

.form-control.height-60,
.height-60 .nice-select {
  line-height: 58px;
}
@media screen and (max-width: 1599.98px) {
  .form-control.height-60,
  .height-60 .nice-select {
    line-height: 48px;
  }
}
@media screen and (max-width: 575.98px) {
  .form-control.height-60,
  .height-60 .nice-select {
    line-height: 38px;
  }
}

.form-control.height-55,
.height-55 .nice-select {
  line-height: 53px;
}
@media screen and (max-width: 1599.98px) {
  .form-control.height-55,
  .height-55 .nice-select {
    line-height: 43px;
  }
}
@media screen and (max-width: 575.98px) {
  .form-control.height-55,
  .height-55 .nice-select {
    line-height: 38px;
  }
}

.form-control.height-50,
.height-50 .nice-select {
  line-height: 48px;
}
@media screen and (max-width: 1599.98px) {
  .form-control.height-50,
  .height-50 .nice-select {
    line-height: 38px;
  }
}
@media screen and (max-width: 575.98px) {
  .form-control.height-50,
  .height-50 .nice-select {
    line-height: 38px;
  }
}

.form-control.height-45,
.height-45 .nice-select {
  line-height: 43px;
}
@media screen and (max-width: 1599.98px) {
  .form-control.height-45,
  .height-45 .nice-select {
    line-height: 33px;
  }
}
@media screen and (max-width: 575.98px) {
  .form-control.height-45,
  .height-45 .nice-select {
    line-height: 33px;
  }
}

.form-control.height-40,
.height-40 .nice-select {
  line-height: 38px;
}
@media screen and (max-width: 1599.98px) {
  .form-control.height-40,
  .height-40 .nice-select {
    line-height: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .form-control.height-40,
  .height-40 .nice-select {
    line-height: 30px;
  }
}

.custom-upload-button {
  margin: 0px;
  padding: 0px;
  width: 100% !important;
  min-height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  /*flex-flow: column;*/
  color: #363636;
  transition: all 0.2s linear;
  background: #ffffff;
  position: relative;
  border-radius: 8px;
  border: 1px dashed #cccccc;
}
.custom-upload-button label.upload-btn {
  margin: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-upload-button .form-control {
  background-color: none;
  border: 0px;
  border-radius: 0px;
  opacity: 0;
}
.custom-upload-button .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.custom-upload-button:hover {
  background: #e8e8e8;
}
.custom-upload-button i {
  margin-right: 10px;
}

.tinfo {
  position: relative;
  display: inline-flex;
  max-width: 19px;
  margin-left: 5px;
  vertical-align: sub;
}
@media screen and (max-width: 1599.98px) {
  .tinfo {
    max-width: 15px;
  }
}

.tooltip-inner {
  background-color: #1a5ed4 !important;
  color: #ffffff !important;
  font-size: 13px;
}
@media screen and (max-width: 1599.98px) {
  .tooltip-inner {
    font-size: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .tooltip-inner {
    font-size: 8px;
  }
}
.tooltip-inner {
  padding: 8px 12px;
  border-radius: 8px;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #1a5ed4;
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #1a5ed4;
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #1a5ed4;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #1a5ed4;
}

/*=========================================================
  V Medical blog filter bar 7457:2770: white card 1352, radius 10, shadow 0 34 44
  #0000000d, padding 30. Fields bottom-aligned, 20 apart: search (flex) and category
  (316), each a Roboto Light 18 label 20 above a 49 pill (1px #d6d6d6, radius 50,
  padding 0 35, placeholder #666); search has a 20.45 x 21 lens 15 before the text,
  category a 16.5 x 9.55 chevron; then the 198 navy Search button. Label cap-trim:
  30 - 6.86 top, 20 - 7.34 to the pill.
=========================================================*/
.blog-filter {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  padding: 23.14px 30px 30px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 34px 44px rgba(0, 0, 0, 0.05);
}
.blog-filter label {
  display: block;
  margin: 0px 0px 12.66px;
  padding: 0px;
  color: #232323;
  font-weight: 300;
  line-height: 1.5;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .blog-filter label {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog-filter label {
    font-size: 12px;
  }
}
.blog-filter .blog-filter-field {
  min-width: 0px;
}
.blog-filter .blog-filter-field.is-search {
  flex: 1 1 0px;
}
.blog-filter .blog-filter-field.is-category {
  flex: 0 0 316px;
}
.blog-filter .blog-filter-control {
  position: relative;
}
.blog-filter .form-control {
  width: 100%;
  height: 49px;
  margin: 0px;
  padding: 0px 35px;
  border: 1px solid #d6d6d6;
  border-radius: 50px;
  background-color: #ffffff;
  color: #232323;
  font-weight: 300;
  line-height: 1.5;
  box-shadow: none;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .blog-filter .form-control {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog-filter .form-control {
    font-size: 12px;
  }
}
.blog-filter .form-control::-moz-placeholder {
  color: #666666 !important;
}
.blog-filter .form-control::placeholder {
  color: #666666 !important;
}
.blog-filter .form-control:focus {
  border-color: #043850;
}
.blog-filter .is-search .form-control {
  padding-left: 70.45px; /* 35 + 20.45 lens + 15 */
}
.blog-filter .blog-filter-icon {
  position: absolute;
  top: 50%;
  left: 35px;
  width: 20.45px;
  height: 21px;
  transform: translateY(-50%);
  background: url("../../images/icon-search-dark.svg") no-repeat center/100% 100%;
  pointer-events: none;
}
.blog-filter select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  padding-right: 64px;
  color: #666666;
  cursor: pointer;
  background-image: url("../../images/icon-chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 16.475px 9.55px;
}
.blog-filter .blog-filter-action {
  flex: 0 0 198px;
}
.blog-filter .blog-filter-action .custom-button {
  width: 100%;
  justify-content: center;
}
@media screen and (max-width: 991.98px) {
  .blog-filter {
    flex-wrap: wrap;
  }
  .blog-filter .blog-filter-field.is-search {
    flex: 1 1 100%;
  }
  .blog-filter .blog-filter-field.is-category {
    flex: 1 1 0px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog-filter {
    padding: 18px 20px 24px;
  }
  .blog-filter .blog-filter-field.is-category,
  .blog-filter .blog-filter-action {
    flex: 1 1 100%;
  }
  .blog-filter .form-control {
    padding: 0px 24px;
  }
  .blog-filter .is-search .form-control {
    padding-left: 56px;
  }
  .blog-filter .blog-filter-icon {
    left: 24px;
  }
}

#pageHeaderWrapper {
  position: fixed; /*left: 50%;transform: translateX(-50%);*/
  top: 0px;
  width: 100%;
  z-index: 100;
  display: block;
  margin: 0px auto;
  max-width: 1920px;
  transition: all 0.2s linear;
  background: #ffffff;
}
@media screen and (max-width: 1919.98px) {
  #pageHeaderWrapper {
    left: 0%;
    transform: none;
  }
}
#pageHeaderWrapper .headerInfoBar {
  position: relative;
  z-index: 2;
}
#pageHeaderWrapper .header-container {
  display: flex;
  justify-content: space-between;
  margin: 0px auto; /*position: relative;*/ /*flex-wrap: wrap; */
  transition: all 0.2s linear;
  align-items: center;
}
#pageHeaderWrapper .logo-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-flow: row;
  order: 1;
  padding: 0px;
}
#pageHeaderWrapper .logo-holder .logo {
  /* node 7472:7143 - 113 x 86, vertically centred in the 100 menu bar */
  position: relative;
  z-index: 3;
  display: block;
  width: 113px;
  height: 86px;
  padding: 0px;
  margin: 0px;
  transition: all 0.2s linear;
  /* INFERRED below xxxl - no laptop/tablet/mobile frame (D-004) */
}
@media screen and (max-width: 1599.98px) {
  #pageHeaderWrapper .logo-holder .logo {
    width: 84px;
    height: 64px;
  }
}
#pageHeaderWrapper .logo-holder .logo a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0px;
  line-height: 1;
  position: relative;
  transition: all 0.2s linear;
}
#pageHeaderWrapper .logo-holder .logo a img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  /* L-60: the baseline pinned a max-height on the logo - released */
  max-height: none;
  -o-object-fit: contain;
     object-fit: contain;
}
#pageHeaderWrapper.header-alternate, #pageHeaderWrapper.is-sticky {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.02);
}

.main-content-wrapper {
  position: relative;
  width: 100%;
  z-index: 1;
  margin: 0px auto;
  padding: 0px 0px;
  max-width: 1920px;
}

.margin-container {
  /* = the fixed header's own height (L-109): top bar 44 + menu bar 100 (node 7472:7137).
     INFERRED below xxxl: the menu bar steps to 80, the top bar stays 44. */
  margin-top: 144px;
}
@media screen and (max-width: 1599.98px) {
  .margin-container {
    margin-top: 124px;
  }
}

/*-----*/
.sticky {
  position: sticky;
  top: 166px;
  z-index: 6;
}
@media screen and (max-width: 1599.98px) {
  .sticky {
    top: 132px;
  }
}
@media screen and (max-width: 1299.98px) {
  .sticky {
    top: 122px;
  }
}
@media screen and (max-width: 1199.98px) {
  .sticky {
    top: 112px;
  }
}
@media screen and (max-width: 413.98px) {
  .sticky {
    top: 83px;
  }
}
@media screen and (max-width: 1599.98px) {
  .sticky.xxxl {
    position: static;
  }
}
@media screen and (max-width: 1399.98px) {
  .sticky.xxl {
    position: static;
  }
}
@media screen and (max-width: 1299.98px) {
  .sticky.xlg {
    position: static;
  }
}
@media screen and (max-width: 1199.98px) {
  .sticky.xl {
    position: static;
  }
}
@media screen and (max-width: 991.98px) {
  .sticky.lg {
    position: static;
  }
}
@media screen and (max-width: 767.98px) {
  .sticky.md {
    position: static;
  }
}
@media screen and (max-width: 575.98px) {
  .sticky.sm {
    position: static;
  }
}

.sticky.sticky-offset {
  top: 196px;
}
@media screen and (max-width: 1599.98px) {
  .sticky.sticky-offset {
    top: 162px;
  }
}
@media screen and (max-width: 1299.98px) {
  .sticky.sticky-offset {
    top: 152px;
  }
}
@media screen and (max-width: 1199.98px) {
  .sticky.sticky-offset {
    top: 142px;
  }
}
@media screen and (max-width: 413.98px) {
  .sticky.sticky-offset {
    top: 113px;
  }
}

/*----*/
.top-right {
  order: 3;
  transition: all 0.2s linear;
  z-index: 2;
}
@media screen and (max-width: 1199.98px) {
  .top-right {
    padding-left: 0px;
    order: 3;
    margin-right: 45px;
  }
}
@media screen and (max-width: 575.98px) {
  .top-right {
    margin-right: 40px;
  }
}
@media screen and (max-width: 479.98px) {
  .top-right .custom-button {
    height: 30px !important;
    padding: 1px 10px 0px !important;
    font-size: 12px;
  }
}
@media screen and (max-width: 479.98px) and (max-width: 1599.98px) {
  .top-right .custom-button {
    font-size: 10px;
  }
}
@media screen and (max-width: 479.98px) and (max-width: 575.98px) {
  .top-right .custom-button {
    font-size: 8px;
  }
}
@media screen and (max-width: 479.98px) {
  .top-right .row {
    margin-right: -5px;
    margin-left: -5px;
  }
  .top-right .row > [class*=col-],
  .top-right .row > .col {
    padding-right: 5px;
    padding-left: 5px;
  }
}

.top-link {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  position: relative;
  color: #232323;
}
.top-link img {
  transition: all 0.3s ease;
}
@media screen and (max-width: 1599.98px) {
  .top-link svg {
    max-height: 20px;
    max-width: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  .top-link svg {
    max-height: 16px;
    max-width: 16px;
  }
}
.top-link svg path {
  transition: all 0.3s ease;
}
.top-link:hover {
  border-color: transparent;
  color: #ffffff;
}
.top-link:hover img {
  filter: invert(48%) sepia(21%) saturate(1402%) hue-rotate(162deg) brightness(1003%) contrast(86%);
}
.top-link:hover svg path {
  stroke: #e7b777;
}
.top-link.link-rounded {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  padding: 0px;
  background: #e7b777;
}
.top-link.link-rounded svg,
.top-link.link-rounded img {
  width: 16px;
}
@media screen and (max-width: 1599.98px) {
  .top-link.link-rounded {
    width: 50px;
    height: 50px;
  }
  .top-link.link-rounded svg,
  .top-link.link-rounded img {
    width: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .top-link.link-rounded {
    width: 30px;
    height: 30px;
  }
  .top-link.link-rounded svg,
  .top-link.link-rounded img {
    width: 12px;
  }
}
.top-link.link-rounded:hover {
  background: #043850 !important;
}
.top-link.link-rounded:hover svg path {
  stroke: #ffffff;
}

/*------*/
.header--fixed {
  position: fixed;
  z-index: 10;
  right: 0;
  left: 0;
  top: 0;
}

.headroom {
  transition: transform 0.25s ease-in-out;
  will-change: transform;
}

.headroom--pinned {
  transform: translateY(0);
}

.headroom--unpinned {
  transform: translateY(-100%);
}

#pageHeaderWrapper.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  will-change: transform, opacity;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
.animated.slideDown {
  animation-name: slideDown;
}
@keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
.animated.slideUp {
  animation-name: slideUp;
}

/*=========================================================
  V Medical header chrome - node 7472:7137 (1920 x 144)
  - top bar 7472:7138: 44 tall, $secondary, welcome line centred (Roboto Medium 14,
    $title), contacts right-aligned at the 60px gutter (Roboto 14, "     |     ").
  - menu bar 7472:7142: 100 tall, $primary, padding 0 60 (= .container-fluid),
    logo / nav / search on space-between.
  Everything below 1920 is INFERRED (D-004) and stress-tested, not drawn.
=========================================================*/
#pageHeaderWrapper {
  background: #043850;
}
#pageHeaderWrapper .header-container {
  height: 100px;
}
@media screen and (max-width: 1599.98px) {
  #pageHeaderWrapper .header-container {
    height: 80px;
  }
}
#pageHeaderWrapper .top-right {
  margin-right: 0px;
}
#pageHeaderWrapper {
  /* the open search field must paint over the logo (z-index 3) */
}
#pageHeaderWrapper .top-right:focus-within {
  z-index: 5;
}

/*--Top bar 7472:7138. Reuses the house .headerInfoBar strip; this design draws no
    close control, so none is rendered (L-32). --*/
.headerInfoBar {
  background: #e7b777;
  height: 44px;
  display: flex;
  align-items: center;
}
.headerInfoBar .headerInfoBar-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #232323;
  font-size: 14px;
}
@media screen and (max-width: 1599.98px) {
  .headerInfoBar .headerInfoBar-inner {
    font-size: 11px;
  }
}
@media screen and (max-width: 575.98px) {
  .headerInfoBar .headerInfoBar-inner {
    font-size: 9px;
  }
}
.headerInfoBar .headerInfoBar-inner {
  line-height: normal;
}
.headerInfoBar p {
  margin: 0px;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}
.headerInfoBar .topbar-contact {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  font-weight: 400;
  white-space: nowrap;
}
.headerInfoBar .topbar-contact a {
  color: #232323;
  text-decoration: none;
  transition: all 0.2s;
}
.headerInfoBar .topbar-contact a:hover, .headerInfoBar .topbar-contact a:focus-visible {
  color: #043850;
  text-decoration: underline;
}
.headerInfoBar .topbar-contact {
  /* the node's own spacing: five spaces either side of the bar */
}
.headerInfoBar .topbar-contact .sep {
  white-space: pre;
}
.headerInfoBar {
  /* INFERRED: at the drawn width the centred line (643) and the contacts (356) sit
     apart; below 1600 the centred line would run into the contacts, so the pair
     switches to space-between on the same gutter. */
}
@media screen and (max-width: 1599.98px) {
  .headerInfoBar .headerInfoBar-inner {
    justify-content: space-between;
    padding: 0px 50px;
  }
  .headerInfoBar .topbar-contact {
    position: static;
    transform: none;
  }
}
@media screen and (max-width: 1399.98px) {
  .headerInfoBar .headerInfoBar-inner {
    padding: 0px 30px;
  }
}
.headerInfoBar {
  /* Close control (D-061, user request): the house .header-close (main-script
     removes #headerInfoBar) - shown below lg only, where the bar wraps to two
     lines. Drawn as an 18px cross in $title. */
}
.headerInfoBar .header-close {
  display: none;
  position: absolute;
  right: 8px;
  top: 50%;
  width: 32px;
  height: 32px;
  padding: 0px;
  border: 0px;
  background: none;
  transform: translateY(-50%);
  cursor: pointer;
}
.headerInfoBar .header-close::before, .headerInfoBar .header-close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 1.5px;
  background: #232323;
  transform: translate(-50%, -50%) rotate(45deg);
}
.headerInfoBar .header-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.headerInfoBar .header-close:hover::before, .headerInfoBar .header-close:hover::after, .headerInfoBar .header-close:focus-visible::before, .headerInfoBar .header-close:focus-visible::after {
  background: #043850;
}
.headerInfoBar {
  /* INFERRED (D-061, was: welcome line dropped below lg): the bar grows to two
     centred lines - welcome line, then the contacts - with the close control on
     the right; equal side padding keeps the text centred past the control. */
}
@media screen and (max-width: 991.98px) {
  .headerInfoBar {
    height: auto;
  }
  .headerInfoBar .headerInfoBar-inner {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 9px 48px;
  }
  .headerInfoBar {
    /* D-063 (user request): one line; when it does not fit, main-script wraps it
       in a .topbar-marquee track (text twice) that slides right-to-left on a loop,
       paused on hover / focus. Fits -> stays still and centred. */
  }
  .headerInfoBar p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* reduced motion: no track is built */
    line-height: 1.4;
  }
  .headerInfoBar p.is-marquee {
    text-align: left;
    -webkit-mask-image: linear-gradient(90deg, transparent 0px, #000 16px, #000 calc(100% - 16px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0px, #000 16px, #000 calc(100% - 16px), transparent 100%);
  }
  .headerInfoBar p.is-marquee:hover .topbar-marquee, .headerInfoBar p.is-marquee:focus-within .topbar-marquee {
    animation-play-state: paused;
  }
  .headerInfoBar .topbar-marquee {
    display: inline-flex;
    animation: vma-topbar-marquee var(--marquee-dur, 18s) linear infinite;
  }
  .headerInfoBar .topbar-marquee > span {
    flex-shrink: 0;
    padding-right: 48px;
  }
}
@media screen and (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .headerInfoBar .topbar-marquee {
    animation: none;
  }
}
@media screen and (max-width: 991.98px) {
  .headerInfoBar .header-close {
    display: block;
  }
}
@media screen and (max-width: 575.98px) {
  .headerInfoBar .headerInfoBar-inner {
    padding: 8px 44px;
    font-size: 12px;
  }
  .headerInfoBar .topbar-contact {
    flex-wrap: wrap;
    justify-content: center;
  }
  .headerInfoBar .topbar-contact .sep {
    white-space: normal;
    padding: 0px 8px;
  }
}
.headerInfoBar {
  /* below 375 the phone + email no longer fit one line: stack them, no divider */
}
@media (max-width: 374.98px) {
  .headerInfoBar .topbar-contact {
    flex-direction: column;
  }
  .headerInfoBar .topbar-contact .sep {
    display: none;
  }
}

@keyframes vma-topbar-marquee {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
/*--Search pill 7472:7157: 208 x 42, $alternate, radius 200, padding 0 20,
    placeholder "Search" Roboto 16 $title, glyph 7472:7159 on the right. The design
    draws a field, so it is a real search form (no house #quickSearch modal - D-012). --*/
.header-search {
  position: relative;
  width: 208px;
  height: 42px;
  margin: 0px;
}
.header-search .form-control.search-field {
  width: 100%;
  height: 100%;
  min-height: 0px;
  padding: 0px 46px 0px 20px;
  border: 0px;
  border-radius: 200px;
  background: #f7f7f7;
  color: #232323;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .header-search .form-control.search-field {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .header-search .form-control.search-field {
    font-size: 10px;
  }
}
.header-search .form-control.search-field {
  line-height: normal;
  box-shadow: none;
  /* !important: _form.scss pins every input placeholder to $body !important and a
     placeholder belongs to its input, so the element cannot be swapped (L-29, L-75).
     The design paints this one $title (7472:7158). */
}
.header-search .form-control.search-field::-moz-placeholder {
  color: #232323 !important;
  opacity: 1;
}
.header-search .form-control.search-field::placeholder {
  color: #232323 !important;
  opacity: 1;
}
.header-search .form-control.search-field:focus {
  box-shadow: inset 0 0 0 1px #e7b777;
}
.header-search .search-submit {
  /* glyph 7472:7159 starts 174.67 into the pill: a 30 hit area 12 from the
     right edge centres the 14.19 glyph at 173.9 */
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  padding: 0px;
  border: 0px;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.header-search .search-submit .icon-search {
  transition: all 0.2s;
}
.header-search .search-submit:hover .icon-search, .header-search .search-submit:focus-visible .icon-search {
  background-color: #043850;
}
.header-search {
  /* INFERRED below 1920 (D-004) */
}
@media screen and (max-width: 1599.98px) {
  .header-search {
    width: 180px;
    height: 38px;
  }
}
@media screen and (max-width: 1199.98px) {
  .header-search {
    width: 200px;
  }
}
@media screen and (max-width: 575.98px) {
  .header-search {
    width: 40px;
    height: 40px;
    /* Collapsed to the glyph. The field is ALWAYS anchored to the circle's
       right edge and only its width changes, so opening grows it leftwards
       from the icon and closing snaps it back into the circle - no position
       switch, nothing slides (the house form-control transition is "all"). */
  }
  .header-search .form-control.search-field {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    padding: 0px;
    font-size: 0px;
    cursor: pointer;
    z-index: 4;
    transition: none;
  }
  .header-search .form-control.search-field:focus {
    /* opens to the 20 gutter: right of the form are the 44 menu
       button + 10 gap + 20 gutter = 74, plus the left 20 */
    width: calc(100vw - 94px);
    padding: 0px 46px 0px 20px;
    font-size: 16px;
    color: #232323;
    cursor: text;
    transition: width 0.25s ease;
  }
  .header-search {
    /* collapsed: the glyph is decoration and the FIELD takes the tap, so it
       focuses and opens; once open, the button submits */
  }
  .header-search .search-submit {
    right: 5px;
    z-index: 5;
    pointer-events: none;
  }
  .header-search:focus-within .search-submit {
    pointer-events: auto;
  }
}

.custom-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 0px solid transparent;
  /* V Medical, nodes 7472:7131 (fill) and 7472:7134 (outline): 49 tall
     (15 + 19 label + 15), padding 0 33, radius 30, gap 10 to the 18 x 8 arrow,
     label Roboto 400 16 / normal, uppercase, no tracking. */
  gap: 10px;
  padding: 0px 33px;
  text-align: center;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .custom-button {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button {
    font-size: 10px;
  }
}
.custom-button {
  letter-spacing: 0px;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
  background: #043850;
  color: #ffffff;
  z-index: 1;
  border-radius: 30px;
  overflow: hidden;
  transition: all 0.2s;
  height: 49px;
  line-height: normal;
  /* INFERRED - no laptop/tablet/mobile frame (D-004) */
}
@media screen and (max-width: 1599.98px) {
  .custom-button {
    padding: 0px 26px;
    height: 44px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button {
    padding: 0 22px;
    height: 44px;
  }
}
.custom-button.no-shadow {
  box-shadow: none !important;
}
.custom-button::before {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: #e7b777;
  transition: all 0.3s ease;
}
.custom-button:hover, .custom-button:focus-visible {
  box-shadow: none;
  background: #e7b777;
  color: #043850 !important;
  border-color: #e7b777;
  text-decoration: none !important;
}
.custom-button:hover::before, .custom-button:focus-visible::before {
  left: 0;
  width: 100%;
}
.custom-button.btn-lg {
  padding: 0 50px;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .custom-button.btn-lg {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button.btn-lg {
    font-size: 16px;
  }
}
.custom-button.btn-md {
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .custom-button.btn-md {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button.btn-md {
    font-size: 12px;
  }
}
.custom-button.btn-md {
  font-weight: 400;
}
.custom-button.btn-sm {
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .custom-button.btn-sm {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button.btn-sm {
    font-size: 10px;
  }
}
.custom-button.btn-sm {
  font-weight: 400;
  padding: 0px 40px 0px;
}
.custom-button.btn-block {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  padding: 0 10px;
}
.custom-button:visited {
  color: #ffffff;
}
.custom-button.button-primary {
  background: #043850;
  color: #ffffff;
}
.custom-button.button-primary:visited {
  color: #ffffff;
}
.custom-button.button-primary:hover {
  color: #ffffff;
  background: #785927;
}
.custom-button.button-secondary {
  background: #e7b777;
  color: #ffffff;
}
.custom-button.button-secondary:visited {
  color: #ffffff;
}
.custom-button.button-secondary:hover {
  color: #ffffff;
  background: #785927;
}
.custom-button.button-tertiary {
  background: #785927;
  color: #ffffff;
}
.custom-button.button-tertiary:visited {
  color: #ffffff;
}
.custom-button.button-tertiary:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-body {
  background: #363636;
  color: #ffffff;
}
.custom-button.button-body:visited {
  color: #ffffff;
}
.custom-button.button-body:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-body1 {
  background: #043850;
  color: #ffffff;
}
.custom-button.button-body1:visited {
  color: #ffffff;
}
.custom-button.button-body1:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-body2 {
  background: #ffffff;
  color: #ffffff;
}
.custom-button.button-body2:visited {
  color: #ffffff;
}
.custom-button.button-body2:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-title {
  background: #232323;
  color: #ffffff;
}
.custom-button.button-title:visited {
  color: #ffffff;
}
.custom-button.button-title:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-title1 {
  background: #232323;
  color: #ffffff;
}
.custom-button.button-title1:visited {
  color: #ffffff;
}
.custom-button.button-title1:hover {
  color: #ffffff;
  background: #f7f7f7;
}
.custom-button.button-title2 {
  background: #232323;
  color: #ffffff;
}
.custom-button.button-title2:visited {
  color: #ffffff;
}
.custom-button.button-title2:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-alternate {
  background: #f7f7f7;
  color: #ffffff;
}
.custom-button.button-alternate:visited {
  color: #ffffff;
}
.custom-button.button-alternate:hover {
  color: #ffffff;
  background: #ce1141;
}
.custom-button.button-alternate1 {
  background: #f7f7f7;
  color: #ffffff;
}
.custom-button.button-alternate1:visited {
  color: #ffffff;
}
.custom-button.button-alternate1:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-alternate2 {
  background: #f7f7f7;
  color: #ffffff;
}
.custom-button.button-alternate2:visited {
  color: #ffffff;
}
.custom-button.button-alternate2:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-light {
  background: #c9c9c9;
  color: #ffffff;
}
.custom-button.button-light:visited {
  color: #ffffff;
}
.custom-button.button-light:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-light1 {
  background: #b5b5b5;
  color: #363636;
}
.custom-button.button-light1:visited {
  color: #363636;
}
.custom-button.button-light1:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-light2 {
  background: #d0d0d0;
  color: #ffffff;
}
.custom-button.button-light2:visited {
  color: #ffffff;
}
.custom-button.button-light2:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-dark {
  background: #232323;
  color: #ffffff;
}
.custom-button.button-dark:visited {
  color: #ffffff;
}
.custom-button.button-dark:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-dark1 {
  background: #232323;
  color: #ffffff;
}
.custom-button.button-dark1:visited {
  color: #ffffff;
}
.custom-button.button-dark1:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-dark2 {
  background: #232323;
  color: #ffffff;
}
.custom-button.button-dark2:visited {
  color: #ffffff;
}
.custom-button.button-dark2:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-black {
  background: #000000;
  color: #ffffff;
}
.custom-button.button-black:visited {
  color: #ffffff;
}
.custom-button.button-black:hover {
  color: #ffffff;
  background: #ce1141;
}
.custom-button.button-red {
  background: #ce1141;
  color: #ffffff;
}
.custom-button.button-red:visited {
  color: #ffffff;
}
.custom-button.button-red:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-green {
  background: #4f9a03;
  color: #ffffff;
}
.custom-button.button-green:visited {
  color: #ffffff;
}
.custom-button.button-green:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-white {
  background: #ffffff;
  color: #000000;
}
.custom-button.button-white:visited {
  color: #000000;
}
.custom-button.button-white:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.button-color1 {
  background: #e7b777;
  color: #ffffff;
}
.custom-button.button-color1:visited {
  color: #ffffff;
}
.custom-button.button-color1:hover {
  color: #ffffff;
  background: #043850;
}
.custom-button.btn-border {
  background: none;
  box-shadow: none;
  border-width: 1px;
  transition: all 0.2s;
}
.custom-button.btn-border.bdr-w2 {
  border-width: 2px;
}
.custom-button.btn-border {
  /*--The ::before wipe paints $secondary over the whole button on hover, so the
      element's own background is only ever seen THROUGH the border. A transparent
      border showed that background as a navy ring around the yellow fill (the hero's
      PARTNER WITH US). Border and background are both the wipe colour below, so the
      edge disappears whichever of the two paints it. The comment sits outside the
      loop on purpose - inside, it is emitted 24 times. --*/
}
.custom-button.btn-border.bdr-primary {
  border-color: #043850;
  color: #043850;
}
.custom-button.btn-border.bdr-primary:visited {
  color: #043850;
}
.custom-button.btn-border.bdr-primary:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-secondary {
  border-color: #e7b777;
  color: #e7b777;
}
.custom-button.btn-border.bdr-secondary:visited {
  color: #e7b777;
}
.custom-button.btn-border.bdr-secondary:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-tertiary {
  border-color: #785927;
  color: #785927;
}
.custom-button.btn-border.bdr-tertiary:visited {
  color: #785927;
}
.custom-button.btn-border.bdr-tertiary:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-body {
  border-color: #363636;
  color: #363636;
}
.custom-button.btn-border.bdr-body:visited {
  color: #363636;
}
.custom-button.btn-border.bdr-body:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-body1 {
  border-color: #043850;
  color: #043850;
}
.custom-button.btn-border.bdr-body1:visited {
  color: #043850;
}
.custom-button.btn-border.bdr-body1:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-body2 {
  border-color: #ffffff;
  color: #ffffff;
}
.custom-button.btn-border.bdr-body2:visited {
  color: #ffffff;
}
.custom-button.btn-border.bdr-body2:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-title {
  border-color: #232323;
  color: #232323;
}
.custom-button.btn-border.bdr-title:visited {
  color: #232323;
}
.custom-button.btn-border.bdr-title:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-title1 {
  border-color: #232323;
  color: #232323;
}
.custom-button.btn-border.bdr-title1:visited {
  color: #232323;
}
.custom-button.btn-border.bdr-title1:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-title2 {
  border-color: #232323;
  color: #232323;
}
.custom-button.btn-border.bdr-title2:visited {
  color: #232323;
}
.custom-button.btn-border.bdr-title2:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-alternate {
  border-color: #f7f7f7;
  color: #f7f7f7;
}
.custom-button.btn-border.bdr-alternate:visited {
  color: #f7f7f7;
}
.custom-button.btn-border.bdr-alternate:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-alternate1 {
  border-color: #f7f7f7;
  color: #f7f7f7;
}
.custom-button.btn-border.bdr-alternate1:visited {
  color: #f7f7f7;
}
.custom-button.btn-border.bdr-alternate1:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-alternate2 {
  border-color: #f7f7f7;
  color: #f7f7f7;
}
.custom-button.btn-border.bdr-alternate2:visited {
  color: #f7f7f7;
}
.custom-button.btn-border.bdr-alternate2:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-light {
  border-color: #c9c9c9;
  color: #c9c9c9;
}
.custom-button.btn-border.bdr-light:visited {
  color: #c9c9c9;
}
.custom-button.btn-border.bdr-light:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-light1 {
  border-color: #b5b5b5;
  color: #b5b5b5;
}
.custom-button.btn-border.bdr-light1:visited {
  color: #b5b5b5;
}
.custom-button.btn-border.bdr-light1:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-light2 {
  border-color: #d0d0d0;
  color: #d0d0d0;
}
.custom-button.btn-border.bdr-light2:visited {
  color: #d0d0d0;
}
.custom-button.btn-border.bdr-light2:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-dark {
  border-color: #232323;
  color: #232323;
}
.custom-button.btn-border.bdr-dark:visited {
  color: #232323;
}
.custom-button.btn-border.bdr-dark:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-dark1 {
  border-color: #232323;
  color: #232323;
}
.custom-button.btn-border.bdr-dark1:visited {
  color: #232323;
}
.custom-button.btn-border.bdr-dark1:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-dark2 {
  border-color: #232323;
  color: #232323;
}
.custom-button.btn-border.bdr-dark2:visited {
  color: #232323;
}
.custom-button.btn-border.bdr-dark2:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-black {
  border-color: #000000;
  color: #000000;
}
.custom-button.btn-border.bdr-black:visited {
  color: #000000;
}
.custom-button.btn-border.bdr-black:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-red {
  border-color: #ce1141;
  color: #ce1141;
}
.custom-button.btn-border.bdr-red:visited {
  color: #ce1141;
}
.custom-button.btn-border.bdr-red:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-green {
  border-color: #4f9a03;
  color: #4f9a03;
}
.custom-button.btn-border.bdr-green:visited {
  color: #4f9a03;
}
.custom-button.btn-border.bdr-green:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-white {
  border-color: #ffffff;
  color: #ffffff;
}
.custom-button.btn-border.bdr-white:visited {
  color: #ffffff;
}
.custom-button.btn-border.bdr-white:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.btn-border.bdr-color1 {
  border-color: #e7b777;
  color: #e7b777;
}
.custom-button.btn-border.bdr-color1:visited {
  color: #e7b777;
}
.custom-button.btn-border.bdr-color1:hover {
  background: #e7b777;
  color: #ffffff !important;
  border-color: #e7b777 !important;
}
.custom-button.button-blur {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  color: #ffffff;
}
.custom-button.button-rounded {
  border-radius: 50px !important;
}
.custom-button.button-rounded-corner {
  border-radius: 10px !important;
}
@media screen and (max-width: 1599.98px) {
  .custom-button.button-rounded-corner {
    border-radius: 7px !important;
  }
}
.custom-button.has-icon::after {
  width: 19.5px;
  height: 9.5px;
  display: block;
  flex: 0 0 auto;
  background-color: #ffffff;
  -webkit-mask: url("../../images/icon-arrow-btn.svg") no-repeat center;
  mask: url("../../images/icon-arrow-btn.svg") no-repeat center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  content: "";
  transition: all 0.2s;
}
.custom-button.has-icon:hover::after, .custom-button.has-icon:focus-visible::after {
  background-color: #043850;
}
.custom-button.icon-left {
  flex-direction: row-reverse;
}
.custom-button.icon-left::after {
  margin-right: 10px;
  margin-left: 0;
  transform: scaleX(-1);
}
.custom-button.icon-left .arrow {
  margin-right: 10px;
  margin-left: 0;
  transform: scaleX(-1);
}
.custom-button img,
.custom-button i {
  position: relative;
  transition: all 0.2s linear;
  max-height: 16px;
}
.custom-button:hover svg path {
  stroke: #ffffff;
}

.custom-button.btn-block + .custom-button.btn-block {
  margin-top: 10px;
}

.iright {
  margin-left: 10px;
}
.iright.lg {
  margin-left: 30px;
}

.ileft {
  margin-right: 10px;
}
.ileft.lg {
  margin-right: 30px;
}

.custom-button.height-72 {
  height: 72px;
}
@media screen and (max-width: 1599.98px) {
  .custom-button.height-72 {
    height: 60px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button.height-72 {
    height: 40px;
  }
}
.custom-button.height-70 {
  height: 70px;
}
@media screen and (max-width: 1599.98px) {
  .custom-button.height-70 {
    height: 60px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button.height-70 {
    height: 40px;
  }
}
.custom-button.height-65 {
  height: 65px;
}
@media screen and (max-width: 1599.98px) {
  .custom-button.height-65 {
    height: 55px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button.height-65 {
    height: 40px;
  }
}
.custom-button.height-62 {
  height: 62px;
}
@media screen and (max-width: 1599.98px) {
  .custom-button.height-62 {
    height: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button.height-62 {
    height: 40px;
  }
}
.custom-button.height-60 {
  height: 60px;
}
@media screen and (max-width: 1599.98px) {
  .custom-button.height-60 {
    height: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button.height-60 {
    height: 40px;
  }
}
.custom-button.height-55 {
  height: 55px;
}
@media screen and (max-width: 1599.98px) {
  .custom-button.height-55 {
    height: 45px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button.height-55 {
    height: 40px;
  }
}
.custom-button.height-50 {
  height: 50px;
}
@media screen and (max-width: 1599.98px) {
  .custom-button.height-50 {
    height: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button.height-50 {
    height: 40px;
  }
}
.custom-button.height-45 {
  height: 45px;
}
@media screen and (max-width: 1599.98px) {
  .custom-button.height-45 {
    height: 35px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button.height-45 {
    height: 35px;
  }
}
.custom-button.height-40 {
  height: 40px;
}
@media screen and (max-width: 1599.98px) {
  .custom-button.height-40 {
    height: 32px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button.height-40 {
    height: 32px;
  }
}
.custom-button.height-30 {
  height: 30px;
}
@media screen and (max-width: 1599.98px) {
  .custom-button.height-30 {
    height: 25px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-button.height-30 {
    height: 20px;
  }
}

.styled-link {
  color: #363636;
  text-decoration: none !important;
  transition: all 0.2s;
  position: relative;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .styled-link {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .styled-link {
    font-size: 10px;
  }
}
.styled-link {
  /* V Medical LEARN MORE (7472:6884 / 7472:6906): Roboto Bold 16 / normal, caps,
     no tracking, 10 to the 18 x 8 arrow */
  letter-spacing: 0px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: normal;
}
.styled-link:visited {
  color: #363636;
}
.styled-link.primary {
  color: #043850;
}
.styled-link.primary:visited {
  color: #043850;
}
.styled-link.secondary {
  color: #e7b777;
}
.styled-link.secondary:visited {
  color: #e7b777;
}
.styled-link.tertiary {
  color: #785927;
}
.styled-link.tertiary:visited {
  color: #785927;
}
.styled-link.body {
  color: #363636;
}
.styled-link.body:visited {
  color: #363636;
}
.styled-link.body1 {
  color: #043850;
}
.styled-link.body1:visited {
  color: #043850;
}
.styled-link.body2 {
  color: #ffffff;
}
.styled-link.body2:visited {
  color: #ffffff;
}
.styled-link.title {
  color: #232323;
}
.styled-link.title:visited {
  color: #232323;
}
.styled-link.title1 {
  color: #232323;
}
.styled-link.title1:visited {
  color: #232323;
}
.styled-link.title2 {
  color: #232323;
}
.styled-link.title2:visited {
  color: #232323;
}
.styled-link.alternate {
  color: #f7f7f7;
}
.styled-link.alternate:visited {
  color: #f7f7f7;
}
.styled-link.alternate1 {
  color: #f7f7f7;
}
.styled-link.alternate1:visited {
  color: #f7f7f7;
}
.styled-link.alternate2 {
  color: #f7f7f7;
}
.styled-link.alternate2:visited {
  color: #f7f7f7;
}
.styled-link.light {
  color: #c9c9c9;
}
.styled-link.light:visited {
  color: #c9c9c9;
}
.styled-link.light1 {
  color: #b5b5b5;
}
.styled-link.light1:visited {
  color: #b5b5b5;
}
.styled-link.light2 {
  color: #d0d0d0;
}
.styled-link.light2:visited {
  color: #d0d0d0;
}
.styled-link.dark {
  color: #232323;
}
.styled-link.dark:visited {
  color: #232323;
}
.styled-link.dark1 {
  color: #232323;
}
.styled-link.dark1:visited {
  color: #232323;
}
.styled-link.dark2 {
  color: #232323;
}
.styled-link.dark2:visited {
  color: #232323;
}
.styled-link.black {
  color: #000000;
}
.styled-link.black:visited {
  color: #000000;
}
.styled-link.red {
  color: #ce1141;
}
.styled-link.red:visited {
  color: #ce1141;
}
.styled-link.green {
  color: #4f9a03;
}
.styled-link.green:visited {
  color: #4f9a03;
}
.styled-link.white {
  color: #ffffff;
}
.styled-link.white:visited {
  color: #ffffff;
}
.styled-link.color1 {
  color: #e7b777;
}
.styled-link.color1:visited {
  color: #e7b777;
}
.styled-link.underlined {
  text-decoration: underline !important;
}
.styled-link.bordered {
  border-bottom: 1px solid;
  padding-bottom: 12px;
}
.styled-link.has-icon::after {
  content: "";
  width: 19.5px;
  height: 9.5px;
  display: block;
  flex: 0 0 auto;
  background-color: #ffffff;
  -webkit-mask: url("../../images/icon-arrow-btn.svg") no-repeat center;
  mask: url("../../images/icon-arrow-btn.svg") no-repeat center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transition: all 0.2s;
  margin-left: 10px;
}
.styled-link.icon-left {
  flex-direction: row-reverse;
}
.styled-link.icon-left::after {
  margin-right: 10px;
  margin-left: 0px;
  transform: rotate(-180deg);
}
.styled-link img {
  transition: all 0.2s linear;
  max-width: 18px;
}

a.styled-link:hover {
  color: #043850;
  text-decoration: underline;
}
a.styled-link:hover img {
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(15deg) brightness(0%) contrast(102%);
}
a.styled-link.primary:hover {
  color: #e7b777;
}
a.styled-link.bordered.primary:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.secondary:hover {
  color: #043850;
}
a.styled-link.bordered.secondary:hover {
  border-color: #043850;
  color: #043850;
}
a.styled-link.tertiary:hover {
  color: #e7b777;
}
a.styled-link.bordered.tertiary:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.body:hover {
  color: #e7b777;
}
a.styled-link.bordered.body:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.body1:hover {
  color: #e7b777;
}
a.styled-link.bordered.body1:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.body2:hover {
  color: #e7b777;
}
a.styled-link.bordered.body2:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.title:hover {
  color: #f7f7f7;
}
a.styled-link.bordered.title:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.title1:hover {
  color: #e7b777;
}
a.styled-link.bordered.title1:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.title2:hover {
  color: #e7b777;
}
a.styled-link.bordered.title2:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.alternate:hover {
  color: #e7b777;
}
a.styled-link.bordered.alternate:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.alternate1:hover {
  color: #e7b777;
}
a.styled-link.bordered.alternate1:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.alternate2:hover {
  color: #e7b777;
}
a.styled-link.bordered.alternate2:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.light:hover {
  color: #e7b777;
}
a.styled-link.bordered.light:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.light1:hover {
  color: #e7b777;
}
a.styled-link.bordered.light1:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.light2:hover {
  color: #e7b777;
}
a.styled-link.bordered.light2:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.dark:hover {
  color: #e7b777;
}
a.styled-link.bordered.dark:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.dark1:hover {
  color: #e7b777;
}
a.styled-link.bordered.dark1:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.dark2:hover {
  color: #e7b777;
}
a.styled-link.bordered.dark2:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.black:hover {
  color: #ce1141;
}
a.styled-link.bordered.black:hover {
  border-color: #ce1141;
  color: #ce1141;
}
a.styled-link.red:hover {
  color: #e7b777;
}
a.styled-link.bordered.red:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.green:hover {
  color: #e7b777;
}
a.styled-link.bordered.green:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.white:hover {
  color: #043850;
}
a.styled-link.bordered.white:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.color1:hover {
  color: #e7b777;
}
a.styled-link.bordered.color1:hover {
  border-color: #e7b777;
  color: #e7b777;
}
a.styled-link.bordered:hover {
  border-color: #e7b777;
}

/*--Custom after color--*/
.styled-link.primary.has-icon::after {
  background-color: #043850;
}
.styled-link.primary.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.secondary.has-icon::after {
  background-color: #e7b777;
}
.styled-link.secondary.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.tertiary.has-icon::after {
  background-color: #785927;
}
.styled-link.tertiary.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.body.has-icon::after {
  background-color: #363636;
}
.styled-link.body.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.body1.has-icon::after {
  background-color: #043850;
}
.styled-link.body1.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.body2.has-icon::after {
  background-color: #ffffff;
}
.styled-link.body2.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.title.has-icon::after {
  background-color: #232323;
}
.styled-link.title.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.title1.has-icon::after {
  background-color: #232323;
}
.styled-link.title1.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.title2.has-icon::after {
  background-color: #232323;
}
.styled-link.title2.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.alternate.has-icon::after {
  background-color: #f7f7f7;
}
.styled-link.alternate.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.alternate1.has-icon::after {
  background-color: #f7f7f7;
}
.styled-link.alternate1.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.alternate2.has-icon::after {
  background-color: #f7f7f7;
}
.styled-link.alternate2.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.light.has-icon::after {
  background-color: #c9c9c9;
}
.styled-link.light.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.light1.has-icon::after {
  background-color: #b5b5b5;
}
.styled-link.light1.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.light2.has-icon::after {
  background-color: #d0d0d0;
}
.styled-link.light2.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.dark.has-icon::after {
  background-color: #232323;
}
.styled-link.dark.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.dark1.has-icon::after {
  background-color: #232323;
}
.styled-link.dark1.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.dark2.has-icon::after {
  background-color: #232323;
}
.styled-link.dark2.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.black.has-icon::after {
  background-color: #000000;
}
.styled-link.black.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.red.has-icon::after {
  background-color: #ce1141;
}
.styled-link.red.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.green.has-icon::after {
  background-color: #4f9a03;
}
.styled-link.green.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.white.has-icon::after {
  background-color: #ffffff;
}
.styled-link.white.has-icon:hover::after {
  background-color: #e7b777;
}
.styled-link.color1.has-icon::after {
  background-color: #e7b777;
}
.styled-link.color1.has-icon:hover::after {
  background-color: #e7b777;
}

a.underlined {
  text-decoration: underline !important;
}

/*--V Medical outline button 7472:7134: 1px $primary stroke drawn INSIDE the 49 box
    (L-65 - inset shadow, not a border, so both buttons stay 49 tall), label $primary,
    arrow $primary. --*/
.custom-button.btn-border {
  border-width: 0px;
}
.custom-button.btn-border.bdr-primary {
  background: transparent;
  color: #043850;
  box-shadow: inset 0 0 0 1px #043850;
}
.custom-button.btn-border.bdr-primary::after {
  background-color: #043850;
}
.custom-button.btn-border.bdr-primary:hover, .custom-button.btn-border.bdr-primary:focus-visible {
  background: #e7b777;
  color: #043850 !important;
  box-shadow: inset 0 0 0 1px #e7b777;
}

/*--V Medical gold button (7472:6895 READ MORE, 7472:6962 VIEW ALL LOCATIONS):
    $secondary ground, $primary label and arrow. --*/
.custom-button.button-secondary {
  background: #e7b777;
  color: #043850;
}
.custom-button.button-secondary:visited {
  color: #043850;
}
.custom-button.button-secondary::after {
  background-color: #043850;
}
.custom-button.button-secondary:hover, .custom-button.button-secondary:focus-visible {
  color: #ffffff !important;
}
.custom-button.button-secondary:hover::after, .custom-button.button-secondary:focus-visible::after {
  background-color: #ffffff;
}

/* LEARN MORE hover = the gold drawn on signature card 1 (7472:6907, L-97) */
a.styled-link.title:hover,
a.styled-link.title:focus-visible,
a.styled-link.white:hover,
a.styled-link.white:focus-visible {
  color: #e7b777;
  text-decoration: none;
}
a.styled-link.title:hover::after,
a.styled-link.title:focus-visible::after,
a.styled-link.white:hover::after,
a.styled-link.white:focus-visible::after {
  background-color: #e7b777;
}

/*--White outline button (Signature 7457:1766 BOOK THRU MESSENGER): 1px white stroke
    inside the 49 box, white label; hover as the other buttons (gold ground). --*/
.custom-button.btn-border.bdr-white {
  background: transparent;
  color: #ffffff;
  box-shadow: inset 0 0 0 1px #ffffff;
}
.custom-button.btn-border.bdr-white::after {
  background-color: #ffffff;
}
.custom-button.btn-border.bdr-white:hover, .custom-button.btn-border.bdr-white:focus-visible {
  background: #e7b777;
  color: #043850 !important;
  box-shadow: inset 0 0 0 1px #e7b777;
}
.custom-button.btn-border.bdr-white:hover::after, .custom-button.btn-border.bdr-white:focus-visible::after {
  background-color: #043850;
}

/* messenger glyph in place of the arrow (7457:1768, 18 x 17.16) */
.custom-button.has-icon.icon-messenger::after {
  width: 18px;
  height: 17.163px;
  -webkit-mask-image: url("../../images/icon-messenger.svg");
  mask-image: url("../../images/icon-messenger.svg");
}

/*-NAv--*/
.nav-holder {
  background: #000000;
  border-bottom: 2px solid #e7b777;
}

.topNavWrapper {
  display: flex;
  align-items: center;
  order: 2;
  transition: all 0.2s linear;
  flex-flow: column;
  border: 0px;
  margin-left: auto;
}

.nav-wrapper {
  display: block;
  margin: 0px auto;
  width: 100%;
  z-index: 0;
}

.nav-container {
  position: static;
  display: block;
  width: 100%;
}

.custom-menu-wrap {
  position: static;
  padding: 0;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.nav {
  position: static;
  width: 100%;
  display: block;
  margin: 0px auto;
  text-align: center;
}

.nav > ul {
  position: static;
  padding: 0px 0px;
  width: 100%;
  margin: 0 auto;
  text-transform: none;
  list-style-type: none;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.nav > ul > li {
  display: block;
  padding: 0px 0px;
  margin: 0px 40px 0px 0px;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul > li {
    margin: 0px 30px 0px 0px;
  }
}
@media screen and (max-width: 1399.98px) {
  .nav > ul > li {
    margin: 0px 20px 0px 0px;
  }
}
.nav > ul > li:last-child {
  display: none;
}

.nav > ul > li > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #232323;
  font-weight: 400;
  text-align: center;
  padding: 0px 0px;
  line-height: 1.2;
  transition: all 0.2s linear;
  height: 100px;
  font-family: "Roboto", sans-serif;
  white-space: nowrap;
  letter-spacing: 0px;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul > li > a {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .nav > ul > li > a {
    font-size: 10px;
  }
}
.nav > ul > li > a {
  border-radius: 0px;
  text-transform: uppercase;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul > li > a {
    height: 80px;
  }
}

.nav > ul > li > a::before {
  content: "";
  position: absolute;
  width: 0px;
  height: 5px;
  bottom: 0px;
  left: 50%;
  z-index: -1;
  border-radius: 0px;
  background-color: #043850;
  transition: all 0.3s ease;
  opacity: 0;
  display: none;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul > li > a::before {
    height: 5px;
  }
}

.nav > ul > li:hover > a,
.nav > ul > li.selected > a {
  color: #043850;
  opacity: 1;
  text-decoration: none;
  /* no font-weight here - hover must not reflow the label (see below, .selected keeps
     its own 700) */
  background: transparent;
}

.nav > ul > li.selected > a {
  font-weight: 700;
  opacity: 1;
  color: #043850;
}

.nav > ul > li:hover > a::before,
.nav > ul > li.selected > a::before {
  left: 0px;
  width: 100%;
  opacity: 1;
}

.nav > ul > li.selected > a::before {
  background-color: #043850;
  opacity: 1;
}

.nav > ul ul,
.nav > ul ul ul {
  /*left: 50%; transform: translateX(-50%);*/
  position: absolute;
  left: auto;
  top: auto;
  opacity: 0;
  padding: 0px 0px 0px 0px;
  width: 220px;
  text-align: left;
  visibility: hidden;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: none;
  text-transform: none;
  margin: 0px 0px 0px 0px;
  transition: all 0.4s ease;
  background: #ffffff;
  z-index: 0; /*max-height: 400px; overflow-y: auto; */
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul,
  .nav > ul ul ul {
    width: 180px;
    margin: 0px 0px 0px 0px;
  }
}

.nav > ul ul > li:first-child > a {
  border-radius: 0px 0px 0px 0px;
}

.nav > ul ul > li:last-child > a {
  border-radius: 0px 0px 0px 0px;
}

.nav > ul ul ul > li:first-child > a {
  border-radius: 0px 0px 0px 0px;
}

.nav > ul ul ul > li:last-child > a {
  border-radius: 0px 0px 0px 0px;
}

.nav > ul ul li:last-child ul > li:last-child > a {
  border-radius: 0px 0px 0px 0px;
}

.nav > ul ul ul {
  left: 100%;
  top: auto;
  margin: 0px;
  margin-top: -78px;
}

.nav > ul > li:hover > ul,
.nav > ul ul > li:hover > ul,
.nav > ul ul ul > li:hover > ul {
  top: auto;
  margin-top: 0px;
  visibility: visible;
  opacity: 1;
}

.nav > ul ul.gridmenu {
  display: none;
  animation: fadeInShow 0.4s;
  padding: 60px 260px !important;
  background: #ffffff;
  border-radius: 0px 0px 0px 0px;
  border-top: 1px solid rgba(51, 51, 51, 0.1);
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul.gridmenu {
    padding: 50px 214px !important;
  }
}
@media screen and (max-width: 1299.98px) {
  .nav > ul ul.gridmenu {
    padding: 30px 100px !important;
  }
}

.nav > ul ul.gridmenu ul {
  position: relative;
  left: auto;
  top: auto !important;
  margin: 0px auto !important;
  display: flex;
}

.nav > ul > li.menu-item-has-children > a::after {
  font-family: bootstrap-icons;
  content: "\f282";
  line-height: 1; /*position: absolute; top: 50%; transform: translateY(-50%); right: 0;*/
  margin-left: 6px;
  font-size: 10px;
  display: none;
}

.nav > ul ul li.menu-item-has-children > a::after {
  position: absolute;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  content: "\f105";
  margin-left: auto;
  font-size: 12px;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul li.menu-item-has-children > a::after {
    font-size: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .nav > ul ul li.menu-item-has-children > a::after {
    font-size: 8px;
  }
}
.nav > ul ul li.menu-item-has-children > a::after {
  display: none;
}

@keyframes fadeInShow {
  0% {
    opacity: 0;
    margin-top: 10px;
  }
  100% {
    opacity: 1;
    margin-top: 0px;
  }
}
.nav > ul > li:hover > ul.gridmenu {
  display: flex;
  justify-content: space-between;
  box-shadow: none;
}

.nav > ul ul.grid1 {
  width: 25%;
  min-width: 325px;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul.grid1 {
    min-width: 265px;
  }
}

.nav > ul ul.grid2 {
  width: 50%;
  left: 0px;
  min-width: 620px;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul.grid2 {
    min-width: 510px;
  }
}

.nav > ul ul.grid3 {
  width: 100%;
  left: 0px;
}

.nav > ul ul.grid4 {
  width: 100%;
  left: 0px;
}

.nav > ul ul.grid1 > li,
.nav > ul ul.grid2 > li,
.nav > ul ul.grid3 > li,
.nav > ul ul.grid4 > li {
  position: relative;
  display: block;
  width: 100%;
  padding: 0px 0px !important;
}

.nav > ul ul.grid2 > li {
  width: 45%;
  max-width: 220px;
  margin: 0px;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul.grid2 > li {
    min-width: 185px;
  }
}

.nav > ul ul.grid2 > li:last-child {
  margin-right: 0px;
}

.nav > ul ul.grid3 > li {
  width: 33.3333%;
}

.nav > ul ul.grid4 > li {
  width: 25%;
  padding: 0px 15px !important;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul.grid4 > li {
    padding: 0px 12px !important;
  }
}

.nav > ul ul.gridmenu.grid2 > li:nth-child(3) {
  clear: both;
}

.nav > ul ul.gridmenu.grid3 > li:nth-child(4) {
  clear: both;
}

.nav > ul ul.gridmenu.grid4 > li:nth-child(5) {
  clear: both;
}

.nav > ul ul.gridmenu > li:hover > a,
.nav > ul ul.gridmenu > li.selected > a,
.nav > ul ul.gridmenu > li a {
  color: #232323;
  font-weight: 700;
  text-decoration: none;
  background: none !important;
}

.nav > ul ul.gridmenu > li:hover > a,
.nav > ul ul.gridmenu > li.selected > a {
  text-decoration: none !important;
}

.nav > ul ul.gridmenu > li > a {
  text-transform: none;
  padding: 0px 0px;
  text-align: center;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul.gridmenu > li > a {
    padding: 0px 0px;
  }
}
.nav > ul ul.gridmenu > li > a .img-holder {
  padding-bottom: 73.78%;
  margin-bottom: 30px;
}
.nav > ul ul.gridmenu > li > a .img-holder img {
  filter: grayscale(1);
  transition: all 0.2s linear;
}
.nav > ul ul.gridmenu > li > a h3 {
  color: #232323;
  font-weight: 600;
  font-size: 22px;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul.gridmenu > li > a h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 575.98px) {
  .nav > ul ul.gridmenu > li > a h3 {
    font-size: 14px;
  }
}
.nav > ul ul.gridmenu > li > a h3 {
  letter-spacing: -0.44px;
}
.nav > ul ul.gridmenu > li > a:hover h3 {
  color: #043850;
}
.nav > ul ul.gridmenu > li > a:hover .img-holder img {
  filter: grayscale(0);
}

.nav > ul ul.gridmenu > li ul li:hover > a,
.nav > ul ul.gridmenu > li ul li.selected > a {
  color: #043850;
  text-decoration: underline;
  background: none;
}

.nopadding {
  padding: 0px !important;
}

.nav > ul ul.gridmenu ul {
  position: relative;
  left: auto;
  top: auto;
  opacity: 1;
  width: 100%;
  padding: 0px;
  box-shadow: none;
  border-radius: 0px;
  min-width: inherit;
  visibility: visible;
  background: transparent;
  margin: 0px 0px 0px 0px;
}

/*Third-lavel menu*/
.nav > ul ul > li:hover > ul,
.nav > ul ul ul > li:hover > ul {
  margin-top: -55px;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul > li:hover > ul,
  .nav > ul ul ul > li:hover > ul {
    margin-top: -44px;
  }
}

.nav > ul ul li,
.nav > ul ul ul li,
.gridmenu li {
  position: relative;
  display: block;
  padding: 0px 0px;
  margin: 0px auto 0px;
}

.nav > ul ul li:last-child,
.nav > ul ul ul li:last-child {
  border-bottom: 0px;
}

.nav > ul ul a,
.nav > ul ul ul a {
  position: relative;
  display: block;
  color: #232323;
  padding: 15px 20px;
  background: #FCF8F1;
  border-bottom: 1px solid #EDEDED;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul a,
  .nav > ul ul ul a {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .nav > ul ul a,
  .nav > ul ul ul a {
    font-size: 10px;
  }
}
.nav > ul ul a,
.nav > ul ul ul a {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0px;
  text-align: left;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul a,
  .nav > ul ul ul a {
    padding: 12px 15px;
  }
}

.nav > ul ul li:hover > a,
.nav > ul ul li.selected > a,
.nav > ul ul ul li:hover > a,
.nav > ul ul ul li.selected > a {
  color: #ffffff;
  transition: all 0.5s;
  /* no font-weight - hover must not reflow the label */
  background: #043850;
  text-decoration: none !important;
  opacity: 1;
}

.nav li.menu-item-highlighted {
  display: flex;
  height: 100px;
  align-items: center;
}
@media screen and (max-width: 1599.98px) {
  .nav li.menu-item-highlighted {
    height: 84px;
  }
}

.nav li.menu-item-highlighted a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 0px solid transparent;
  /* V Medical, nodes 7472:7131 (fill) and 7472:7134 (outline): 49 tall
     (15 + 19 label + 15), padding 0 33, radius 30, gap 10 to the 18 x 8 arrow,
     label Roboto 400 16 / normal, uppercase, no tracking. */
  gap: 10px;
  padding: 0px 33px;
  text-align: center;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .nav li.menu-item-highlighted a {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .nav li.menu-item-highlighted a {
    font-size: 10px;
  }
}
.nav li.menu-item-highlighted a {
  letter-spacing: 0px;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
  background: #043850;
  color: #ffffff;
  z-index: 1;
  border-radius: 30px;
  overflow: hidden;
  transition: all 0.2s;
  height: 49px;
  line-height: normal;
  /* INFERRED - no laptop/tablet/mobile frame (D-004) */
}
@media screen and (max-width: 1599.98px) {
  .nav li.menu-item-highlighted a {
    padding: 0px 26px;
    height: 44px;
  }
}
@media screen and (max-width: 575.98px) {
  .nav li.menu-item-highlighted a {
    padding: 0 22px;
    height: 44px;
  }
}
.nav li.menu-item-highlighted a.no-shadow {
  box-shadow: none !important;
}
.nav li.menu-item-highlighted a {
  height: 55px;
  border-radius: 50px;
  font-weight: 800 !important;
}
@media screen and (max-width: 1599.98px) {
  .nav li.menu-item-highlighted a {
    height: 45px;
  }
}

.nav li.menu-item-highlighted:hover a,
.nav li.menu-item-highlighted.selected a {
  background: #043850;
  color: #ffffff;
}

.nav li.menu-item-highlighted a::before {
  display: none !important;
}

.nav li.menu-item-highlighted a::after {
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  content: "\f105";
  margin-left: 10px;
}

/* Nav END*/
.quickSearch .modal-content {
  border: 0px !important;
  border-radius: 0px !important;
  background: none;
}

.search-box {
  position: relative;
}
.search-box .search-button {
  position: absolute;
  right: 5px;
  top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  border: 0px;
  height: 50px;
  width: 50px;
  background: #e7b777 !important;
  border-radius: 50px;
  transition: all 0.2s linear;
  color: #043850;
}
@media screen and (max-width: 1599.98px) {
  .search-box .search-button {
    height: 40px;
    width: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .search-box .search-button {
    width: 30px;
    height: 30px;
  }
  .search-box .search-button svg {
    width: 14px;
  }
}
.search-box .search-button svg path {
  transition: stroke 0.3s ease;
  stroke: #ffffff;
}
.search-box .search-button:hover {
  color: #ffffff;
  background-color: #043850 !important;
}
.search-box .search-button:hover svg path {
  stroke: #ffffff;
}
@media screen and (max-width: 375px) {
  .search-box {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1199.98px) {
  .topNavWrapper {
    position: absolute;
    bottom: 0px;
    margin: 0px;
    display: block;
    clear: both;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 62px;
  }
  .headerInfo-removed .topNavWrapper {
    height: 100% !important;
  }
  .nav-wrapper {
    float: none;
    margin: 0px auto;
    height: 19px;
    z-index: 1;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
  }
  .nav-container {
    position: absolute;
    top: auto;
    margin: 0px;
    display: block;
    clear: both;
    left: 0px;
    right: 0px;
  }
  .nav-wrapper .nav {
    display: none !important;
  }
  .mean-container .mean-nav {
    margin-top: 40px;
  }
  .mean-container a.meanmenu-reveal {
    right: 30px !important;
    font-size: 0px !important;
    width: 24px;
    height: 19px;
    padding: 0px;
  }
  .mean-container a.meanmenu-reveal span {
    background: #043850;
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
    margin: 0px;
  }
  .mean-container a.meanmenu-reveal:hover span,
  #pageHeaderWrapper.header-alternate .mean-container a.meanmenu-reveal:hover span,
  .mean-container a.meanmenu-reveal.meanclose span {
    background: #043850;
  }
  .mean-container a.meanmenu-reveal span:nth-child(1) {
    top: 0px;
    transform-origin: left center;
  }
  .mean-container a.meanmenu-reveal span:nth-child(2) {
    top: 8px;
    transform-origin: left center;
  }
  .mean-container a.meanmenu-reveal span:nth-child(3) {
    top: 16px;
    transform-origin: left center;
  }
  .mean-container a.meanmenu-reveal.meanclose span:nth-child(1) {
    transform: rotate(45deg);
    top: -1px;
    left: 5px;
  }
  .mean-container a.meanmenu-reveal.meanclose span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }
  .mean-container a.meanmenu-reveal.meanclose span:nth-child(3) {
    transform: rotate(-45deg);
    top: 16px;
    left: 5px;
  }
  .mean-container .mean-nav ul li {
    float: none;
  }
  .mean-container .mean-nav ul li a,
  .mean-container .mean-nav ul li li a,
  .mean-container .mean-nav ul li li li a {
    padding: 10px 50px 10px 30px;
    color: #232323 !important;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2) !important;
    background: #FCF8F1;
    float: none;
    font-size: 13px;
    text-transform: uppercase;
  }
  .mean-container .mean-nav ul li li a {
    padding: 10px 40px 10px 40px;
    font-size: 13px;
    text-transform: uppercase;
  }
  .mean-container .mean-nav ul li li li a {
    padding: 10px 40px 10px 60px;
  }
  .mean-container .mean-nav ul li li li li a {
    padding: 10px 40px 10px 80px;
  }
  .mean-container .mean-nav ul li li li li li a {
    padding: 10px 40px 10px 100px;
  }
  .mean-container .mean-nav ul li:hover > a,
  .mean-container .mean-nav ul li.selected > a {
    color: #ffffff !important;
    background: #043850;
  }
  .mean-container .mean-nav ul li a.mean-expand {
    padding: 0px !important;
    background: none !important;
    height: 41px;
    width: 48px;
    border-bottom: 0px !important;
    border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-left: 1px dotted rgba(0, 0, 0, 0.2) !important;
    font-size: 0px !important; /*text-indent: -9999 !important; text-transform: uppercase !important; */
  }
  .mean-container .mean-nav ul li li a.mean-expand {
    height: 41px;
  }
  .mean-container .mean-nav ul li a.mean-expand::after {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    content: "\f078";
    transition: all ease-in 0.35s;
    color: #363636 !important;
    width: 48px;
    height: 41px;
    line-height: 43px;
    font-size: 13px;
    text-align: center;
  }
  .mean-container .mean-nav ul li li a.mean-expand::after {
    width: 48px;
    height: 37px;
    line-height: 37px;
  }
  .mean-container .mean-nav ul li > a.mean-expand:hover::after,
  .mean-container .mean-nav ul li:hover > a.mean-expand::after,
  .mean-container .mean-nav ul li.selected > a.mean-expand::after {
    color: #ffffff !important;
  }
  .mean-container .mean-nav ul li a.mean-expand.mean-clicked::after {
    transform: rotate(180deg);
  }
  .mean-container .mean-nav.active {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 62px);
    background: #FCF8F1;
  }
  .headerInfo-removed .mean-container .mean-nav.active {
    height: calc(100vh - 63px) !important;
  }
  .mean-container .gridmenu {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 20px !important;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2) !important;
    background: #ffffff;
  }
  .mean-container .gridmenu.grid4 li {
    width: 25% !important;
    padding: 10px 10px;
    background: none !important;
  }
  .mean-container .gridmenu.grid4 li a {
    text-align: center !important;
    padding: 0px;
    border: 0px !important;
    background: none !important;
  }
  .mean-container .gridmenu.grid4 li a .img-holder {
    padding-bottom: 73.78%;
    margin-bottom: 20px;
  }
  .mean-container .gridmenu.grid4 li a .img-holder img {
    filter: grayscale(1);
    transition: all 0.2s linear;
  }
  .mean-container .gridmenu.grid4 li a h3 {
    color: #232323;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: -0.44px;
  }
}
@media screen and (max-width: 1199.98px) and (max-width: 1599.98px) {
  .mean-container .gridmenu.grid4 li a h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1199.98px) and (max-width: 575.98px) {
  .mean-container .gridmenu.grid4 li a h3 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mean-container .gridmenu.grid4 li a:hover h3 {
    color: #043850;
  }
  .mean-container .gridmenu.grid4 li a:hover .img-holder img {
    filter: grayscale(0);
  }
}
@media screen and (max-width: 767.98px) {
  .mean-container .gridmenu.grid4 li {
    width: 50% !important;
  }
  .mean-container .gridmenu.grid4 li .img-holder {
    margin-bottom: 20px;
  }
  .mean-container .gridmenu.grid4 li h3 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  .mean-container a.meanmenu-reveal {
    right: 20px !important;
  }
}
@media screen and (max-width: 413.98px) {
  .topNavWrapper {
    height: 53px;
  }
  .mean-container .mean-nav.active {
    height: calc(100vh - 53px);
  }
  .mean-container .mean-nav {
    margin-top: 36px;
  }
  .headerInfo-removed .mean-container .mean-nav.active {
    height: calc(100vh - 46px) !important;
  }
}
/*=========================================================
  V Medical navigation - node 7472:7144 (nav) + 7472:5504 (dropdown state frame)
  12 top-level items, gap 48, DM Serif Display 400 18 / normal, white.
  Hover / open = $secondary (7472:5541 "Face" while its panel is open).
  The design draws no current-page marker; .selected reuses the hover colour so the
  house class still works on inner pages (L-83 - state in CSS, never in markup).

  Baseline traps released here (L-60, Gen-2 traps 1 and 2):
    1. .nav > ul > li:last-child was display:none - it hid "Contact Us".
    2. .topNavWrapper was flex-flow:column with margin-left:auto.
    3. .nav > ul was flex-wrap:wrap with a 40px per-item right margin.
    4. nav links were pinned to Roboto 16 uppercase at a fixed 100px height.
=========================================================*/
.topNavWrapper {
  flex-flow: row;
  margin-left: 0px;
  position: relative;
  z-index: 3;
}

/* 48 is the drawn channel at 1920. Below it there is no frame (D-004); the steps
   keep logo + nav + search on one row down to the MeanMenu handover at 1199.98.
   Computed from the drawn label widths (723 at 18px), then measured - see QA. */
.nav > ul {
  flex-wrap: nowrap;
  justify-content: center;
  width: auto;
  gap: 48px;
}
@media screen and (max-width: 1919.98px) {
  .nav > ul {
    gap: 32px;
  }
}
@media screen and (max-width: 1599.98px) {
  .nav > ul {
    gap: 26px;
  }
}
@media screen and (max-width: 1399.98px) {
  .nav > ul {
    gap: 18px;
  }
}
@media screen and (max-width: 1299.98px) {
  .nav > ul {
    gap: 12px;
  }
}

.nav > ul > li {
  margin: 0px;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul > li {
    margin: 0px;
  }
}
@media screen and (max-width: 1399.98px) {
  .nav > ul > li {
    margin: 0px;
  }
}
.nav > ul > li:last-child {
  display: block;
}

.nav > ul > li > a {
  height: 100px;
  padding: 0px;
  color: #ffffff;
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0px;
  line-height: normal;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul > li > a {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .nav > ul > li > a {
    font-size: 12px;
  }
}
@media screen and (max-width: 1599.98px) {
  .nav > ul > li > a {
    height: 80px;
  }
}

.nav > ul > li:hover > a,
.nav > ul > li > a:focus-visible,
.nav > ul > li.selected > a,
.nav > ul > li.menu-item-has-children:focus-within > a {
  color: #e7b777;
  font-weight: 400;
}

/* the house underline bar is not part of this design */
.nav > ul > li > a::before,
.nav > ul > li > a::after {
  display: none !important;
}

/*--Dropdown panel 7472:5506: 268 wide, $primary, flush under the bar (top 144), its
    left edge 32px left of the parent label (754 vs "Face" at 786). Items 7472:5507:
    Roboto 400 18 / normal (21.09), 30 apart, $light at rest, $secondary on hover
    (7472:5510 is drawn in the hover colour - a demonstrated state, L-83).
    Panel 258 tall: 37 top, 4 rows (174), 47 bottom - the node height, not the
    codegen's pb-33, wins (L-111). Flush under the bar, so no hover bridge is
    needed (L-76). --*/
.nav > ul > li.menu-item-has-children {
  position: relative;
}

.nav > ul ul {
  left: -32px;
  top: 100%;
  width: 268px;
  min-width: 0px;
  margin: 0px;
  padding: 37px 20px 47px 48px;
  background: #043850;
  border-radius: 0px;
  box-shadow: none;
  overflow: visible;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul {
    width: 230px;
    padding: 30px 16px 38px 32px;
  }
}

.nav > ul ul > li {
  display: block;
  width: 100%;
  margin: 0px;
}
.nav > ul ul > li + li {
  margin-top: 30px;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul > li + li {
    margin-top: 24px;
  }
}

.nav > ul ul > li > a,
.nav > ul ul > li:first-child > a {
  display: block;
  height: auto;
  padding: 0px;
  border: 0px;
  background: none;
  color: #c9c9c9;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: normal;
  text-transform: none;
  white-space: nowrap;
  text-align: left;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .nav > ul ul > li > a,
  .nav > ul ul > li:first-child > a {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .nav > ul ul > li > a,
  .nav > ul ul > li:first-child > a {
    font-size: 12px;
  }
}
.nav > ul ul > li > a,
.nav > ul ul > li:first-child > a {
  transition: all 0.2s;
}

.nav > ul ul > li:hover > a,
.nav > ul ul > li > a:focus-visible,
.nav > ul ul > li.selected > a {
  background: none;
  color: #e7b777;
}

/* L-33: the house panel hides with visibility:hidden, which is keyboard-unreachable.
   Reveal it on focus-within too. */
.nav > ul > li:focus-within > ul {
  visibility: visible;
  opacity: 1;
}

/*=========================================================
  Mobile drawer - INFERRED (no mobile/tablet frame, D-004)
  MeanMenu takes over at 1199.98. Bar order: logo, search, burger hard right.
  The drawer keeps the desktop language: $primary panel, DM Serif labels in white,
  Roboto children in $light, $secondary for hover / open / current.
  The generic MeanMenu fixes below are carried from the RSVP build (burger addressed
  with :nth-of-type, transformed ancestors returned to flow, row-wide toggle).
=========================================================*/
@media screen and (max-width: 1199.98px) {
  #pageHeaderWrapper .header-container {
    justify-content: flex-start;
  }
  #pageHeaderWrapper .logo-holder {
    order: 1;
    flex: 0 0 auto;
  }
  #pageHeaderWrapper .top-right {
    order: 2;
    flex: 0 0 auto;
    margin-left: auto;
  }
  #pageHeaderWrapper .topNavWrapper {
    order: 3;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    margin-left: 10px;
  }
  .nav-wrapper,
  .nav-container {
    position: static;
    width: auto;
    height: auto;
    left: auto;
    right: auto;
    top: auto;
    transform: none;
  }
  .mean-container .mean-bar {
    position: relative;
    float: none;
    width: 44px;
    height: 44px;
    min-height: 0px;
    padding: 0px;
    background: none;
  }
  #pageHeaderWrapper .mean-container a.meanmenu-reveal {
    position: absolute;
    left: 50% !important;
    right: auto !important;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 18px;
    padding: 0px;
    font-size: 0px !important;
    text-indent: 0px !important;
  }
  .mean-container a.meanmenu-reveal span {
    background: #ffffff;
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    margin: 0px;
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center;
    transition: 0.25s ease-in-out;
  }
  /* the house rule paints the OPEN (X) state $primary - navy on the navy bar,
     i.e. invisible. Restated for both states. */
  .mean-container a.meanmenu-reveal span,
  .mean-container a.meanmenu-reveal.meanclose span {
    background: #ffffff;
  }
  .mean-container a.meanmenu-reveal:hover span,
  .mean-container a.meanmenu-reveal:focus-visible span {
    background: #e7b777;
  }
  .mean-container a.meanmenu-reveal span:nth-of-type(1) {
    top: 0px;
    width: 100%;
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center;
  }
  .mean-container a.meanmenu-reveal span:nth-of-type(2) {
    top: 8px;
    width: 100%;
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center;
  }
  .mean-container a.meanmenu-reveal span:nth-of-type(3) {
    top: 16px;
    width: 100%;
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center;
  }
  /* every close-state rule restates opacity/width: the house :nth-child rules
     land one bar late (the <em> label is child 1) and would hide this bar */
  .mean-container a.meanmenu-reveal.meanclose span:nth-of-type(1) {
    top: 8px;
    left: 0px;
    width: 100%;
    opacity: 1;
    transform: rotate(45deg);
    transform-origin: center center;
  }
  .mean-container a.meanmenu-reveal.meanclose span:nth-of-type(2) {
    opacity: 0;
    width: 0%;
    transform-origin: center center;
  }
  .mean-container a.meanmenu-reveal.meanclose span:nth-of-type(3) {
    top: 8px;
    left: 0px;
    width: 100%;
    opacity: 1;
    transform: rotate(-45deg);
    transform-origin: center center;
  }
  /* ---- the panel: hangs from the header's bottom edge. D-062: the top bar wraps
     taller below lg and can be closed, so main-script sets --vma-header-h to the
     header's real height; 124 (44 + 80) is the no-JS value ---- */
  .mean-container .mean-nav {
    position: fixed;
    left: 0px;
    top: var(--vma-header-h, 124px);
    width: 100%;
    height: calc(100vh - var(--vma-header-h, 124px));
    margin: 0px;
    padding: 20px 0px 40px;
    background: #043850;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
  }
  /* D-062: the template's .headerInfo-removed rule (added when the top bar is
     closed) stretched the toggle's wrapper to 100% and pinned the toggle to the
     top of the 80 bar - keep its own height so it stays centred */
  #pageHeaderWrapper .headerInfo-removed .topNavWrapper {
    height: 44px !important;
  }
  #pageHeaderWrapper .headerInfo-removed .mean-container .mean-nav.active {
    height: calc(100vh - var(--vma-header-h, 124px)) !important;
  }
  .mean-container .mean-nav.active {
    display: block;
    height: calc(100vh - var(--vma-header-h, 124px));
    background: #043850;
    overflow-y: auto;
  }
  .mean-container .mean-nav > ul {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: visible;
  }
  .mean-container .mean-nav ul li {
    position: relative;
    float: none;
    width: 100%;
    margin: 0px;
    border-top: 0px;
  }
  .mean-container .mean-nav ul li a,
  .mean-container .mean-nav ul li li a,
  .mean-container .mean-nav ul li li li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 52px;
    height: auto;
    width: 100%;
    padding: 12px 30px;
    margin: 0px;
    background: none !important;
    border: 0px !important;
    color: #ffffff !important;
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.2;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    transition: all 0.2s;
  }
  .mean-container .mean-nav ul li li a {
    min-height: 44px;
    padding: 10px 30px 10px 50px;
    color: #c9c9c9 !important;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
  }
  .mean-container .mean-nav ul li:hover > a,
  .mean-container .mean-nav ul li > a:focus-visible,
  .mean-container .mean-nav ul li.selected > a,
  .mean-container .mean-nav ul li:has(> a.mean-expand.mean-clicked) > a:first-child {
    color: #e7b777 !important;
  }
  .mean-container .mean-nav ul li ul {
    margin: 0px;
    padding: 0px 0px 10px;
  }
  /* the toggle: a chevron on the right of the parent row (house affordance, L-84) */
  .mean-container .mean-nav ul li a.mean-expand {
    position: absolute;
    right: 20px;
    left: auto;
    top: 0px;
    z-index: 2;
    width: 52px;
    min-height: 0px;
    height: 52px;
    padding: 0px !important;
    margin: 0px;
    border: 0px !important;
    background: none !important;
    font-size: 0px !important;
    line-height: 0px;
    justify-content: center;
  }
  .mean-container .mean-nav ul li a.mean-expand::after {
    position: static;
    width: auto;
    height: auto;
    font-family: bootstrap-icons;
    content: "\f282";
    font-size: 14px;
    line-height: 1;
    color: #ffffff !important;
    transition: transform 0.25s ease;
  }
  .mean-container .mean-nav ul li a.mean-expand.mean-clicked::after {
    transform: rotate(180deg);
    color: #e7b777 !important;
  }
}
@media screen and (max-width: 575.98px) {
  .mean-container .mean-nav ul li a {
    padding-left: 20px;
    padding-right: 20px;
  }
  .mean-container .mean-nav ul li a.mean-expand {
    right: 4px;
  }
}
.bannerWrapper {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.banner_caption {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
}
.banner_caption.caption-bottom {
  align-items: end;
}
.banner_caption.caption-top {
  align-items: start;
}
.banner_caption .banner-info {
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
  width: 100%;
  text-align: center;
  /* BUG FIXED (DECISION_LOG D-008 class): these three sizes shipped as
     @include font-size() nested inside maxmedia(), which makes the mixin
     emit a second, doubled media query and re-scale - the lg step landed
     at 39 instead of 60 and the sm step at 29.25 instead of 45. Plain px
     inside a media query, always. */
}
.banner_caption .banner-info h2 {
  font-size: 96px;
}
@media screen and (max-width: 1599.98px) {
  .banner_caption .banner-info h2 {
    font-size: 77px;
  }
}
@media screen and (max-width: 575.98px) {
  .banner_caption .banner-info h2 {
    font-size: 62px;
  }
}
.banner_caption .banner-info h2 {
  font-weight: 700;
  color: #ffffff;
  padding-bottom: 30px;
}
@media screen and (max-width: 991.98px) {
  .banner_caption .banner-info h2 {
    font-size: 60px;
  }
}
@media screen and (max-width: 575.98px) {
  .banner_caption .banner-info h2 {
    padding-bottom: 10px;
    font-size: 45px;
  }
}
.banner_caption .banner-info h1 {
  font-size: 64px;
}
@media screen and (max-width: 1599.98px) {
  .banner_caption .banner-info h1 {
    font-size: 51px;
  }
}
@media screen and (max-width: 575.98px) {
  .banner_caption .banner-info h1 {
    font-size: 42px;
  }
}
.banner_caption .banner-info h1 {
  font-weight: 700;
  color: #ffffff;
  padding-bottom: 30px;
}
@media screen and (max-width: 575.98px) {
  .banner_caption .banner-info h1 {
    padding-bottom: 10px;
    font-size: 45px;
  }
}
.banner_caption .banner-info p {
  width: 62%;
  letter-spacing: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .banner_caption .banner-info p {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .banner_caption .banner-info p {
    font-size: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .banner_caption .banner-info p {
    width: 100%;
  }
}
.banner_caption .banner-info h3 {
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
  padding-bottom: 15px;
  position: relative;
  gap: 0px 18px;
}
.banner_caption .banner-info h3::before, .banner_caption .banner-info h3::after {
  content: "";
  width: 47px;
  height: 1px;
  background: #785927;
}
@media screen and (max-width: 1599.98px) {
  .banner_caption .banner-info h3::before, .banner_caption .banner-info h3::after {
    width: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .banner_caption .banner-info h3::before, .banner_caption .banner-info h3::after {
    width: 30px;
  }
}
.banner_caption .banner-info h3 small {
  color: #785927;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .banner_caption .banner-info h3 small {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .banner_caption .banner-info h3 small {
    font-size: 10px;
  }
}
.banner_caption .banner-info h3 small {
  font-weight: 400;
  line-height: 1.2;
}
@media screen and (max-width: 1599.98px) {
  .banner_caption .banner-info h3 small {
    font-size: 13px;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 1599.98px) and (max-width: 1599.98px) {
  .banner_caption .banner-info h3 small {
    font-size: 10px;
  }
}
@media screen and (max-width: 1599.98px) and (max-width: 575.98px) {
  .banner_caption .banner-info h3 small {
    font-size: 8px;
  }
}

.inner-banner {
  position: relative;
}
.inner-banner .banner-info {
  width: 100%;
  max-width: 100% !important;
  margin: 0px !important;
}

.pagingInfo {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 70px;
  transform: translateX(-50%);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: left;
  font-size: 35px;
}
@media screen and (max-width: 1599.98px) {
  .pagingInfo {
    font-size: 28px;
  }
}
@media screen and (max-width: 575.98px) {
  .pagingInfo {
    font-size: 23px;
  }
}
.pagingInfo {
  color: #ffffff;
  font-weight: 700;
}

.pagingInfo span {
  display: inline-flex;
}

#separator,
#total {
  opacity: 0.25;
}

.main-slider {
  position: relative;
  width: 100%;
  opacity: 1;
  overflow: hidden;
  margin-bottom: 0px;
  visibility: hidden;
  transition: all 1.2s ease;
}
.main-slider .slick-slide,
.main-slider .slick-slide:before,
.main-slider .banner_caption {
  backface-visibility: hidden;
}
.main-slider .banner_caption {
  opacity: 1;
  transition: all 0.2s linear;
}
.main-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}
.main-slider .slick-slide,
.main-slider .slick-slide > div,
.main-slider .slick-slide .item {
  position: relative;
  padding: 0px;
  width: 100%;
  margin: 0px auto;
  display: block !important;
}
.main-slider .slick-slide .embed-responsive {
  height: 100%;
}
.main-slider .slick-slide .item.video,
.main-slider .slick-slide .item.image {
  padding-bottom: 51.41%;
  min-height: 660px;
}
@media screen and (max-width: 575.98px) {
  .main-slider .slick-slide .item.video,
  .main-slider .slick-slide .item.image {
    min-height: 550px;
  }
}
.main-slider .slick-slide video {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-slider .slick-slide iframe {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
.main-slider .slick-slide figure {
  position: absolute;
  display: block;
  width: 100%;
  z-index: 1;
  height: 100%;
  padding: 0px;
  margin: 0px auto;
}
.main-slider .slick-slide figure img {
  position: relative;
  height: 100%;
  width: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.main-slider .slick-slide .slide-image {
  opacity: 1;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.8s ease;
}
.main-slider .slick-slide .slide-image.show {
  opacity: 1;
}
.main-slider .slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.main-slider .slick-slide .loading {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
}
.main-slider .slick-slide .slide-media {
  animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.main-slider .slick-slide.slick-active {
  z-index: 1;
}
.main-slider .slick-slide.slick-active .slide-media {
  animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.main-slider .slick-slide.slick-active .banner_caption {
  opacity: 1;
  transition: all 0.2s linear;
}
.main-slider .slick-slide.video .banner-slide-bg {
  display: none;
}
.main-slider .slick-dots {
  bottom: 60px;
}
@media screen and (max-width: 1599.98px) {
  .main-slider .slick-dots {
    bottom: 50px;
  }
}
@media screen and (max-width: 1399.98px) {
  .main-slider .slick-dots {
    bottom: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .main-slider .slick-dots {
    bottom: 15px;
  }
}
.main-slider .slick-dots li a span {
  color: #ffffff !important;
}
.main-slider .slick-dots li:hover a, .main-slider .slick-dots li.slick-active a {
  border-color: #f7f7f7 !important;
}
.main-slider .slick-arrow {
  transform: none;
  top: auto;
  bottom: 15%;
  border-width: 2px;
}
@media screen and (max-width: 1299.98px) {
  .main-slider .slick-arrow {
    bottom: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .main-slider .slick-arrow {
    bottom: 20px;
  }
}
.main-slider .slick-arrow.slick-next {
  right: 100px;
}
@media screen and (max-width: 1599.98px) {
  .main-slider .slick-arrow.slick-next {
    right: 80px;
  }
}
@media screen and (max-width: 1299.98px) {
  .main-slider .slick-arrow.slick-next {
    right: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .main-slider .slick-arrow.slick-next {
    right: 20px;
  }
}
.main-slider .slick-arrow.slick-prev {
  left: auto;
  right: 170px;
}
@media screen and (max-width: 1599.98px) {
  .main-slider .slick-arrow.slick-prev {
    right: 140px;
  }
}
@media screen and (max-width: 1299.98px) {
  .main-slider .slick-arrow.slick-prev {
    right: 90px;
  }
}
@media screen and (max-width: 575.98px) {
  .main-slider .slick-arrow.slick-prev {
    right: 70px;
  }
}

.main-slider .slick-slide .item::before,
.main-slider .slick-slide .item::after,
.inner-banner-image::before,
.inner-banner-image::after {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: all 0.2s linear;
  pointer-events: none;
}

.main-slider .slick-slide .item::before {
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 991.98px) {
  .main-slider .slick-slide .item::before {
    opacity: 0;
  }
}

.main-slider .slick-slide .item::after {
  opacity: 1;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background-blend-mode: normal, normal, soft-light, normal, normal;
}

.inner-banner-image::before {
  opacity: 1;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.inner-banner-image::after {
  background-color: rgba(190, 235, 255, 0.5);
  opacity: 0;
}
.inner-banner-image {
  padding-bottom: 18.54%;
  min-height: 280px;
}
@media screen and (max-width: 575.98px) {
  .inner-banner-image {
    min-height: 200px;
  }
}
.inner-banner-image.noafter::after {
  display: none;
}
.inner-banner-image.nobefore::before {
  display: none;
}

/*=========================================================
  V Medical home banner - node 7472:7118 (hero section)
  The frame is 1080 tall and includes the 144 header, so the band below the fixed
  header is 936 (plate 7472:7119, 1920 x 936 @ y144, cover).
  Model 7472:7120: 931 x 1163 at x929 y99 - 45 above the band (under the opaque
  header, so clipping it at the band top is visually identical) and 182 past the
  frame bottom (clipped). Exported pre-cropped from the node's own crop transform
  (L-10): source 4096 x 2732, crop 1185,109 1925 x 2405 -> 1862 x 2326 (2x).
  Copy block 7472:7121: x215, cap top of the eyebrow at y351 (band y207).
  Vertical rhythm is cap-trimmed in Figma; converted to CSS line boxes with
  DM Serif Display (asc 1.036 desc 0.335 cap 0.660) and Roboto (asc 0.928
  desc 0.244 cap 0.711) - L-02. Band coordinates:
    eyebrow 14/14   line 205.16-219.16  (cap 207)
    BECOME 120/120  line 234.14-354.14  (cap 257)   -> gap 14.98
    gold 80/80      line 348.76-428.76  (cap 364)   -> gap -5.38
    gold 80/80      line 429.76-509.76  (cap 445)   -> gap 1.00
    body 18/27 x2   line 531.14-585.14  (cap 538)   -> gap 21.38
    buttons 49      box  618.00-667.00              -> gap 32.86
  Everything below 1920 is INFERRED (D-004).
=========================================================*/
.page-home .BannerSection {
  position: relative;
}
.page-home .home-banner {
  position: relative;
  width: 100%;
  height: 936px;
  overflow: hidden;
  background: #f3e6cf;
}
@media screen and (max-width: 1599.98px) {
  .page-home .home-banner {
    height: 760px;
  }
}
@media screen and (max-width: 1299.98px) {
  .page-home .home-banner {
    height: 680px;
  }
}
.page-home .home-banner-bg {
  position: absolute;
  inset: 0px;
  z-index: 0;
}
.page-home .home-banner-bg img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-home .home-banner-model {
  position: absolute;
  z-index: 1;
  left: 48.385%; /* 929 / 1920 */
  top: -45px;
  width: 48.49%; /* 931 / 1920 */
  max-width: 931px;
  pointer-events: none;
}
.page-home .home-banner-model img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}
@media screen and (max-width: 1599.98px) {
  .page-home .home-banner-model {
    top: -36px;
  }
}
.page-home .banner_caption {
  position: relative;
  z-index: 2;
  height: 100%;
  display: block;
}
.page-home .banner-info {
  display: block;
  width: 100%;
  max-width: 523px;
  margin: 0px 0px 0px 155px; /* 215 - the 60 fluid gutter */
  padding-top: 205.16px;
  text-align: left;
  align-items: flex-start;
}
@media screen and (max-width: 1599.98px) {
  .page-home .banner-info {
    margin-left: 110px;
    padding-top: 160px;
  }
}
@media screen and (max-width: 1399.98px) {
  .page-home .banner-info {
    margin-left: 60px;
  }
}
@media screen and (max-width: 1299.98px) {
  .page-home .banner-info {
    padding-top: 130px;
    max-width: 470px;
  }
}
.page-home {
  /* INFERRED 992-1299: the copy column ends at 560, so the model is right-anchored
     on the drawn 60/1920 gutter and narrowed until it clears it */
}
@media screen and (max-width: 1299.98px) {
  .page-home .home-banner-model {
    left: auto;
    right: 3.125%;
    width: min(48.49%, 96.875% - 580px);
  }
}
.page-home .banner-info .pageTitle {
  margin: 0px;
  /* L-57: the house eyebrow is inline-flex and sat on a 27px body line box,
     12.5px low. Block-level flex removes the line box. */
}
.page-home .banner-info .pageTitle small {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  padding: 0px;
}
.page-home .banner-info .pageTitle {
  /* Gen-2 trap 3: the baseline .banner_caption .banner-info h1 (64, white) outranks
     the _title ramp, so the hero heading is stated through the banner chain. */
}
.page-home .banner-info .pageTitle h1 {
  padding: 0px;
  margin: 14.98px 0px 0px;
  color: #043850;
  font-weight: 400;
  font-size: 120px;
}
@media screen and (max-width: 1599.98px) {
  .page-home .banner-info .pageTitle h1 {
    font-size: 96px;
  }
}
@media screen and (max-width: 575.98px) {
  .page-home .banner-info .pageTitle h1 {
    font-size: 78px;
  }
}
.page-home .banner-info .pageTitle h1 {
  line-height: 1;
}
.page-home .banner-info .pageTitle .title-main {
  display: block;
}
.page-home .banner-info .pageTitle .title-sub {
  display: block;
  font-size: 80px;
}
@media screen and (max-width: 1599.98px) {
  .page-home .banner-info .pageTitle .title-sub {
    font-size: 64px;
  }
}
@media screen and (max-width: 575.98px) {
  .page-home .banner-info .pageTitle .title-sub {
    font-size: 52px;
  }
}
.page-home .banner-info .pageTitle .title-sub {
  line-height: 1;
  letter-spacing: -0.03em;
  white-space: nowrap;
  margin-top: -5.38px;
}
.page-home .banner-info .pageTitle .title-sub + .title-sub {
  margin-top: 1px;
}
.page-home .banner-info p {
  width: 513px;
  max-width: 100%;
  margin: 21.38px 0px 0px;
  color: #043850;
  font-weight: 300;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .page-home .banner-info p {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .page-home .banner-info p {
    font-size: 12px;
  }
}
.page-home .banner-info p {
  line-height: 1.5;
  text-align: left;
}
.page-home .banner-action {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 32.86px;
}
@media screen and (max-width: 1599.98px) {
  .page-home .banner-info .pageTitle h1 {
    margin-top: 12px;
  }
  .page-home .banner-info p {
    margin-top: 18px;
  }
  .page-home .banner-action {
    margin-top: 26px;
  }
}

/*--INFERRED tablet / phone (D-004): the copy and the model cannot share a row, so
    the band becomes a column - copy on the plate, model below it, cropped by the
    band bottom the same way the 1920 frame crops it. --*/
@media screen and (max-width: 991.98px) {
  .page-home {
    /* copy first, model second - the DOM keeps the model before the caption so
       the 1920 stacking order (model under copy) holds; the column reorders it */
  }
  .page-home .home-banner {
    height: auto;
    padding: 70px 0px 0px;
    display: flex;
    flex-direction: column;
  }
  .page-home .banner_caption {
    order: 1;
  }
  .page-home .banner_caption {
    height: auto;
  }
  .page-home .banner-info {
    margin: 0px;
    max-width: 560px;
    padding-top: 0px;
  }
  .page-home .home-banner-model {
    order: 2;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: 78%;
    max-width: 560px;
    height: 560px;
    margin: 30px 0px 0px auto;
    overflow: hidden;
  }
}
@media screen and (max-width: 575.98px) {
  .page-home .home-banner {
    padding-top: 50px;
  }
  .page-home .banner-info .pageTitle h1 {
    font-size: 72px;
  }
  .page-home .banner-info .pageTitle .title-sub {
    font-size: 44px;
    white-space: normal;
  }
  .page-home .banner-info p {
    font-size: 16px;
  }
  .page-home .home-banner-model {
    width: 92%;
    height: 420px;
  }
}
/*=========================================================
  V Medical inner hero - Conditions listing 7457:3785 (Inner Rev 1, 06 Oct 2026).
  550 tall; photo plate 7457:3786 exported with its drawn left fade (#e0e0e0 ->
  transparent at 55%) baked in. Copy block 7457:3788 at x260 (container-xl),
  centred 5px above the band's middle. Title DM Serif 90 / 1 $primary (cap offset
  17.15, below-baseline 13.45); breadcrumb Roboto 18 / 1.5 (cap offset 6.86), so the
  drawn 50 cap-to-cap gap is a 29.29 margin (L-02). Below 1920 INFERRED (D-004).
=========================================================*/
.inner-hero {
  position: relative;
  display: flex;
  align-items: center;
  height: 550px;
  overflow: hidden;
  background: #e0e0e0;
}
.inner-hero .inner-hero-plate {
  position: absolute;
  inset: 0px;
  z-index: 0;
}
.inner-hero .inner-hero-plate img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right center;
     object-position: right center;
}
.inner-hero > .container {
  position: relative;
  z-index: 2;
  margin-top: -10px;
}
.inner-hero .pageTitle {
  margin: 0px;
  padding: 0px;
}
.inner-hero .pageTitle h1 {
  margin: 0px;
  padding: 0px;
  color: #043850;
  line-height: 1;
  letter-spacing: 0px;
  text-transform: none;
  font-size: 90px;
}
@media screen and (max-width: 1599.98px) {
  .inner-hero .pageTitle h1 {
    font-size: 72px;
  }
}
@media screen and (max-width: 575.98px) {
  .inner-hero .pageTitle h1 {
    font-size: 59px;
  }
}
.inner-hero .breadcrumb-container {
  margin-top: 29.29px;
}
@media screen and (max-width: 1919.98px) {
  .inner-hero {
    height: auto;
    min-height: max(28.646vw, 320px);
    padding: 60px 0px;
  }
}
@media screen and (max-width: 991.98px) {
  .inner-hero {
    /* the plate is cropped from the left here, so the drawn fade is lost behind
       the copy - restate it over the photo */
  }
  .inner-hero::before {
    content: "";
    position: absolute;
    inset: 0px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(224, 224, 224, 0.94) 0%, rgba(224, 224, 224, 0.82) 55%, rgba(224, 224, 224, 0.15) 100%);
  }
  .inner-hero .breadcrumb-container {
    margin-top: 22px;
  }
}
@media screen and (max-width: 575.98px) {
  .inner-hero {
    min-height: 260px;
    padding: 50px 0px;
  }
  .inner-hero .pageTitle h1 {
    font-size: 46px;
  }
  .inner-hero::before {
    background: linear-gradient(90deg, rgba(224, 224, 224, 0.94) 0%, rgba(224, 224, 224, 0.86) 70%, rgba(224, 224, 224, 0.4) 100%);
  }
}

/*=========================================================
  V Medical treatment title banner - Conditions details 7457:3076 (Inner Rev 1).
  768 tall; photo + bottom shade (transparent 36.45% -> 35% black); glass card
  (blur 75, 1% white, 10% white 1px stroke, radius 20, padding 56) pinned 120 from
  the left and 100 from the bottom. Title DM Serif 50 / 55 white, one line - padding
  is cap-converted: 56 - 12.03 / 56 - 9.975 (L-02). Below 1920 INFERRED (D-004).
=========================================================*/
.td-banner {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 768px;
  padding: 0px 0px 100px 120px;
  overflow: hidden;
  background: #043850;
}
.td-banner .td-banner-plate {
  position: absolute;
  inset: 0px;
  z-index: 0;
}
.td-banner .td-banner-plate img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.td-banner .td-banner-plate::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.452%, rgba(0, 0, 0, 0.35) 100%);
}
.td-banner .td-banner-card {
  position: relative;
  z-index: 1;
  max-width: 100%;
  padding: 43.97px 56px 46.025px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(75px);
}
.td-banner .td-banner-card h1 {
  margin: 0px;
  padding: 0px;
  color: #ffffff;
  line-height: 1.1;
  text-transform: capitalize;
  white-space: nowrap;
  font-size: 50px;
}
@media screen and (max-width: 1599.98px) {
  .td-banner .td-banner-card h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-banner .td-banner-card h1 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1919.98px) {
  .td-banner {
    height: 40vw;
    min-height: 380px;
    padding: 0px 0px 5.21vw 6.25vw;
  }
}
@media screen and (max-width: 991.98px) {
  .td-banner {
    padding: 0px 30px 40px;
  }
  .td-banner .td-banner-card {
    padding: 28px 32px 30px;
  }
  .td-banner .td-banner-card h1 {
    white-space: normal;
  }
}
@media screen and (max-width: 575.98px) {
  .td-banner {
    min-height: 320px;
    padding: 0px 20px 24px;
  }
  .td-banner .td-banner-card {
    padding: 20px 22px 22px;
    border-radius: 14px;
  }
}

.breadcrumb-container {
  position: relative;
  width: 100%;
  z-index: 4;
}
.breadcrumb-container ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center; /*display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; justify-content: center;*/
}
.breadcrumb-container ul li {
  padding: 2px 0px 2px 0px;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.3;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .breadcrumb-container ul li {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .breadcrumb-container ul li {
    font-size: 10px;
  }
}
.breadcrumb-container ul li {
  text-transform: uppercase;
}
.breadcrumb-container ul li a {
  color: #ffffff;
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 400;
  opacity: 0.5;
  text-transform: uppercase;
}
.breadcrumb-container ul li a::after {
  position: relative;
  content: "";
  width: 19.5px;
  height: 9.5px;
  display: block;
  flex: 0 0 auto;
  background-color: #ffffff;
  -webkit-mask: url("../../images/icon-arrow-btn.svg") no-repeat center;
  mask: url("../../images/icon-arrow-btn.svg") no-repeat center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  margin: 0px 20px 0px;
  line-height: 1;
}
@media screen and (max-width: 1599.98px) {
  .breadcrumb-container ul li a::after {
    margin: 0px 15px 0px;
  }
}
@media screen and (max-width: 575.98px) {
  .breadcrumb-container ul li a::after {
    margin: 0px 10px 0px;
  }
}
.breadcrumb-container ul li a:hover {
  opacity: 1;
  /* no font-weight - hover must not reflow the label */
}
.breadcrumb-container ul li strong,
.breadcrumb-container ul li span > span {
  font-weight: 400 !important;
  color: #ffffff;
  opacity: 1;
}
.breadcrumb-container.center ul {
  justify-content: center;
}
.breadcrumb-container.alt {
  position: static;
  padding: 15px 0px;
  background: #FFEFD4;
}
@media screen and (max-width: 575.98px) {
  .breadcrumb-container.alt {
    padding: 12px 0px;
  }
}
.breadcrumb-container.alt ul li {
  color: #363636;
}
.breadcrumb-container.alt ul li a {
  color: #363636;
}
.breadcrumb-container.alt ul li a::after {
  background-color: #363636;
}
.breadcrumb-container.alt ul li strong,
.breadcrumb-container.alt ul li span > span {
  color: #363636;
}

/*--V Medical breadcrumb 7457:3792: Roboto Light 18 / 1.5 $primary, 20 either side of
    a 14 x 13 double chevron (#353434, 7457:3794 exported as icon-breadcrumb.svg);
    current page Roboto Bold in the design's gold #8f783f. Sits on the light hero. --*/
.breadcrumb-container.crumbs-vma ul li {
  padding: 0px;
  color: #043850;
  font-weight: 300;
  line-height: 1.5;
  text-transform: none;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .breadcrumb-container.crumbs-vma ul li {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .breadcrumb-container.crumbs-vma ul li {
    font-size: 12px;
  }
}
.breadcrumb-container.crumbs-vma ul li a {
  color: #043850;
  font-weight: 300;
  text-transform: none;
  opacity: 1;
}
.breadcrumb-container.crumbs-vma ul li a::after {
  width: 14px;
  height: 13px;
  margin: 0px 20px;
  -webkit-mask: none;
  mask: none;
  background: url("../../images/icon-breadcrumb.svg") no-repeat center/100% 100%;
}
.breadcrumb-container.crumbs-vma ul li a:hover, .breadcrumb-container.crumbs-vma ul li a:focus-visible {
  color: #8f783f;
}
.breadcrumb-container.crumbs-vma ul li strong {
  color: #8f783f;
  font-weight: 700 !important;
}
@media screen and (max-width: 1599.98px) {
  .breadcrumb-container.crumbs-vma ul li a::after {
    margin: 0px 16px;
  }
}
.breadcrumb-container.crumbs-vma {
  /* D-064 (user request): the 14 x 13 chevron reads heavy beside the smaller
     tablet / phone crumbs - scaled down with the text */
}
@media screen and (max-width: 991.98px) {
  .breadcrumb-container.crumbs-vma ul li a::after {
    width: 11px;
    height: 10px;
    margin: 0px 12px;
  }
}
@media screen and (max-width: 575.98px) {
  .breadcrumb-container.crumbs-vma ul li a::after {
    width: 9px;
    height: 8px;
    margin: 0px 10px;
  }
}

/*--Muted variant 7457:3068 (details pages): crumbs #808080 on a white 110 strip,
    #808080 double chevron, current page Roboto Bold #8f783f. --*/
.breadcrumb-container.crumbs-vma.crumbs-muted ul li {
  color: #808080;
}
.breadcrumb-container.crumbs-vma.crumbs-muted ul li a {
  color: #808080;
}
.breadcrumb-container.crumbs-vma.crumbs-muted ul li a::after {
  background-image: url("../../images/icon-breadcrumb-muted.svg");
}
.breadcrumb-container.crumbs-vma.crumbs-muted ul li a:hover, .breadcrumb-container.crumbs-vma.crumbs-muted ul li a:focus-visible {
  color: #8f783f;
}

.footer-nav,
.contact-list,
.social-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-bottom: 40px;
}
.footer-nav li,
.contact-list li,
.social-list li {
  padding-bottom: 30px;
  position: relative;
  line-height: 1;
}
@media screen and (max-width: 1599.98px) {
  .footer-nav li,
  .contact-list li,
  .social-list li {
    padding-bottom: 25px;
  }
}
.footer-nav li:last-child,
.contact-list li:last-child,
.social-list li:last-child {
  padding-bottom: 0px;
  border-bottom: 0px;
}
.footer-nav:last-child,
.contact-list:last-child,
.social-list:last-child {
  margin-bottom: 0px;
}

.nav-2col,
.nav-3col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.nav-2col li {
  width: 50%;
}

.nav-3col li {
  width: 33.33%;
}

.social-list li a {
  position: relative;
  padding-left: 30px;
}
.social-list li a i {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .social-list li a i {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .social-list li a i {
    font-size: 12px;
  }
}

.floating-social-icons {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  z-index: 9;
  padding: 1px 0px 1px 1px;
  background-color: #e5e5e5;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
@media screen and (max-width: 1199.98px) {
  .floating-social-icons {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
}
.floating-social-icons .social-icons {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-flow: column;
}
.floating-social-icons .social-icons li {
  margin-bottom: 1px;
}
.floating-social-icons .social-icons li:first-child a {
  border-top-left-radius: 19px;
}
@media screen and (max-width: 1199.98px) {
  .floating-social-icons .social-icons li:first-child a {
    border-top-left-radius: 9px;
  }
}
.floating-social-icons .social-icons li:last-child {
  margin-bottom: 0px;
}
.floating-social-icons .social-icons li:last-child a {
  border-bottom-left-radius: 19px;
}
@media screen and (max-width: 1199.98px) {
  .floating-social-icons .social-icons li:last-child a {
    border-bottom-left-radius: 9px;
  }
}

.social-icons {
  list-style: none;
}
.social-icons li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #043850;
  overflow: hidden;
  line-height: 1;
  transition: all 0.3s ease;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .social-icons li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .social-icons li a {
    font-size: 12px;
  }
}
.social-icons li a:hover {
  color: #e7b777;
}
.social-icons.icon-only {
  width: auto;
  height: auto;
}
.social-icons.icon-rounded a {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
@media screen and (max-width: 1599.98px) {
  .social-icons.icon-rounded a {
    width: 40px;
    height: 40px;
  }
}
.social-icons.icon-rounded a:hover {
  color: #ffffff;
  background: #043850;
}
.social-icons.icon-rounded.alt a {
  width: 65px;
  height: 65px;
  background: #363636;
}
@media screen and (max-width: 1599.98px) {
  .social-icons.icon-rounded.alt a {
    width: 55px;
    height: 55px;
  }
}
@media screen and (max-width: 575.98px) {
  .social-icons.icon-rounded.alt a {
    width: 40px;
    height: 40px;
  }
}
.social-icons.icon-rounded.alt a:hover {
  color: #ffffff;
  background: #e7b777;
}
.social-icons.icon-rounded.alt1 a {
  width: 55px;
  height: 55px;
  background: #f1f1f1;
  color: #363636;
}
@media screen and (max-width: 1599.98px) {
  .social-icons.icon-rounded.alt1 a {
    width: 45px;
    height: 45px;
  }
}
@media screen and (max-width: 575.98px) {
  .social-icons.icon-rounded.alt1 a {
    width: 40px;
    height: 40px;
  }
}
.social-icons.icon-rounded.alt1 a:hover {
  color: #ffffff;
  background: linear-gradient(180deg, #e0b560 0%, #785927 100%);
}
.social-icons.icon-square a {
  border-radius: 0px;
}
.social-icons.icon-rounded-corner a {
  border-radius: 6px;
}

.social-icons a.facebook {
  background: #0069ff;
}

.social-icons a.instagram {
  background: linear-gradient(-45deg, #405de6, #833ab4, #e1306c, #fd1d1d, #f77737, #fcaf45);
}

.social-icons a.tiktok {
  background: #000000;
}

.social-icons a.twitter {
  background: #02a4f8;
}

.social-icons a.x-twitter {
  background: #111111;
}

.social-icons a.linkedin {
  background: #0474b3;
}

.social-icons a.pinterest {
  background: #e10017;
}

.social-icons a.whatsapp {
  background: #12c933;
}

.social-icons a.telegram {
  background: #38abe0;
}

.social-icons a.youtube {
  background: #ff0000;
}

.social-icons a.gmail {
  background: #ea4335;
}

.social-icons a.link {
  background: #00538c;
}

.contact-list li {
  padding-left: 38px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  line-height: 1.75;
  color: #F9F9F9;
}
@media screen and (max-width: 1599.98px) {
  .contact-list li {
    padding-left: 30px;
  }
}
.contact-list li:last-child {
  margin-bottom: 0px !important;
}
.contact-list li i,
.contact-list li svg,
.contact-list li img {
  line-height: 1;
  transition: all 0.2s linear;
  color: #043850;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 22px;
  font-size: 13px;
}
@media screen and (max-width: 1599.98px) {
  .contact-list li i,
  .contact-list li svg,
  .contact-list li img {
    font-size: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .contact-list li i,
  .contact-list li svg,
  .contact-list li img {
    font-size: 8px;
  }
}
@media screen and (max-width: 1599.98px) {
  .contact-list li i,
  .contact-list li svg,
  .contact-list li img {
    max-width: 16px;
  }
}
@media screen and (max-width: 575.98px) {
  .contact-list li i,
  .contact-list li svg,
  .contact-list li img {
    width: 16px;
  }
}
.contact-list li strong {
  display: block;
  font-family: "Roboto", sans-serif;
}
.contact-list li a {
  color: #F9F9F9;
  text-decoration: none;
}
.contact-list li a:hover {
  color: #785927;
  text-decoration: underline;
}
.contact-list li:hover svg path {
  fill: #785927;
}
.contact-list.icon-rounded li {
  padding-left: 0px;
  display: flex;
  margin-bottom: 30px;
}
.contact-list.icon-rounded li:last-child {
  margin-bottom: 0px;
}
.contact-list.icon-rounded li i {
  width: 50px;
  height: 50px;
  min-width: 50px;
  margin-right: 28px;
  max-width: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #043850;
  color: #ffffff !important;
  line-height: 1;
  border-radius: 50%;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .contact-list.icon-rounded li i {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .contact-list.icon-rounded li i {
    font-size: 12px;
  }
}
.contact-list.icon-rounded li i {
  position: static;
  transform: none;
}
@media screen and (max-width: 1599.98px) {
  .contact-list.icon-rounded li i {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-right: 20px;
  }
}
.contact-list.icon-rounded li p {
  flex: 1 0 0;
  align-self: center;
}

/* .bottom-container{ border-top: 1px solid rgba(255, 255, 255, 0.30);} */
.ftbox h6 {
  margin-bottom: 30px;
  padding-bottom: 0px;
  line-height: 1;
  position: relative;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .ftbox h6 {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .ftbox h6 {
    font-size: 12px;
  }
}
.ftbox h6 {
  font-family: "Roboto", sans-serif;
}
.ftbox a {
  color: #c9c9c9;
  text-decoration: none;
  opacity: 1;
}
.ftbox a:hover {
  color: #785927;
  text-decoration: none;
  opacity: 1;
  /* no font-weight - hover must not reflow the label */
}
.ftbox li.selected a {
  color: #785927;
  text-decoration: none;
  opacity: 1;
  font-weight: 400;
}

.footer-logo {
  max-width: 73px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1599.98px) {
  .footer-logo {
    max-width: 60px;
  }
}

.ftbox1 {
  width: 315px;
}
@media screen and (max-width: 1599.98px) {
  .ftbox1 {
    width: 260px;
  }
}
@media screen and (max-width: 991.98px) {
  .ftbox1 {
    padding-bottom: 40px;
  }
}

.ftbox2 {
  width: 235px;
}
@media screen and (max-width: 1599.98px) {
  .ftbox2 {
    width: 200px;
  }
}

.bottom {
  line-height: 1.3;
  padding: 16px 0px;
}
@media screen and (max-width: 1599.98px) {
  .bottom {
    padding: 12px 0px;
  }
}
.bottom .bottom-nav {
  line-height: 1;
}
.bottom .bottom-nav li {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  display: flex;
}
.bottom .bottom-nav li:last-child {
  border-right: 0px;
}
.bottom .bottom-nav li a {
  color: #ffffff;
}
.bottom .bottom-nav li a:hover {
  color: #e7b777;
  text-decoration: underline;
}

.payment-method img {
  max-height: 30px;
}

.copyright {
  text-align: center;
}
.copyright strong {
  padding-right: 19px;
  color: #f6631a;
  font-weight: 700 !important;
  transition: all 0.2s;
}
.copyright strong:hover {
  color: #f6631a;
}

.bottom-newsletter-section {
  border-bottom: 1px solid #474747;
  padding-bottom: 70px;
  margin-bottom: 70px;
}
@media screen and (max-width: 1599.98px) {
  .bottom-newsletter-section {
    padding-bottom: 55px;
    margin-bottom: 55px;
  }
}
@media screen and (max-width: 575.98px) {
  .bottom-newsletter-section {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

.bottom-newsletter {
  margin: 0px auto 0px;
}

.newsletter-holder {
  position: relative;
  margin-bottom: 0px;
}

.bottom-newsletter .form-control {
  background-color: #ffffff;
  padding: 0px 30px;
  font-weight: 400 !important;
}
@media screen and (max-width: 1599.98px) {
  .bottom-newsletter .form-control {
    padding: 0px 20px;
  }
}
.bottom-newsletter .custom-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 0px 50px;
}
@media screen and (max-width: 1599.98px) {
  .bottom-newsletter .custom-button {
    padding: 0px 40px;
  }
}
@media screen and (max-width: 1399.98px) {
  .bottom-newsletter .custom-button {
    padding: 0px 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .bottom-newsletter .custom-button {
    padding: 0px 20px;
  }
}

.bottom-newsletter input::placeholder,
.bottom-newsletter input.form-control::-webkit-input-placeholder {
  opacity: 1 !important;
}

.newsletter-button {
  transition: all 0.2s linear;
  position: absolute !important;
  top: 5px;
  right: 5px; /*margin: 0px; border: 0px; padding:0px; display: flex; align-items: center; justify-content: center; line-height: 1; background-color: $primary; color:$white; border-radius: 5px; font-size: 20px;*/
}
@media screen and (max-width: 575.98px) {
  .newsletter-button {
    top: 0px;
    right: 0px;
  }
}
@media screen and (max-width: 479.98px) {
  .newsletter-button {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    position: static !important;
    margin-top: 10px;
  }
  .newsletter-button .custom-button {
    width: 100%;
  }
}

.newsletter-holder .mc4wp-form-fields {
  position: relative;
}

@media screen and (max-width: 1199.98px) {
  .nav-2col.xl li,
  .nav-3col.xl li {
    width: 100%;
  }
  .nav-2col.xl li:nth-last-child(2) {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 991.98px) {
  .nav-2col.lg li,
  .nav-3col.lg li {
    width: 100%;
  }
  .nav-2col.lg li:nth-last-child(2) {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .nav-2col.md li,
  .nav-3col.md li {
    width: 100%;
  }
}
@media screen and (max-width: 575.98px) {
  .nav-2col.sm li,
  .nav-3col.sm li {
    width: 100%;
  }
  .nav-2col.sm li:nth-last-child(2) {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 479.98px) {
  .nav-2col.ssm li,
  .nav-3col.ssm li {
    width: 100%;
  }
  .nav-2col.ssm li:nth-last-child(2) {
    padding-bottom: 10px;
  }
  .ftbox {
    width: 100% !important;
  }
}
/*
<a href="javascript:void(0); " class="bottom-whatsapp-icon" title="whatsapp" target="_blank"><i class="fa-brands fa-whatsapp"></i></a>
*/
.bottom-whatsapp-icon {
  position: fixed;
  bottom: 140px;
  right: 60px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #2BB741;
  color: #ffffff !important;
  padding: 0px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.07);
}
.bottom-whatsapp-icon i {
  font-size: 40px;
}
@media screen and (max-width: 1599.98px) {
  .bottom-whatsapp-icon i {
    font-size: 32px;
  }
}
@media screen and (max-width: 575.98px) {
  .bottom-whatsapp-icon i {
    font-size: 26px;
  }
}
@media screen and (max-width: 1599.98px) {
  .bottom-whatsapp-icon {
    right: 50px;
    height: 65px;
    width: 65px;
    bottom: 140px;
  }
}
@media screen and (max-width: 1399.98px) {
  .bottom-whatsapp-icon {
    right: 30px;
    height: 50px;
    width: 50px;
  }
  .bottom-whatsapp-icon i {
    font-size: 25px;
  }
}
@media screen and (max-width: 1399.98px) and (max-width: 1599.98px) {
  .bottom-whatsapp-icon i {
    font-size: 20px;
  }
}
@media screen and (max-width: 1399.98px) and (max-width: 575.98px) {
  .bottom-whatsapp-icon i {
    font-size: 16px;
  }
}
@media screen and (max-width: 575.98px) {
  .bottom-whatsapp-icon {
    right: 10px;
    width: 40px;
    height: 40px;
    bottom: 140px;
  }
  .bottom-whatsapp-icon i {
    font-size: 25px;
  }
}
@media screen and (max-width: 575.98px) and (max-width: 1599.98px) {
  .bottom-whatsapp-icon i {
    font-size: 20px;
  }
}
@media screen and (max-width: 575.98px) and (max-width: 575.98px) {
  .bottom-whatsapp-icon i {
    font-size: 16px;
  }
}
.bottom-whatsapp-icon:hover {
  color: #ffffff;
  background: #21c15e;
  text-decoration: none !important;
}
.bottom-whatsapp-icon.button-style {
  height: 40px;
  width: auto;
  border-radius: 40px;
  padding: 0px 32px;
  font-weight: 700;
}
@media screen and (max-width: 1599.98px) {
  .bottom-whatsapp-icon.button-style {
    height: 30px;
    padding: 0px 20px;
  }
}
.bottom-whatsapp-icon.button-style i {
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .bottom-whatsapp-icon.button-style i {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .bottom-whatsapp-icon.button-style i {
    font-size: 16px;
  }
}
.bottom-whatsapp-icon.button-style i {
  margin-right: 10px;
}
.bottom-whatsapp-icon.static {
  position: static;
}

.toTop {
  text-decoration: none;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -28px;
  right: 60px;
  width: 56px;
  height: 56px;
  z-index: 9;
  border-radius: 50%;
  opacity: 1;
  outline: none !important;
  color: #ffffff !important;
  background-color: #e7b777;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .toTop {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .toTop {
    font-size: 12px;
  }
}
@media screen and (max-width: 1599.98px) {
  .toTop {
    width: 50px;
    height: 50px;
    top: -25px;
    right: 50px;
  }
}
@media screen and (max-width: 1199.98px) {
  .toTop {
    right: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .toTop {
    width: 40px;
    height: 40px;
    top: -20px;
    right: 20px;
  }
}
.toTop:hover {
  opacity: 1;
  background-color: #043850;
}

.backtotop {
  position: absolute;
  display: flex;
  height: 80px;
  width: 55px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  right: 100px;
  top: -40px;
  background-color: #ffffff;
  color: #232323;
  z-index: 2;
}
@media screen and (max-width: 1599.98px) {
  .backtotop {
    height: 68px;
    width: 48px;
    right: 80px;
    top: -32px;
  }
}
@media screen and (max-width: 1599.98px) {
  .backtotop {
    right: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .backtotop {
    height: 50px;
    width: 38px;
    right: 20px;
    top: -25px;
  }
}
.backtotop:hover {
  background-color: #e7b777;
  color: #ffffff;
}

@media screen and (max-width: 767.98px) {
  .ftbox .inner {
    display: none;
    margin-bottom: 20px;
    padding-left: 30px;
  }
  .ftbox h6 {
    margin-bottom: 0px;
    position: relative;
    padding: 20px 30px;
    cursor: pointer;
  }
  .ftbox h6::before {
    font-family: "Font Awesome 7 Free";
    content: "\f054";
    font-weight: 900;
    position: absolute;
    left: 0px;
    color: #043850;
    transition: all 0.2s;
  }
  .ftbox h6.active::before {
    transform: rotate(90deg);
  }
  .ftbox.ftbox5, .ftbox.ftbox1 {
    border-bottom: 0px;
  }
  .ftbox1 h6 {
    padding: 0px 0px;
    cursor: default;
  }
  .ftbox1 h6::before {
    display: none;
  }
}
/*=========================================================
  V Medical footer - node 7472:7092 (1920 x 627)
  $primary ground, padding 100 260 50 (= .container-xl, 1400 content).
  Top row: three columns, gap 121, centred - 378 / flex / flex (= 378 / 390 / 390),
  then a 1px #2a617a rule 50 below, then the copyright row 50 below that.
  Column rhythm is Figma cap-to-cap, converted (L-02): DM Serif 24 / normal has a
  9.02 cap offset and 8.04 below-baseline; Roboto Light 18/1.5 6.86 / 7.34.
  The 100 white gap above the footer belongs to HomeSection11 (margin-bottom).
=========================================================*/
.footer-wrapper {
  position: relative;
  background: #043850;
  color: #ffffff;
  padding: 90.98px 0px 0px; /* 100 - 9.02 */
}
@media screen and (max-width: 1599.98px) {
  .footer-wrapper {
    padding-top: 72px;
  }
}
@media screen and (max-width: 575.98px) {
  .footer-wrapper {
    padding-top: 50px;
  }
}
.footer-wrapper p {
  margin: 0px;
  color: #ffffff;
}
.footer-wrapper a {
  color: #ffffff;
  text-decoration: underline;
  text-underline-position: from-font;
  transition: all 0.2s;
}
.footer-wrapper a:hover, .footer-wrapper a:focus-visible {
  color: #e7b777;
}
.footer-wrapper .footer-top {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 121px;
  padding-bottom: 50px;
  border-bottom: 1px solid #2a617a;
}
@media screen and (max-width: 1599.98px) {
  .footer-wrapper .footer-top {
    gap: 80px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .footer-wrapper .footer-top {
    flex-wrap: wrap;
    gap: 40px;
    /* stacked: every column on the same left edge */
    justify-content: flex-start;
  }
}
.footer-wrapper .ftbox h6 {
  margin: 0px;
  padding: 0px;
  color: #ffffff;
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  line-height: normal;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .footer-wrapper .ftbox h6 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .footer-wrapper .ftbox h6 {
    font-size: 16px;
  }
}
.footer-wrapper .ftbox1 {
  flex: 0 0 378px;
  width: 378px;
}
.footer-wrapper .ftbox1 h6 {
  margin-top: 14.94px; /* 32 - 8.04 - 9.02 */
}
.footer-wrapper .ftbox1 h6 + p {
  margin-top: 17.1px; /* 32 - 8.04 - 6.86 */
}
@media screen and (max-width: 991.98px) {
  .footer-wrapper .ftbox1 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 520px;
  }
}
.footer-wrapper .ftbox2,
.footer-wrapper .ftbox3 {
  flex: 1 1 0;
  min-width: 0px;
}
@media screen and (max-width: 991.98px) {
  .footer-wrapper .ftbox2,
  .footer-wrapper .ftbox3 {
    flex: 0 0 calc(50% - 20px);
  }
}
@media screen and (max-width: 575.98px) {
  .footer-wrapper .ftbox2,
  .footer-wrapper .ftbox3 {
    flex: 0 0 100%;
  }
}
.footer-wrapper {
  /* "BECOME who you always want to be" (7472:7095) is painted with an image fill
     clipped to the text - the exported fill is reused as the clip, not redrawn */
}
.footer-wrapper .footer-tagline {
  display: inline-block;
  font-family: "DM Serif Display", serif;
  line-height: normal;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .footer-wrapper .footer-tagline {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .footer-wrapper .footer-tagline {
    font-size: 16px;
  }
}
.footer-wrapper .footer-tagline {
  color: transparent;
  background: url("../../images/footer-tagline.jpg") no-repeat center/cover;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footer-wrapper .contact-list {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.footer-wrapper .contact-list li {
  display: block;
  margin: 17.1px 0px 0px; /* first: 32 - 8.04 - 6.86 */
  padding: 0px;
  color: #ffffff;
  font-weight: 300;
  line-height: 1.5;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .footer-wrapper .contact-list li {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .footer-wrapper .contact-list li {
    font-size: 12px;
  }
}
.footer-wrapper .contact-list li + li {
  margin-top: 17.8px; /* 32 - 7.34 - 6.86 */
}
.footer-wrapper .contact-list li::before {
  display: none;
}
.footer-wrapper {
  /* 7472:7109/7110 are underlined; the house .contact-list link rule removes it */
}
.footer-wrapper .ftbox2 .contact-list li a {
  text-decoration: underline;
  text-underline-position: from-font;
}
.footer-wrapper {
  /* Follow Us row 7472:7098: label + three 60 discs, gap 25 / 10. Instagram is
     drawn in $secondary = the hover state (L-83). Glyphs are Font Awesome Brands,
     which is what the design itself sets (Font Awesome 6 Brands 20). */
}
.footer-wrapper .footer-social {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 24.66px; /* 32 - 7.34 */
}
.footer-wrapper .footer-social h6 {
  margin: 0px;
}
.footer-wrapper .social-icons {
  display: flex;
  gap: 10px;
  margin: 0px;
  padding: 0px;
}
.footer-wrapper .social-icons li {
  margin: 0px;
  padding: 0px;
}
.footer-wrapper .social-icons li::before {
  display: none;
}
.footer-wrapper .social-icons li a {
  width: 60px;
  height: 60px;
  border-radius: 200px;
  background: #ffffff;
  color: #043850;
  text-decoration: none;
  font-size: 20px;
}
@media screen and (max-width: 1599.98px) {
  .footer-wrapper .social-icons li a {
    width: 50px;
    height: 50px;
    font-size: 18px;
  }
}
.footer-wrapper .social-icons li a:hover, .footer-wrapper .social-icons li a:focus-visible {
  background: #e7b777;
  color: #ffffff;
}
.footer-wrapper .bottom {
  padding: 43.14px 0px 42.66px; /* 50 - 6.86 / 50 - 7.34 */
}
@media screen and (max-width: 1599.98px) {
  .footer-wrapper .bottom {
    padding: 34px 0px 34px;
  }
}
.footer-wrapper .copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 30px;
  text-align: left;
  font-weight: 300;
  line-height: 1.5;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .footer-wrapper .copyright {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .footer-wrapper .copyright {
    font-size: 12px;
  }
}
@media screen and (max-width: 575.98px) {
  .footer-wrapper .copyright {
    justify-content: center;
    text-align: center;
  }
}
.footer-wrapper .legal-nav {
  display: flex;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.footer-wrapper .legal-nav li {
  margin: 0px;
  padding: 0px;
}
.footer-wrapper .legal-nav li::before {
  display: none;
}
.footer-wrapper .legal-nav li + li::before {
  /* "   |   " - the node's own spacing */
  display: inline;
  content: "|";
  position: static;
  white-space: pre;
  background: none;
  width: auto;
  height: auto;
  margin: 0px 13px;
}
.footer-wrapper .legal-nav a {
  text-decoration: none;
}

.ul-listing {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 15px;
  list-style: none;
}

/* .ul-listing .ul-listing { padding-top: 5px; } */
.ul-listing li {
  position: relative;
  padding-bottom: 5px;
  padding-left: 25px;
}

ul.listing-inline li {
  display: inline-block;
  margin-right: 20px;
}

.ul-listing li::before {
  content: "\f111";
  left: 8px;
  top: 12px;
  position: absolute;
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  font-size: 4px;
  line-height: 1;
}

.ul-listing.lg li {
  padding-bottom: 20px;
  padding-left: 30px;
}

.ul-listing.lg li::before {
  left: 5px;
  top: 12px;
  font-size: 8px;
}

.ul-listing.md li {
  padding-bottom: 15px;
  padding-left: 35px;
}

.ul-listing.md li::before {
  left: 5px;
  top: 10px;
  font-size: 7px;
}

.ul-listing.white li::before {
  color: #ffffff;
}

/* .ul-listing ul { list-style: none; padding: 15px 0px 15px; } */
/* .ul-listing ul li { padding-bottom: 10px; padding-left: 20px; } */
/* .ul-listing ul li::before { content: "\f068"; left: 0px; top: 4px; } */
.listing-style1 li {
  padding-left: 47px;
  padding-bottom: 10px;
  line-height: 1.6;
}

.listing-style1 li::before {
  left: 0px;
  top: 8px;
  content: "";
}

.listing-style2 li {
  padding-left: 35px;
  padding-bottom: 25px;
}

.listing-style2 li::before {
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  content: "\f00c";
  left: 0px;
  top: 8px;
  font-size: 8px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #e7b777;
  border-radius: 50%;
}

/*-OL Lists-*/
ol {
  counter-reset: section;
  list-style: none;
  margin: 0px 0px 15px;
  padding: 0px;
}

ol > li {
  display: block;
  position: relative;
  padding-bottom: 8px;
}

ol:last-child > li:last-child {
  padding-bottom: 0px;
}

ol > li:before {
  font-weight: 600;
  counter-increment: section;
  content: counters(section, ".") "." " ";
}

ol ol, ol ul, ol .ul-listing {
  padding-left: 0px;
}

ol .ul-listing ul {
  padding-left: 0px;
}

/* .custom-ol { padding-left: 20px; } */
.custom-ol > li {
  padding-left: 30px;
}

.custom-ol > li:before {
  position: absolute;
  left: 0px;
  top: 0px;
  font-weight: 400;
  width: 20px;
  text-align: right;
}

.lower-alpha, .upper-alpha, .lower-greek, .lower-latin, .lower-roman, .upper-roman {
  counter-reset: list;
}

.lower-alpha > li:before {
  counter-increment: list;
  content: counter(list, lower-alpha) "." " ";
}

.upper-alpha > li:before {
  counter-increment: list;
  content: counter(list, upper-alpha) "." " ";
}

.lower-greek > li:before {
  counter-increment: list;
  content: counter(list, lower-greek) "." " ";
}

.lower-roman > li:before {
  counter-increment: list;
  content: counter(list, lower-roman) "." " ";
}

.upper-roman > li:before {
  counter-increment: list;
  content: counter(list, upper-roman) "." " ";
}

/*----*/
.ul-listing:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.ul-listing:last-child > li:last-child, .ul-listing ul li:last-child {
  padding-bottom: 0px;
}

.ul-listing.color-white li::before {
  color: #ffffff;
}

.list-2col, .list-3col, .list-inline {
  display: flex;
  flex-wrap: wrap;
}

.list-2col li {
  width: 50%;
}

.list-3col li {
  width: 33.33%;
}

.list-inline li {
  padding-right: 20px;
}

.normal-list {
  list-style: none;
  margin: 0px 0px 30px;
  padding: 0px;
}

.normal-list li::before {
  display: none !important;
}

.normal-list:last-child {
  margin: 0px;
}

.normal-list > ul {
  list-style: none;
  margin: 0px;
  padding: 0px 0px 0px 25px;
}

.normal-list > li {
  padding-bottom: 0px;
}

.normal-list.g15 > li {
  padding-bottom: 15px;
}

.normal-list.g20 > li {
  padding-bottom: 20px;
}

.normal-list.g25 > li {
  padding-bottom: 25px;
}

.normal-list.g30 > li {
  padding-bottom: 30px;
}

.normal-list li > a {
  display: block;
  color: #e7b777;
}

.normal-list li > a span {
  text-decoration: underline;
}

.normal-list li > a:hover {
  color: #043850;
}

.pdf-listing {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.pdf-listing li {
  padding-bottom: 12px;
}

.pdf-listing li a {
  position: relative;
  display: block;
  padding-left: 25px;
}

.pdf-listing li a::before {
  content: "\f1c1";
  left: 0px;
  top: 0px;
  position: absolute;
  font-family: "Font Awesome 7 Free";
  font-weight: 400;
}

.custom-icon-list li {
  padding-left: 25px;
}

.custom-icon-list li::before {
  display: none !important;
}

.custom-icon-list li i, .custom-icon-list li img {
  position: absolute;
  left: 0px;
  top: 7px;
  max-width: 20px;
}

ol.text-center, ul.text-center {
  list-style-position: inside;
}

ol.text-center li, ul.text-center li {
  padding-left: 0px;
}

ol.custom-ol.text-center li::before, ul.ul-listing.text-center li::before {
  position: relative;
  display: inline-flex;
  margin-right: 8px;
}

ul.ul-listing.text-center li::before {
  top: -3px;
}

ul.ul-listing.listing-style1.text-center li::before {
  top: 0px;
}

ul.ul-listing.listing-style2.text-center li::before {
  top: 0px;
}

@media screen and (max-width: 1599.98px) {
  .ul-listing li {
    padding-left: 20px;
  }
  .ul-listing li::before {
    top: 10px;
    left: 5px;
    font-size: 4px;
  }
  .ul-listing.lg li::before {
    top: 7px;
  }
  .listing-style1 li {
    padding-left: 32px;
    padding-bottom: 10px;
  }
  .listing-style1 li::before {
    top: 6px;
    left: 0;
  }
  .listing-style2 li {
    padding-left: 35px;
  }
  .listing-style2 li::before {
    top: 4px;
    font-size: 8px;
    width: 20px;
    height: 20px;
  }
  .anchored-listing li a {
    padding-left: 18px;
  }
  .anchored-listing li a::before {
    top: 6px;
    font-size: 9px;
  }
  .custom-icon-list li {
    padding-left: 20px;
  }
  .custom-icon-list li i, .custom-icon-list li img {
    top: 6px;
    max-width: 16px;
  }
}
@media screen and (max-width: 991.98px) {
  .list-2col.md li {
    width: 100%;
  }
  .list-3col li {
    width: 50%;
  }
  .list-3col.md li {
    width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .list-2col li {
    width: 100%;
  }
  .list-3col.md li {
    width: 100%;
  }
}
@media screen and (max-width: 575.98px) {
  .ul-listing li {
    padding-left: 20px;
  }
  .ul-listing li::before {
    top: 10px;
  }
  .listing-style1 li {
    padding-left: 32px;
    padding-bottom: 15px;
  }
  .listing-style1 li::before {
    left: 0;
    top: 5px;
  }
  .listing-style2 li {
    padding-left: 25px;
    padding-bottom: 15px;
  }
  .listing-style2 li::before {
    top: 3px;
    width: 17px;
    height: 17px;
    font-size: 6px;
  }
  .custom-ol > li {
    padding-left: 25px;
  }
  .list-3col li {
    width: 100%;
  }
  .list-3col.sm li {
    width: 100%;
  }
  .custom-icon-list li {
    padding-left: 20px;
  }
  .custom-icon-list li i, .custom-icon-list li img {
    top: 5px;
    max-width: 14px;
  }
}
.pagination {
  flex-wrap: wrap;
  color: #363636;
  margin: 0px -3px;
  position: relative;
  font-weight: 400;
}
@media screen and (max-width: 575.98px) {
  .pagination {
    margin: 0px -1px;
  }
}
.pagination .page-item {
  padding: 0px 3px;
}
@media screen and (max-width: 575.98px) {
  .pagination .page-item {
    padding: 0px 1px;
  }
}
.pagination .page-item span {
  margin: 0px 0px;
  font-weight: 400 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.pagination .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #363636;
  background: transparent;
  position: relative;
  padding: 0px;
  padding-top: 0px;
  line-height: 1;
  box-shadow: none;
  font-weight: 400;
  width: 55px;
  height: 55px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .pagination .page-item .page-link {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .pagination .page-item .page-link {
    font-size: 10px;
  }
}
@media screen and (max-width: 1599.98px) {
  .pagination .page-item .page-link {
    width: 45px;
    height: 45px;
  }
}
@media screen and (max-width: 575.98px) {
  .pagination .page-item .page-link {
    width: 30px;
    height: 30px;
  }
}
.pagination .page-item .page-link.prev, .pagination .page-item .page-link.next {
  background: #785927;
}
.pagination .page-item .page-link.prev .arrow-icon, .pagination .page-item .page-link.next .arrow-icon {
  background-color: #ffffff;
}
@media screen and (max-width: 575.98px) {
  .pagination .page-item .page-link.prev .arrow-icon, .pagination .page-item .page-link.next .arrow-icon {
    width: 12px;
    height: 10px;
  }
}
.pagination .page-item .page-link.prev:hover, .pagination .page-item .page-link.next:hover {
  background: #FFE2DD !important;
  border-color: transparent;
  color: #363636 !important;
  opacity: 1;
}
.pagination .page-item .page-link.prev:hover .arrow-icon, .pagination .page-item .page-link.next:hover .arrow-icon {
  background-color: #363636;
}
.pagination .page-item .page-link.prev.prev, .pagination .page-item .page-link.next.prev {
  margin-right: 20px;
}
@media screen and (max-width: 1599.98px) {
  .pagination .page-item .page-link.prev.prev, .pagination .page-item .page-link.next.prev {
    margin-right: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  .pagination .page-item .page-link.prev.prev, .pagination .page-item .page-link.next.prev {
    margin-right: 5px;
  }
}
.pagination .page-item .page-link.prev.next, .pagination .page-item .page-link.next.next {
  margin-left: 20px;
}
@media screen and (max-width: 1599.98px) {
  .pagination .page-item .page-link.prev.next, .pagination .page-item .page-link.next.next {
    margin-left: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  .pagination .page-item .page-link.prev.next, .pagination .page-item .page-link.next.next {
    margin-left: 5px;
  }
}
.pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus {
  color: #363636;
  text-decoration: none;
  background: #FFE2DD;
  border-color: transparent;
  opacity: 1;
  /* no font-weight - hover must not reflow the label */
}
.pagination .page-item.active .page-link {
  color: #363636;
  text-decoration: none;
  background: #FFE2DD;
  border-color: transparent;
  opacity: 1;
  font-weight: 400;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: 10px;
}
@media screen and (max-width: 575.98px) {
  .page-item:first-child .page-link,
  .page-item:last-child .page-link {
    border-radius: 5px;
  }
}

.page-item:first-child .page-link.prev,
.page-item:last-child .page-link.next {
  border-radius: 50px !important;
}

/*--V Medical pagination 7457:2929: 87 long arrows 50 either side of 57 discs (10
    apart, 1px #d6d6d6, Roboto Light 18 #1a1a1a); current page = gold gradient disc,
    white Bold (drawn on "2" - a demonstrated state, so it marks the current page). --*/
.pagination-vma {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
.pagination-vma ul {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.pagination-vma ul li {
  margin: 0px;
  padding: 0px;
}
.pagination-vma ul li::before {
  display: none;
}
.pagination-vma ul a,
.pagination-vma .page-gap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 57px;
  height: 57px;
  border: 1px solid #d6d6d6;
  border-radius: 50%;
  background: #ffffff;
  color: #1a1a1a;
  font-weight: 300;
  line-height: 1;
  text-decoration: none !important;
  transition: all 0.2s;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .pagination-vma ul a,
  .pagination-vma .page-gap {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .pagination-vma ul a,
  .pagination-vma .page-gap {
    font-size: 12px;
  }
}
.pagination-vma ul a:hover,
.pagination-vma ul a:focus-visible,
.pagination-vma ul a.is-current {
  border-color: transparent;
  background: linear-gradient(180deg, #e0b560 0%, #785927 100%);
  color: #ffffff;
  font-weight: 700;
}
.pagination-vma .page-arrow {
  display: flex;
  align-items: center;
  width: 87px;
  height: 30px;
}
.pagination-vma .page-arrow .icon-arrow-long {
  width: 87px;
  height: 14.53px;
  background-color: #212322;
  transition: all 0.2s;
}
.pagination-vma .page-arrow.is-prev .icon-arrow-long {
  transform: scaleX(-1);
}
.pagination-vma .page-arrow:hover .icon-arrow-long, .pagination-vma .page-arrow:focus-visible .icon-arrow-long {
  background-color: #e7b777;
}
.pagination-vma .page-arrow.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}
@media screen and (max-width: 767.98px) {
  .pagination-vma {
    gap: 16px;
  }
  .pagination-vma ul {
    gap: 6px;
  }
  .pagination-vma ul a,
  .pagination-vma .page-gap {
    width: 40px;
    height: 40px;
  }
  .pagination-vma .page-arrow,
  .pagination-vma .page-arrow .icon-arrow-long {
    width: 36px;
  }
  .pagination-vma .page-arrow .icon-arrow-long {
    -webkit-mask-image: url("../../images/icon-arrow-short.svg");
    mask-image: url("../../images/icon-arrow-short.svg");
  }
}

.accordion {
  margin-bottom: 0px;
}
.accordion:last-child {
  margin-bottom: 0px;
}
.accordion .accordion-item {
  background: #fafafa;
  border: none;
  margin-bottom: 15px;
  border: 1px solid #e5e5e5;
  padding: 24px 38px;
  border-radius: 35px !important;
}
@media screen and (max-width: 1599.98px) {
  .accordion .accordion-item {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .accordion .accordion-item {
    padding: 15px 20px;
  }
}
.accordion .accordion-item.active {
  overflow: hidden;
}
.accordion .accordion-item:last-child {
  margin-bottom: 0px;
}
.accordion .accordion-item .accordion-header a {
  padding: 0px 25px 0px 0px;
  display: block;
  position: relative;
  cursor: pointer;
  background: transparent;
  border-radius: 0px;
  border: 1px solid transparent;
  border-width: 0px 0px 0px;
  z-index: 1;
  box-shadow: none;
}
.accordion .accordion-item .accordion-header a h3 {
  font-size: 20px;
}
@media screen and (max-width: 1599.98px) {
  .accordion .accordion-item .accordion-header a h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 575.98px) {
  .accordion .accordion-item .accordion-header a h3 {
    font-size: 13px;
  }
}
.accordion .accordion-item .accordion-header a h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #232323;
  line-height: 1.1;
}
.accordion .accordion-item .accordion-header a.collapsed {
  background: transparent;
  border-radius: 0px;
}
.accordion .accordion-item .accordion-header a.collapsed h3 {
  color: #232323;
  font-weight: 400;
}
.accordion .accordion-item .accordion-header a::before {
  position: absolute;
  transform: translateY(-50%) rotate(180deg);
  top: 50%;
  right: 0px;
  font-family: bootstrap-icons;
  border-radius: 0;
  content: "\f282";
  line-height: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px solid transparent;
  transition: all 0.2s linear;
  color: #7a0000;
  font-size: 20px;
}
@media screen and (max-width: 1599.98px) {
  .accordion .accordion-item .accordion-header a::before {
    font-size: 16px;
  }
}
@media screen and (max-width: 575.98px) {
  .accordion .accordion-item .accordion-header a::before {
    font-size: 13px;
  }
}
.accordion .accordion-item .accordion-header a.collapsed::before {
  color: #818181;
  transform: translateY(-50%) rotate(0deg);
}
.accordion .accordion-item .accordion-header a:hover {
  background: transparent;
}
.accordion .accordion-item .accordion-header a:hover h3 {
  color: #232323;
}
.accordion .accordion-item .accordion-header a:hover::before {
  color: #7a0000;
}
.accordion .accordion-item:last-child .accordion-header a {
  border-bottom-width: 0px;
}
.accordion .accordion-item:last-child .accordion-body {
  border-bottom-width: 0px;
}

.accordion-body {
  color: #363636;
}
.accordion-body .inner {
  border-top: 1px solid #dbdbdb;
  padding: 25px 50px 5px 0px;
  margin-top: 25px;
}
@media screen and (max-width: 1599.98px) {
  .accordion-body .inner {
    padding: 20px 40px 5px 0px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  .accordion-body .inner {
    padding: 20px 0px 5px 0px;
    margin-top: 20px;
  }
}

.accordion-body,
.tab-holder.TabsAccordion .accordion-body .accordion-body,
.tab-body {
  padding: 0px 0px 0px 0px;
  background: transparent;
  border-radius: 0px 0px;
  position: relative;
  border: 0px solid #e3e3e3;
  font-weight: 400;
}

.tab-holder {
  position: relative;
}
.tab-holder .tab-nav-holder {
  text-align: center;
  margin-bottom: 0px;
  position: relative;
}
.tab-holder .tab-nav-holder::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #bfbfbf;
  position: absolute;
  left: 50%;
  bottom: 0px;
  z-index: 0;
  transform: translateX(-50%);
  display: none;
}
.tab-holder .tab-nav-holder.nobefore {
  border-bottom: 1px solid #bfbfbf;
}
.tab-holder .tab-nav-holder.nobefore::before {
  display: none;
}
.tab-holder .tab-nav-holder .nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 0px 0px;
  margin: 0px auto;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -ms-overflow-style: none; /* IE/Edge legacy */
  scrollbar-width: none; /* Firefox */
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-x;
  justify-content: flex-start; /* default alignment */
  border: 0px;
}
@media screen and (max-width: 1599.98px) {
  .tab-holder .tab-nav-holder .nav-tabs {
    gap: 0px 0px;
  }
}
.tab-holder .tab-nav-holder .nav-tabs:active {
  cursor: grabbing;
}
.tab-holder .tab-nav-holder .nav-tabs::-webkit-scrollbar {
  display: none;
}
.tab-holder .tab-nav-holder .nav-tabs {
  /* Chrome/Safari */
  /* When no scroll is needed */
}
.tab-holder .tab-nav-holder .nav-tabs.centered {
  justify-content: center;
}
.tab-holder .tab-nav-holder .nav-tabs .nav-item {
  margin: 0px;
  list-style: none;
  flex: 0 0 auto; /* prevent shrinking */
  padding: 0px 0px 0px 0px;
  text-align: center;
  flex-grow: 1;
}
@media screen and (max-width: 1599.98px) {
  .tab-holder .tab-nav-holder .nav-tabs .nav-item {
    padding: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 575.98px) {
  .tab-holder .tab-nav-holder .nav-tabs .nav-item {
    padding: 0px 0px 0px 0px;
  }
}
.tab-holder .tab-nav-holder .nav-tabs .nav-item:first-child {
  border-radius: 8px 0px 0px 8px;
  overflow: hidden;
}
.tab-holder .tab-nav-holder .nav-tabs .nav-item:last-child {
  border-radius: 0px 8px 8px 0px;
  overflow: hidden;
}
.tab-holder .tab-nav-holder .nav-tabs .nav-item .nav-link {
  margin: 0px;
  text-align: center;
  border: 0px;
  padding: 15px 10px;
  color: #232323;
  position: relative;
  font-weight: 400;
  border: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  border-radius: 0px;
  line-height: 1.2;
  line-height: normal;
  letter-spacing: 0px;
  font-family: "Roboto", sans-serif;
  transition: all 0.2s;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .tab-holder .tab-nav-holder .nav-tabs .nav-item .nav-link {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .tab-holder .tab-nav-holder .nav-tabs .nav-item .nav-link {
    font-size: 10px;
  }
}
@media screen and (max-width: 1599.98px) {
  .tab-holder .tab-nav-holder .nav-tabs .nav-item .nav-link {
    padding: 12px 10px;
  }
}
.tab-holder .tab-nav-holder .nav-tabs .nav-item .nav-link:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  width: 1px;
  background-color: #ffffff;
  opacity: 0.5;
  right: 0px;
  display: none;
}
.tab-holder .tab-nav-holder .nav-tabs .nav-item .nav-link:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  height: 2px;
  background-color: #ffffff;
  width: 0px;
  transition: all 0.3s ease-in-out;
  display: none;
}
.tab-holder .tab-nav-holder .nav-tabs .nav-item .nav-link:hover, .tab-holder .tab-nav-holder .nav-tabs .nav-item .nav-link.active {
  background-color: #043850;
  color: #ffffff;
  opacity: 1;
}
.tab-holder .tab-nav-holder .nav-tabs .nav-item .nav-link:hover:after, .tab-holder .tab-nav-holder .nav-tabs .nav-item .nav-link.active:after {
  width: 100%;
  left: 0;
}
.tab-holder .tab-nav-holder .nav-tabs .nav-item .nav-link.active {
  font-weight: 700;
}
.tab-holder .tab-nav-holder .nav-tabs .nav-item:last-child .nav-link::before {
  display: none;
}
.tab-holder .tab-nav-holder.tab-style-buttons::before {
  display: none;
}
.tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs {
  padding: 5px;
  border: 0px solid #d5d5d5;
  background-color: #ffffff;
  border-radius: 10px;
  width: auto;
}
.tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs .nav-item {
  padding: 0px 0px;
}
.tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs .nav-item .nav-link {
  padding: 0px 40px;
  color: #232323;
  border: 0px solid #e2e2e2;
  font-weight: 400;
  border-radius: 8px;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs .nav-item .nav-link {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs .nav-item .nav-link {
    font-size: 10px;
  }
}
.tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs .nav-item .nav-link {
  font-family: "DM Serif Display", serif;
  height: 50px;
  min-width: 230px;
}
@media screen and (max-width: 1599.98px) {
  .tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs .nav-item .nav-link {
    min-width: 190px;
    height: 40px;
    padding: 0px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs .nav-item .nav-link {
    height: 40px;
    padding: 0px 20px;
    min-width: auto;
  }
}
.tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs .nav-item .nav-link::before {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: #e7b777;
  transition: all 0.3s ease;
  border-radius: 10px;
  display: none;
}
.tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs .nav-item .nav-link:after {
  display: none;
}
.tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs .nav-item .nav-link:hover, .tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs .nav-item .nav-link.active {
  background: #043850;
  color: #ffffff;
  border-color: transparent;
  opacity: 1;
  /* font-weight moved to .active alone - hover must not
     reflow the label */
}
.tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs .nav-item .nav-link:hover::before, .tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs .nav-item .nav-link.active::before {
  left: 0;
  width: 100%;
}
.tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs .nav-item .nav-link.active {
  font-weight: 500;
}
.tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs.alt {
  background-color: #fafafa;
}
.tab-holder .tab-nav-holder.tab-style-buttons .nav-tabs.alt1 {
  background-color: #effaff;
}
.tab-holder .tab-nav-holder {
  /*--sidebar tabs--*/
}
@media screen and (min-width: 992px) {
  .tab-holder .tab-nav-holder.sidebar-tabs .nav-tabs {
    display: block;
    overflow-x: visible;
    overflow-y: visible;
  }
  .tab-holder .tab-nav-holder.sidebar-tabs .nav-tabs .nav-item {
    margin-bottom: 10px;
    overflow: visible !important;
  }
  .tab-holder .tab-nav-holder.sidebar-tabs .nav-tabs .nav-item:last-child {
    margin-bottom: 0px;
  }
  .tab-holder .tab-nav-holder.sidebar-tabs .nav-tabs .nav-item .nav-link {
    border-radius: 8px;
    padding: 16px 20px;
    text-align: left;
    justify-content: flex-start;
    font-weight: 400 !important;
    box-shadow: 0 2px 10px 0 rgba(207, 207, 207, 0.25);
  }
  .tab-holder .tab-nav-holder.sidebar-tabs .nav-tabs .nav-item .nav-link:hover, .tab-holder .tab-nav-holder.sidebar-tabs .nav-tabs .nav-item .nav-link.active {
    background: #e7b777;
  }
}
.tab-holder .tab-body {
  padding: 0px;
  background: transparent;
  border-radius: 0px;
  border: 0;
}

.tabs-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.tabs-wrapper .tab-scroll-arrow {
  position: absolute;
  margin: 0px;
  padding: 0px;
  border: 0px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  background: transparent;
  color: #232323;
  border: none;
  cursor: pointer;
  height: 100%;
  align-items: center;
  line-height: 1;
  display: none; /* hidden by default */
  font-size: 14px;
}
@media screen and (max-width: 1599.98px) {
  .tabs-wrapper .tab-scroll-arrow {
    font-size: 11px;
  }
}
@media screen and (max-width: 575.98px) {
  .tabs-wrapper .tab-scroll-arrow {
    font-size: 9px;
  }
}
.tabs-wrapper .tab-scroll-arrow:hover {
  color: #043850 !important;
}
.tabs-wrapper .tab-scroll-arrow.arleft {
  left: -20px;
  justify-content: flex-start;
}
.tabs-wrapper .tab-scroll-arrow.arright {
  right: -20px;
  justify-content: flex-end;
}

.tab-holder.arrows-white .tabs-wrapper .tab-scroll-arrow {
  color: #ffffff;
}

/*=========================================================
  RSVP - make the house tab scroller real, and give its arrows a glyph.

  The house already wires a scroller and a pair of arrows to every .nav-tabs
  and shows them from updateUI() the moment the list overflows its own box.
  On this build nothing ever did. .tabs-wrapper carries no width of its own, so
  as a flex item it took the list's max-content and the list grew with it - the
  TRAY overflowed the container while the list always fitted itself, so
  scrollWidth never exceeded clientWidth and the arrows stayed hidden. The team
  tray failed the other way: its items were flex 1 1 0 with min-width 0, so they
  squashed and the nowrap labels overran their own pills instead of scrolling.

  Capping the wrapper at the container and letting the items keep their content
  width turns every tray on the site into a real scroller; the house does the
  rest. And the arrows the house draws are Font Awesome <i>s - this project
  ships no Font Awesome, so they were painting nothing even when shown. They get
  the project's own masked chevron here (D-004) and sit INSIDE the tray's ends
  over a fade of the tray colour, rather than the house's -20 outside, which at
  393 would put them in the page gutter. D-148.
=========================================================*/
.tab-holder .tab-nav-holder .tabs-wrapper {
  /* max-width only, never width: above sm the trays are centred pills at
     their own content width and must stay that way. Each mobile block
     takes the wrapper to 100% for itself, because every 393 frame draws
     the tray at the container's full 353. */
  max-width: 100%;
  justify-content: center;
}
.tab-holder .tab-nav-holder .nav-tabs {
  max-width: 100%;
}

.tabs-wrapper .tab-scroll-arrow {
  width: 34px;
  height: 100%;
  top: 0px;
  transform: none;
}
.tabs-wrapper .tab-scroll-arrow i {
  display: none;
}
.tabs-wrapper .tab-scroll-arrow::after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  flex: 0 0 auto;
  background-color: #043850;
  -webkit-mask: url("../../images/icon-chevron-down.svg") no-repeat center;
  mask: url("../../images/icon-chevron-down.svg") no-repeat center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.tabs-wrapper .tab-scroll-arrow.arleft {
  left: 0px;
  justify-content: flex-start;
  padding-left: 6px;
  border-radius: 5px 0px 0px 5px;
  background: linear-gradient(90deg, #f7f7f7 60%, rgba(247, 247, 247, 0) 100%);
}
.tabs-wrapper .tab-scroll-arrow.arleft::after {
  transform: rotate(90deg);
}
.tabs-wrapper .tab-scroll-arrow.arright {
  right: 0px;
  justify-content: flex-end;
  padding-right: 6px;
  border-radius: 0px 5px 5px 0px;
  background: linear-gradient(270deg, #f7f7f7 60%, rgba(247, 247, 247, 0) 100%);
}
.tabs-wrapper .tab-scroll-arrow.arright::after {
  transform: rotate(-90deg);
}

@media screen and (min-width: 768px) {
  .tab-holder.TabsAccordion .collapse {
    display: block;
  }
  .tab-holder.TabsAccordion .accordion-header {
    display: none;
  }
  .accordion.accordion-tabs .accordion-header {
    display: block;
  }
  .accordion.accordion-tabs .collapse {
    display: none;
  }
  .accordion.accordion-tabs .collapse.show {
    display: block;
  }
  .tab-holder.TabsAccordion .accordion-body {
    padding: 0px;
    box-shadow: none;
    border-radius: 0px;
    background-color: transparent;
    border-radius: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .tab-holder.TabsAccordion .tab-content > .tab-pane {
    display: block !important;
    opacity: 1;
    margin-bottom: 20px;
  }
  .tab-holder.TabsAccordion .tab-content > .tab-pane:last-child {
    margin-bottom: 0px;
  }
  .tab-holder.TabsAccordion .tab-nav-holder {
    display: none;
  }
}
/*=========================================================
  V Medical FAQ accordion 7457:3612 (715 wide). Items: #d5d5d5 rule above (and
  below the last), padding 40; question DM Serif 24 / 30 #232323 capitalised, 40
  clear of a 30 icon - plus (#212322 2px strokes) when closed, gold 30 x 2 minus when
  open; answer Roboto Light 18 / 1.5, 40 below the question. The question line box is
  cap-trimmed (-7.572 / -6.588) so a one-line row is the 30 icon tall and a
  two-line row is the drawn 45.84 (L-02). Uses the house collapse + .active JS.
=========================================================*/
.accordion.faq-vma .accordion-item {
  margin: 0px;
  padding: 40px 0px;
  border: 0px;
  border-top: 1px solid #d5d5d5;
  border-radius: 0px !important;
  background: transparent;
}
.accordion.faq-vma .accordion-item:last-child {
  border-bottom: 1px solid #d5d5d5;
}
.accordion.faq-vma .accordion-item .accordion-header a {
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 0px 70px 0px 0px;
}
.accordion.faq-vma .accordion-item .accordion-header a h3, .accordion.faq-vma .accordion-item .accordion-header a.collapsed h3 {
  margin: -7.572px 0px 0px;
  padding: 0px;
  color: #232323;
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  line-height: 30px;
  text-transform: capitalize;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .accordion.faq-vma .accordion-item .accordion-header a h3, .accordion.faq-vma .accordion-item .accordion-header a.collapsed h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .accordion.faq-vma .accordion-item .accordion-header a h3, .accordion.faq-vma .accordion-item .accordion-header a.collapsed h3 {
    font-size: 16px;
  }
}
.accordion.faq-vma .accordion-item .accordion-header a {
  /* bottom cap-trim: the house h3:last-child rule forces margin-bottom 0
     !important, so the -6.588 rides on a block ::after (the h3 is a flex
     item, so its height ends at that margin edge) */
}
.accordion.faq-vma .accordion-item .accordion-header a h3::after {
  content: "";
  display: block;
  margin-bottom: -6.588px;
}
.accordion.faq-vma .accordion-item .accordion-header a::before, .accordion.faq-vma .accordion-item .accordion-header a.collapsed::before {
  content: "";
  top: 50%;
  right: 0px;
  width: 30px;
  height: 30px;
  font-family: inherit;
  transform: translateY(-50%);
  background: url("../../images/icon-faq-minus.svg") no-repeat center/30px 2px;
}
.accordion.faq-vma .accordion-item .accordion-header a.collapsed::before {
  background: url("../../images/icon-faq-plus.svg") no-repeat center/30px 30px;
}
.accordion.faq-vma .accordion-item .accordion-header a:hover h3, .accordion.faq-vma .accordion-item .accordion-header a:focus-visible h3 {
  color: #043850;
}
.accordion.faq-vma {
  /* QC D-057: answers are Roboto Light #212322 (house .accordion-body forces 400) */
}
.accordion.faq-vma .accordion-body {
  color: #212322;
  font-weight: 300;
}
.accordion.faq-vma .accordion-body p {
  margin: 33.14px 0px 0px;
  color: #212322;
  font-weight: 300;
  /* p:last-child margin-bottom is forced to 0 by the house - trim via ::after */
}
.accordion.faq-vma .accordion-body p::after {
  content: "";
  display: block;
  margin-bottom: -7.34px;
}
@media screen and (max-width: 1599.98px) {
  .accordion.faq-vma .accordion-item {
    padding: 30px 0px;
  }
  .accordion.faq-vma .accordion-body p {
    margin-top: 24px;
  }
}
@media screen and (max-width: 575.98px) {
  .accordion.faq-vma .accordion-item {
    padding: 24px 0px;
  }
  .accordion.faq-vma .accordion-item .accordion-header a {
    padding-right: 44px;
  }
  .accordion.faq-vma .accordion-item .accordion-header a::before, .accordion.faq-vma .accordion-item .accordion-header a.collapsed::before {
    width: 22px;
    height: 22px;
    background-size: 22px 2px;
  }
  .accordion.faq-vma .accordion-item .accordion-header a.collapsed::before {
    background-size: 22px 22px;
  }
  .accordion.faq-vma .accordion-item .accordion-header a h3, .accordion.faq-vma .accordion-item .accordion-header a.collapsed h3 {
    line-height: 1.3;
    margin: 0px;
  }
  .accordion.faq-vma .accordion-item .accordion-header a h3::after, .accordion.faq-vma .accordion-item .accordion-header a.collapsed h3::after {
    margin-bottom: 0px;
  }
}

.table-holder .table > :not(:first-child) {
  border-top: 0px;
}

.table-holder {
  width: 100%;
}
.table-holder.scroll-table {
  overflow-x: auto;
  margin-bottom: 0px;
}
.table-holder.scroll-table .table {
  min-width: 1536px;
}
.table-holder .table {
  margin: 0px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: #232323;
  line-height: 1.3;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .table-holder .table {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .table-holder .table {
    font-size: 12px;
  }
}
.table-holder .table th {
  background: #11bce6;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .table-holder .table th {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .table-holder .table th {
    font-size: 12px;
  }
}
.table-holder .table th {
  border-left: 1px solid rgba(255, 255, 255, 0.35);
  text-align: center;
  vertical-align: middle !important;
  padding: 10px;
  font-family: "DM Serif Display", serif;
}
.table-holder .table th:first-child {
  border-left: 0px;
}
@media screen and (max-width: 1599.98px) {
  .table-holder .table th {
    padding: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .table-holder .table th {
    padding: 10px;
  }
}
.table-holder .table th:first-child {
  border-top-left-radius: 0px;
  overflow: hidden;
}
.table-holder .table th:last-child {
  border-top-right-radius: 0px;
  overflow: hidden;
}
.table-holder .table tr {
  border-bottom: 0px solid #ffffff;
}
.table-holder .table tr:nth-child(odd) td {
  background-color: #ffffff;
}
.table-holder .table tr:nth-child(even) td {
  background-color: #ffffff;
}
.table-holder .table tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
  overflow: hidden;
}
.table-holder .table tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
  overflow: hidden;
}
.table-holder .table td {
  text-align: center;
  vertical-align: middle !important;
  padding: 10px;
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
.table-holder .table td:last-child {
  border-right: 1px solid #e4e4e4;
}
.table-holder .table td ul {
  text-align: left;
}
@media screen and (max-width: 991.98px) {
  .table-holder .table.responsive-table thead {
    display: none;
  }
  .table-holder .table.responsive-table tr td {
    display: block;
    text-align: right !important;
    border: 1px solid #e5e5e5;
    border-width: 1px 0px 0px 0px;
    border-radius: 0px;
    position: relative;
  }
  .table-holder .table.responsive-table tr td[data-title] {
    padding-left: 100px;
  }
  .table-holder .table.responsive-table tr td[data-title]::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    color: #232323;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
  }
}
@media screen and (max-width: 991.98px) and (max-width: 1599.98px) {
  .table-holder .table.responsive-table tr td[data-title]::before {
    font-size: 13px;
  }
}
@media screen and (max-width: 991.98px) and (max-width: 575.98px) {
  .table-holder .table.responsive-table tr td[data-title]::before {
    font-size: 10px;
  }
}
@media screen and (max-width: 991.98px) {
  .table-holder .table.responsive-table tr:first-child td:first-child {
    border-top: 0px;
  }
  .table-holder .table.responsive-table tr:last-child td:first-child {
    border-radius: 0px;
  }
}

.table-sticky-col {
  left: 0px;
  position: sticky;
  z-index: 9999;
  top: 0px;
}

/*=========================================================
  V Medical data table - details pages 7457:3447 / 7457:3494.
  Rounded card (10) with the 0 0 20 #0000001c shadow. Head bar: Roboto 400 24 / 1.36
  white on #01314b (gold variant: #212322 on $secondary), padding 32 60, three equal
  columns 100 apart. Body: white, padding 60, rows of Roboto Light 18 / 1.5 with a
  #d5d5d5 top rule, 25 above and below the cap box (CSS 18.14 / 17.66), columns 103
  apart; first column + label row Bold. Div grid with ARIA table roles because a
  <table> cannot hold the drawn column gaps. Footnote Roboto Light 16 / 1.5, 40
  below the last row. Below 768 the card scrolls sideways (INFERRED).
=========================================================*/
.td-table {
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
  overflow: hidden;
}
.td-table .td-table-head,
.td-table .td-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
}
.td-table .td-table-head {
  -moz-column-gap: 100px;
       column-gap: 100px;
  padding: 24.536px 60px 23.888px;
  background: #01314b;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.36;
  text-transform: capitalize;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .td-table .td-table-head {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-table .td-table-head {
    font-size: 16px;
  }
}
.td-table .td-table-body {
  padding: 53.14px 60px 60px;
}
.td-table .td-row {
  align-items: center;
  -moz-column-gap: 103px;
       column-gap: 103px;
  padding: 18.14px 0px 17.66px;
  border-top: 1px solid #d5d5d5;
  color: #232323;
  line-height: 1.5;
}
.td-table .td-row > span {
  min-width: 0px;
}
.td-table .td-row [role=rowheader] {
  font-weight: 700;
}
.td-table .td-row:first-child {
  padding-top: 0px;
  border-top: 0px;
}
.td-table .td-row.is-label {
  font-weight: 700;
}
.td-table .td-table-note {
  margin: 33.903px 0px 0px;
  color: #232323;
  line-height: 1.5;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .td-table .td-table-note {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-table .td-table-note {
    font-size: 10px;
  }
}
.td-table.td-table-gold .td-table-head {
  background: #e7b777;
  color: #212322;
}
.td-table.td-table-gold .td-table-body {
  padding-bottom: 53.473px;
}
@media screen and (max-width: 1199.98px) {
  .td-table .td-table-head {
    -moz-column-gap: 40px;
         column-gap: 40px;
    padding: 22px 40px;
  }
  .td-table .td-table-body {
    padding: 40px 40px 44px;
  }
  .td-table .td-row {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .td-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .td-table .td-table-head,
  .td-table .td-table-body {
    min-width: 640px;
  }
  .td-table .td-table-head {
    padding: 18px 24px;
  }
  .td-table .td-table-body {
    padding: 30px 24px 32px;
  }
  .td-table .td-row {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}

.slick-list.draggable {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

/* Slick Slider */
.slider-slide {
  display: block !important;
}

.slick-slide img {
  display: inline-block;
  vertical-align: top;
}

.slick-arrow {
  position: absolute;
  border: none;
  background: none;
  top: 50%;
  transform: translate(0%, -50%);
  padding: 0px;
  z-index: 5;
  opacity: 0.5;
  transition: all 0.2s linear;
  text-align: center;
}

.slick-arrow:hover {
  opacity: 1 !important;
}

.slick-prev {
  left: 0px;
}

.slick-next {
  right: 0px;
}

.no-arrow .slick-arrow {
  display: none !important;
}

/* Slick dots */
.slick-dots {
  position: absolute;
  left: 0px;
  display: block;
  width: 100%;
  bottom: -50px;
  margin: 0;
  padding: 0px;
  list-style: none;
  text-align: center;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 1599.98px) {
  .slick-dots {
    bottom: -45px;
  }
}

.slick-slider.slick-dotted {
  margin-bottom: 50px;
}
@media screen and (max-width: 1599.98px) {
  .slick-slider.slick-dotted {
    margin-bottom: 45px;
  }
}

.dots-inside,
.no-dots {
  margin-bottom: 0px !important;
}

.dots-inside .slick-dots {
  bottom: 30px;
}
@media screen and (max-width: 575.98px) {
  .dots-inside .slick-dots {
    bottom: 20px;
  }
}

.no-dots .slick-dots {
  display: none !important;
}

.slick-dots li {
  position: relative;
  display: block;
  margin: 0px 5px;
  padding: 0;
  cursor: pointer;
  line-height: 1;
}

.slick-dots li:first-child {
  margin-left: 0px;
}

.slick-dots li:last-child {
  margin-right: 0px;
}

.slick-dots li:only-child {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  cursor: pointer;
  border: 0;
  outline: none;
  background: transparent;
  position: relative;
  padding: 0px;
  transition: all 0.2s linear;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:before,
.slick-dots li button:after {
  position: absolute;
  content: "";
  text-align: center;
  transition: all 0.2s linear;
  border-radius: 0%;
  background: none;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slick-dots li button:before {
  opacity: 1;
  background: #dedede;
  border: 1px solid transparent;
}

.slick-dots li button:after {
  opacity: 0;
  background: transparent;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots li.slick-active button::before {
  opacity: 1 !important;
  background-color: #043850;
  border-color: transparent;
}

.slick-dots li button:hover:after,
.slick-dots li button:focus:after,
.slick-dots li.slick-active button::after {
  opacity: 0;
}

.slick-dots li button,
.slick-dots li button:before,
.slick-dots li button:after {
  width: 15px;
  height: 15px;
  border-radius: 20px;
}
@media screen and (max-width: 575.98px) {
  .slick-dots li button,
  .slick-dots li button:before,
  .slick-dots li button:after {
    width: 10px;
    height: 10px;
  }
}

.dots-white li button:before {
  opacity: 1;
  background: #ffffff !important;
}

.dots-white li button:hover:before,
.dots-white li button:focus:before,
.dots-white li.slick-active button::before {
  opacity: 1 !important;
  background-color: #ffffff;
  border-color: transparent;
}

.custom-dots .slick-dots {
  position: static;
}

.custom-dots.dots-left .slick-dots {
  justify-content: flex-start;
}

.custom-dots.dots-right .slick-dots {
  justify-content: flex-end;
}

.dots-style1 .slick-dots li.slick-active button::before,
.dots-style1 .slick-dots li.slick-active button {
  width: 34px;
}

.dots-style2 .slick-dots li {
  margin: 0px 3px;
}

.dots-style2 .slick-dots li button,
.dots-style2 .slick-dots li button:before {
  width: 36px;
  height: 36px;
  border-radius: 30px;
}
@media screen and (max-width: 575.98px) {
  .dots-style2 .slick-dots li button,
  .dots-style2 .slick-dots li button:before {
    width: 15px;
    height: 15px;
  }
}

.dots-style2 .slick-dots li button:before {
  background: transparent;
  border: 1px solid #785927;
  opacity: 0;
}

.dots-style2 .slick-dots li button:after {
  width: 12px;
  height: 12px;
  border-radius: 20px;
  background-color: #e1e1e1;
  opacity: 1;
}
@media screen and (max-width: 575.98px) {
  .dots-style2 .slick-dots li button:after {
    width: 7px;
    height: 7px;
  }
}

.dots-style2 .slick-dots li.slick-active button::before {
  opacity: 1;
}

.dots-style2 .slick-dots li.slick-active button::after,
.dots-style2 .slick-dots li button:hover::after {
  opacity: 1;
  background-color: #785927;
}

.dots-style3 .slick-dots li button::before {
  border: 1px solid rgba(35, 35, 35, 0.5);
  background-color: transparent;
  width: 8px;
  height: 8px;
}

.dots-style3 .slick-dots li button:hover:before,
.dots-style3 .slick-dots li button:focus:before,
.dots-style3 .slick-dots li.slick-active button::before {
  opacity: 1 !important;
  background-color: #e7b777;
  border-color: transparent !important;
}

/*.dotstyle-number*/
.dotstyle-number .slick-dots li {
  margin: 0px 2px;
}

.dotstyle-number .slick-dots li button {
  width: 22px;
  height: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0%;
  transition: 0.4s all;
}

.dotstyle-number .slick-dots li button span {
  font-size: 20px;
}
@media screen and (max-width: 1599.98px) {
  .dotstyle-number .slick-dots li button span {
    font-size: 16px;
  }
}
@media screen and (max-width: 575.98px) {
  .dotstyle-number .slick-dots li button span {
    font-size: 13px;
  }
}
.dotstyle-number .slick-dots li button span {
  color: #043850;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.2s linear;
}

.dotstyle-number .slick-dots li button::before {
  display: none;
}

.dotstyle-number .slick-dots li button::after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #999999;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s linear;
}
@media screen and (max-width: 1599.98px) {
  .dotstyle-number .slick-dots li button::after {
    width: 8px;
    height: 8px;
  }
}

.dotstyle-number .slick-dots li.slick-active {
  margin: 0px 15px;
}

.dotstyle-number .slick-dots li.slick-active button,
.dotstyle-number .slick-dots li:hover button {
  border-color: #043850;
}

.dotstyle-number .slick-dots li.slick-active button::after,
.dotstyle-number .slick-dots li:hover button::after {
  opacity: 0;
}

.dotstyle-number .slick-dots li.slick-active button span,
.dotstyle-number .slick-dots li:hover button span {
  opacity: 1;
}

/*.dotstyle-number END*/
/*--Slick Arrow--*/
.slider-overflow-visible .slick-list {
  overflow: visible;
}

.slick-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  text-align: center;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.2s linear;
  color: #232323;
  background-color: #785927;
  border: 1px solid transparent;
  line-height: 1;
  overflow: hidden;
  width: 46px;
  height: 46px;
  opacity: 1;
  box-shadow: none;
  font-weight: 400;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .slick-arrow {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .slick-arrow {
    font-size: 12px;
  }
}
@media screen and (max-width: 1599.98px) {
  .slick-arrow {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .slick-arrow {
    width: 35px;
    height: 35px;
  }
}
.slick-arrow:hover {
  opacity: 1;
  color: #ffffff;
  background: #043850;
  border-color: transparent !important;
}
.slick-arrow:hover .arrow-icon {
  background-color: #ffffff;
}

.slick-arrow img {
  transition: all 0.2s linear;
  width: 100%;
}

/* .slick-arrow::before{ width: 64px; height: 64px; content: ""; border: 2px solid #4d4d4d; position: absolute; border-radius: 50%; top: 0px; opacity: 0;transition: all 0.2s linear;} */
/* .slick-prev{} */
/* .slick-next{} */
.slick-prev::before {
  left: 0px;
}

.slick-next::before {
  right: 0px;
}

.arrows-plain .slick-arrow {
  width: auto !important;
  height: auto !important;
  border: 0px !important;
  border-radius: 0px !important;
  opacity: 1;
  background: none !important;
  box-shadow: none !important;
  color: #232323;
  font-size: 40px;
}
@media screen and (max-width: 1599.98px) {
  .arrows-plain .slick-arrow {
    font-size: 32px;
  }
}
@media screen and (max-width: 575.98px) {
  .arrows-plain .slick-arrow {
    font-size: 26px;
  }
}

.arrows-plain .slick-arrow img {
  width: 43px;
}

.arrows-white .slick-arrow {
  color: #ffffff;
}
.arrows-white .slick-arrow:hover {
  color: #043850;
}

.slick-arrow:hover::before {
  opacity: 1;
}

.arrows-plain .slick-arrow:hover {
  background: none;
  color: #043850 !important;
  opacity: 1;
}

.custom-arrows {
  display: flex;
  align-items: center;
}
.custom-arrows .slick-arrow {
  position: relative;
  transform: none;
}
.custom-arrows .slick-arrow:first-child {
  margin-right: 20px;
}
@media screen and (max-width: 1599.98px) {
  .custom-arrows .slick-arrow:first-child {
    margin-right: 15px;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-arrows .slick-arrow:first-child {
    margin-right: 10px;
  }
}

.slider-filter-holder {
  margin-bottom: 50px;
}

.slider-filter-holder ul {
  list-style: none;
  margin: 0px auto;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 70%;
  border-bottom: 1px solid #043850;
}

.slider-filter-holder ul li {
  flex-basis: 100%;
}

.slider-filter-holder ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}

.slider-filter-holder ul li a::before {
  content: "";
  position: absolute;
  width: 0%;
  left: 50%;
  bottom: -1px;
  height: 2px;
  border-radius: 5px;
  background: #043850;
  transition: all 0.2s linear;
}

.slider-filter-holder ul li a:hover::before,
.slider-filter-holder ul li a.active::before {
  left: 0;
  width: 100%;
}

.slider-filter-holder ul li a.active {
  font-weight: 600;
}

/*----*/
.arrows-outside .slick-arrow.slick-prev {
  left: -80px;
}
@media screen and (max-width: 1599.98px) {
  .arrows-outside .slick-arrow.slick-prev {
    left: -60px;
  }
}
@media screen and (max-width: 1399.98px) {
  .arrows-outside .slick-arrow.slick-prev {
    left: -18px;
  }
}
@media screen and (max-width: 575.98px) {
  .arrows-outside .slick-arrow.slick-prev {
    left: -5px;
  }
}
.arrows-outside .slick-arrow.slick-next {
  right: -80px;
}
@media screen and (max-width: 1599.98px) {
  .arrows-outside .slick-arrow.slick-next {
    right: -60px;
  }
}
@media screen and (max-width: 1399.98px) {
  .arrows-outside .slick-arrow.slick-next {
    right: -18px;
  }
}
@media screen and (max-width: 575.98px) {
  .arrows-outside .slick-arrow.slick-next {
    right: -5px;
  }
}
.arrows-outside.gutters-30 .slick-arrow.slick-prev {
  left: -75px;
}
@media screen and (max-width: 1399.98px) {
  .arrows-outside.gutters-30 .slick-arrow.slick-prev {
    left: -5px;
  }
}
@media screen and (max-width: 575.98px) {
  .arrows-outside.gutters-30 .slick-arrow.slick-prev {
    left: -5px;
  }
}
.arrows-outside.gutters-30 .slick-arrow.slick-next {
  right: -75px;
}
@media screen and (max-width: 1399.98px) {
  .arrows-outside.gutters-30 .slick-arrow.slick-next {
    right: -5px;
  }
}
@media screen and (max-width: 575.98px) {
  .arrows-outside.gutters-30 .slick-arrow.slick-next {
    right: -5px;
  }
}

.arrows-inside .slick-arrow.slick-prev {
  left: 50px;
}
@media screen and (max-width: 1399.98px) {
  .arrows-inside .slick-arrow.slick-prev {
    left: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .arrows-inside .slick-arrow.slick-prev {
    left: 10px;
  }
}
.arrows-inside .slick-arrow.slick-next {
  right: 50px;
}
@media screen and (max-width: 1399.98px) {
  .arrows-inside .slick-arrow.slick-next {
    right: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .arrows-inside .slick-arrow.slick-next {
    right: 10px;
  }
}

.slick-arrow svg {
  width: 23px;
}
@media screen and (max-width: 1599.98px) {
  .slick-arrow svg {
    width: 18px;
  }
}
.slick-arrow:hover svg path {
  fill: #ffffff;
}

.arrows-plain .slick-arrow svg {
  width: 52px;
}
@media screen and (max-width: 1599.98px) {
  .arrows-plain .slick-arrow svg {
    width: 45px;
  }
}
@media screen and (max-width: 575.98px) {
  .arrows-plain .slick-arrow svg {
    width: 25px;
  }
}
.arrows-plain .slick-arrow:hover {
  opacity: 1;
}
.arrows-plain .slick-arrow:hover svg path {
  fill: #232323;
}

.slick-prev svg {
  transform: scaleX(-1);
}

/*=========================================================
  V Medical slider skins
  .dots-vma     node 7472:5584 / I7472:6961;7472:5824 - 10px discs on 25px centres;
                rest $secondary, current $primary (.dots-on-dark: current $white).
                Static under the track (not the house absolute bottom:-50).
  .arrows-long  Arrow 1/2 7472:6789/6790 - bare 87px long arrows, no disc; prev is
                the same glyph mirrored. Colour = $body ($white on .arrows-white).
  Slick only builds arrows and dots when slideCount > slidesToShow (L-18).
=========================================================*/
.dots-vma {
  margin-bottom: 0px !important;
}
.dots-vma .slick-dots {
  position: static;
  margin-top: 64px;
  gap: 15px;
}
@media screen and (max-width: 1599.98px) {
  .dots-vma .slick-dots {
    margin-top: 48px;
  }
}
@media screen and (max-width: 575.98px) {
  .dots-vma .slick-dots {
    margin-top: 30px;
  }
}
.dots-vma .slick-dots li {
  margin: 0px;
}
.dots-vma .slick-dots li button,
.dots-vma .slick-dots li button::before,
.dots-vma .slick-dots li button::after {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dots-vma .slick-dots li button::before {
  background: #e7b777;
  border: 0px;
}
.dots-vma .slick-dots li button:hover::before,
.dots-vma .slick-dots li button:focus-visible::before,
.dots-vma .slick-dots li.slick-active button::before {
  background-color: #043850;
}
.dots-vma.dots-on-dark .slick-dots li button:hover::before,
.dots-vma.dots-on-dark .slick-dots li button:focus-visible::before,
.dots-vma.dots-on-dark .slick-dots li.slick-active button::before {
  background-color: #ffffff;
}

.arrows-long .slick-arrow {
  width: 87px;
  height: 30px;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  background: none !important;
  opacity: 1;
  overflow: visible;
}
.arrows-long .slick-arrow .icon-arrow-long {
  width: 87px;
  height: 14.53px;
  background-color: #363636;
  transition: all 0.2s;
}
.arrows-long .slick-arrow:hover .icon-arrow-long, .arrows-long .slick-arrow:focus-visible .icon-arrow-long {
  background-color: #e7b777;
}
.arrows-long .slick-prev .icon-arrow-long {
  transform: scaleX(-1);
}
.arrows-long.arrows-white .slick-arrow .icon-arrow-long {
  background-color: #ffffff;
}
.arrows-long.arrows-white .slick-arrow:hover .icon-arrow-long, .arrows-long.arrows-white .slick-arrow:focus-visible .icon-arrow-long {
  background-color: #e7b777;
}

/* INFERRED below 992: the same arrow at a short 36px length (icon-arrow-short.svg,
   identical head and 1px shaft) - squeezing the 87px glyph distorted the head */
@media screen and (max-width: 991.98px) {
  .arrows-long .slick-arrow,
  .arrows-long .slick-arrow .icon-arrow-long {
    width: 36px;
  }
  .arrows-long .slick-arrow .icon-arrow-long {
    -webkit-mask-image: url("../../images/icon-arrow-short.svg");
    mask-image: url("../../images/icon-arrow-short.svg");
  }
}
/*--fancybox---*/
.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.fancybox-inner {
  overflow: hidden !important;
}

.fancybox-popup-container {
  position: relative;
  display: block;
  width: 100%;
  padding: 0px;
  margin: 0px auto;
  max-width: 1150px;
}

.fancybox__container {
  --carousel-button-width: 55px;
  --carousel-button-height: 55px;
  --carousel-button-svg-width: 30px;
  --carousel-button-svg-height: 30px;
}

.fancybox__nav .carousel__button {
  width: var(--carousel-button-width, 55px);
  height: var(--carousel-button-height, 55px);
  box-shadow: none !important;
  border-radius: var(--carousel-button-border-radius, 0px);
}

.carousel__button svg {
  stroke-width: 2px;
}

.fancybox__nav .carousel__button svg {
  display: none;
}

.fancybox__nav .carousel__button::before {
  position: absolute;
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
}

.fancybox__nav .carousel__button.is-prev::before {
  content: "\f104";
}

.fancybox__nav .carousel__button.is-next::before {
  content: "\f105";
}

.fancybox__nav .carousel__button.is-prev {
  left: 50%;
  margin-left: -715px;
}

.fancybox__nav .carousel__button.is-next {
  right: 50%;
  margin-right: -715px;
}

.carousel__button.fancybox__button--close,
.carousel__button.is-close {
  width: 26px;
  outline: none !important;
}

/* .has-image[data-image-fit=contain] .fancybox__image { border-radius: 15px } */
.fancybox__slide {
  padding: 60px;
}

.fancybox__slide p:last-child {
  margin-bottom: 0px;
}

.carousel__button.fancybox__button--zoom,
.carousel__button.fancybox__button--slideshow,
.carousel__button.fancybox__button--fullscreen {
  display: none !important;
}

.fancybox__content,
.fancybox__caption {
  max-width: 1500px;
  text-align: center;
  margin: 0px auto;
  padding: 30px 30px;
  width: 100%;
  border-radius: 0px;
  background: transparent;
}
@media screen and (max-width: 1599.98px) {
  .fancybox__content,
  .fancybox__caption {
    border-radius: 0px;
  }
}
@media screen and (max-width: 991.98px) {
  .fancybox__content,
  .fancybox__caption {
    padding: 0px;
    border-radius: 0px;
  }
}

.fancybox__container {
  --carousel-button-svg-stroke-width: 0px;
}

.fancybox__nav .carousel__button {
  opacity: 1;
  color: #232323;
  border: 0px solid #ffffff;
  background: #ffffff;
  font-size: 18px;
  opacity: 1;
}

.fancybox__nav .carousel__button:hover {
  opacity: 1;
  color: #ffffff;
  background: #043850;
  opacity: 1;
}

/* .fancybox__toolbar .carousel__button{} */
.fancybox__toolbar .carousel__button:hover {
  opacity: 0.5;
}

.fancybox-dialog {
  display: none;
  background: transparent;
  border-radius: 0px;
  color: #ffffff;
  padding: 0px;
}

/* .fancybox__image{ border-radius: 20px;} */
.fancybox__slide {
  --carousel-button-svg-width: 40px;
  --carousel-button-svg-height: 40px;
}

.fancybox__thumb {
  border-radius: 0px;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  border-radius: 0px;
  border-width: 3px;
  border-color: #ffffff;
}

@media screen and (max-width: 1599.98px) {
  .fancybox__caption {
    max-height: 100px;
    overflow: auto;
  }
  .fancybox__slide {
    padding: 50px;
  }
  .fancybox__container {
    --carousel-button-width: 40px;
    --carousel-button-height: 40px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px;
  }
  .fancybox__nav .carousel__button {
    width: var(--carousel-button-width, 40px);
    height: var(--carousel-button-height, 40px);
  }
  .fancybox__nav .carousel__button.is-prev {
    left: 50%;
    margin-left: -585px;
  }
  .fancybox__nav .carousel__button.is-next {
    right: 50%;
    margin-right: -585px;
  }
}
@media screen and (max-width: 1399.98px) {
  .fancybox-popup-container,
  .modal-dialog {
    max-width: 960px;
  }
  .fancybox__nav .carousel__button.is-prev {
    left: 40px;
    margin-left: auto;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  }
  .fancybox__nav .carousel__button.is-next {
    right: 40px;
    margin-right: auto;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 1299.98px) {
  .fancybox__container {
    --carousel-button-width: 30px;
    --carousel-button-height: 30px;
  }
  .fancybox__nav .carousel__button {
    width: var(--carousel-button-width, 30px);
    height: var(--carousel-button-height, 30px);
  }
}
@media screen and (max-width: 1199.98px) {
  .fancybox-popup-container {
    max-width: 100%;
  }
  .fancybox__nav .carousel__button.is-prev {
    left: 15px;
  }
  .fancybox__nav .carousel__button.is-next {
    right: 15px;
  }
}
@media screen and (max-width: 575.98px) {
  .fancybox__slide {
    padding: 30px;
  }
  .fancybox__nav .carousel__button.is-prev {
    left: 0px;
  }
  .fancybox__nav .carousel__button.is-next {
    right: 0px;
  }
  .carousel__button.fancybox__button--close,
  .carousel__button.is-close {
    top: 10px !important;
    right: 10px;
  }
  .fancybox__container {
    --carousel-button-width: 25px;
    --carousel-button-height: 25px;
  }
  .fancybox__nav .carousel__button {
    width: var(--carousel-button-width, 25px);
    height: var(--carousel-button-height, 25px);
    font-size: 13px;
  }
}
.fancybox-image {
  border-radius: 10px;
}

.fancybox__content > .f-button.is-close-btn {
  opacity: 1;
  top: -30px;
  right: -30px;
  color: #ffffff;
  border-radius: 50%;
  border: 3px solid #ffffff;
  font-size: 30px;
}
@media screen and (max-width: 1599.98px) {
  .fancybox__content > .f-button.is-close-btn {
    font-size: 24px;
  }
}
@media screen and (max-width: 575.98px) {
  .fancybox__content > .f-button.is-close-btn {
    font-size: 20px;
  }
}
.fancybox__content > .f-button.is-close-btn {
  width: 56px !important;
  height: 56px !important;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1599.98px) {
  .fancybox__content > .f-button.is-close-btn {
    width: 45px !important;
    height: 45px !important;
  }
}
.fancybox__content > .f-button.is-close-btn:hover {
  transform: rotate(90deg);
  color: #043850 !important;
  border-color: #043850 !important;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
  top: 40px;
  right: 40px;
  font-size: 20px;
}
@media screen and (max-width: 1599.98px) {
  .is-compact .fancybox__content > .f-button.is-close-btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 575.98px) {
  .is-compact .fancybox__content > .f-button.is-close-btn {
    font-size: 13px;
  }
}
.is-compact .fancybox__content > .f-button.is-close-btn {
  width: 40px !important;
  height: 40px !important;
  color: #000000;
  border-color: #000000;
}
@media screen and (max-width: 991.98px) {
  .is-compact .fancybox__content > .f-button.is-close-btn {
    top: 8px;
    right: 5px;
  }
}
@media screen and (max-width: 575.98px) {
  .is-compact .fancybox__content > .f-button.is-close-btn {
    width: 30px !important;
    height: 30px !important;
  }
}

.fancybox__content > .f-button.is-close-btn,
.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-svg-width: auto;
  --f-button-svg-height: auto;
  --f-button-width: auto;
  --f-button-height: auto;
  background-color: transparent;
}

/*----*/
/*-<div id="gallery1" class="inline-popup" style="display: none">Any Content</div>-*/
.inline-popup {
  width: 1180px;
  background: transparent;
  padding: 0px;
}
@media screen and (max-width: 1599.98px) {
  .inline-popup {
    width: 970px;
  }
}
@media screen and (max-width: 1199.98px) {
  .inline-popup {
    width: 100%;
  }
}
.inline-popup .galley-image {
  margin-bottom: 30px;
}
.inline-popup .galley-image .img-holder {
  padding-bottom: 49.49%;
}

.fancybox__nav .f-button {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  text-align: center;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.2s linear;
  color: #232323;
  background-color: #785927;
  border: 1px solid transparent;
  line-height: 1;
  overflow: hidden;
  width: 46px;
  height: 46px;
  opacity: 1;
  box-shadow: none;
  font-weight: 400;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .fancybox__nav .f-button {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .fancybox__nav .f-button {
    font-size: 12px;
  }
}
@media screen and (max-width: 1599.98px) {
  .fancybox__nav .f-button {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .fancybox__nav .f-button {
    width: 35px;
    height: 35px;
  }
}
.fancybox__nav .f-button:hover {
  opacity: 1;
  color: #ffffff;
  background: #043850;
  border-color: transparent !important;
}
.fancybox__nav .f-button:hover .arrow-icon {
  background-color: #ffffff;
}
.fancybox__nav .f-button {
  color: #ffffff;
  border-color: #ffffff;
}
.fancybox__nav .f-button.is-prev {
  left: 50% !important;
  margin-left: -630px;
}
@media screen and (max-width: 1599.98px) {
  .fancybox__nav .f-button.is-prev {
    margin-left: -575px;
  }
}
@media screen and (max-width: 1199.98px) {
  .fancybox__nav .f-button.is-prev {
    margin-left: 0px;
    left: 0% !important;
  }
}
.fancybox__nav .f-button.is-next {
  right: 50% !important;
  margin-right: -630px;
}
@media screen and (max-width: 1599.98px) {
  .fancybox__nav .f-button.is-next {
    margin-right: -575px;
  }
}
@media screen and (max-width: 1199.98px) {
  .fancybox__nav .f-button.is-next {
    margin-right: 0px;
    right: 0% !important;
  }
}

/* Scroller Container */
.Scrollcontent {
  height: 360px;
}

.mCSB_inside > .mCSB_container {
  margin-right: 0px !important;
}

.mCSB_scrollTools {
  z-index: 99999;
  opacity: 1 !important;
  width: 17px;
  right: 0px;
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background: #D9D9D9 !important;
  border: none !important;
  width: 17px !important;
  border-radius: 0px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: auto !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  cursor: pointer;
  border-radius: 10px;
  width: 9px !important;
  z-index: 99999 !important;
  background: #707070 !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
  background: #707070 !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 5px !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100% !important;
  margin: 0px !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  cursor: pointer;
  width: auto !important;
  height: 5px !important;
  min-width: 70px !important;
  margin: 0px auto !important;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0px !important;
  margin-bottom: 10px;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0px;
}

.Scrollcontent-horizontal-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.Scrollcontent-horizontal-list li {
  float: left;
  width: 200px;
  height: 100px;
  border: 2px solid #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 991.98px) {
  .Scrollcontent.lg {
    height: auto !important;
    max-height: none !important;
  }
  .Scrollcontent.lg .mCSB_inside > .mCSB_container {
    margin-right: 0px !important;
  }
  .Scrollcontent.lg .mCSB_scrollTools {
    display: none !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .Scrollcontent.md {
    height: auto !important;
    max-height: none !important;
  }
  .Scrollcontent.md .mCSB_inside > .mCSB_container {
    margin-right: 0px !important;
  }
  .Scrollcontent.md .mCSB_scrollTools {
    display: none !important;
  }
}
@media only screen and (max-width: 575.98px) {
  .Scrollcontent.sm {
    height: auto !important;
    max-height: none !important;
  }
  .Scrollcontent.sm .mCSB_inside > .mCSB_container {
    margin-right: 0px !important;
  }
  .Scrollcontent.sm .mCSB_scrollTools {
    display: none !important;
  }
}
/**=========================================================
 * Card components - V Medical Aesthetics
 * ---------------------------------------------------------
 *   .gridbox-1  skin concern     7472:6823 - photo + white title bar + circle arrow
 *   .gridbox-2  signature        7472:6899 - 450 x 710 white card, 420 photo, copy, LEARN MORE
 *   .gridbox-3  doctor           7472:6951 - white card, square portrait, name, credentials
 *   .gridbox-4  location         I7472:6961;7472:5688 - white card, square map, pin + name, address
 *   .gridbox-5  blog             7472:6968 - white card, 565:377 photo, tag, title, date, excerpt
 * Vertical gaps are Figma cap-to-cap gaps converted to CSS line boxes (L-02):
 *   DM Serif 34 on a 22px line: cap offset 0.47, below-baseline -0.91
 *   DM Serif 24 / 1.36: 8.89 / 7.91      DM Serif 24 / 1.4: 9.37 / 8.39
 *   Roboto 18 / 1.5:    6.86 / 7.34
 * Everything below 1920 is INFERRED (D-004).
=========================================================**/
/* full-card overlay link (house) */
.link-fix {
  position: absolute;
  inset: 0px;
  z-index: 2;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: none;
  border: 0px;
  border-radius: inherit;
}
.link-fix:focus-visible {
  outline: 2px solid #e7b777 !important;
  outline-offset: 3px;
}

/*--gridbox-1 - skin concern (7472:6823): aspect 449/379, shadow 0 4 8 #6c6c6c40,
    radius 10; title bar 16/32 padding with DM Serif 24/1.36 + the 48 circle arrow,
    so the bar is 80 and the photo takes the rest. --*/
.gridbox-1 {
  position: relative;
  display: flex;
  flex-direction: column;
  aspect-ratio: 449/379;
  border-radius: 10px;
  background: #ffffff;
  filter: drop-shadow(0px 4px 8px rgba(108, 108, 108, 0.25));
}
.gridbox-1 .grid-image {
  position: relative;
  flex: 1 1 auto;
  min-height: 0px;
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
}
.gridbox-1 .grid-image img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gridbox-1 .grid-header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 32px;
  background: #ffffff;
  border-radius: 0px 0px 10px 10px;
}
.gridbox-1 .grid-header h3 {
  padding: 0px;
  margin: 0px;
  color: #232323;
  text-transform: capitalize;
  line-height: 1.36;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-1 .grid-header h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-1 .grid-header h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1599.98px) {
  .gridbox-1 .grid-header {
    padding: 14px 24px;
  }
  .gridbox-1 .icon-circle-arrow {
    width: 40px;
    height: 40px;
  }
}

/*--gridbox-2 - signature treatment (7472:6899): 450 x 710, padding 15 15 30,
    photo 420 square, copy column inset 20 (380 / copy 375), radius 10,
    shadow 0 0 20 #0000001c. Card 1 draws LEARN MORE in gold = the hover state
    (L-97), produced at runtime. --*/
.gridbox-2 {
  position: relative;
  width: 450px;
  height: 710px;
  padding: 15px 15px 30px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.11);
}
.gridbox-2 .grid-image {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.gridbox-2 .grid-image img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gridbox-2 .grid-content {
  padding: 0px 20px;
}
.gridbox-2 h3 {
  margin: 29.53px 0px 0px;
  padding: 0px;
  color: #232323;
  line-height: 22px;
  text-transform: capitalize;
  white-space: nowrap;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-2 h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-2 h3 {
    font-size: 22px;
  }
}
.gridbox-2 .grid-info {
  max-width: 375px;
  margin: 24.05px 0px 0px;
  color: #232323;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gridbox-2 .grid-info a,
.gridbox-2 .grid-info .text-underline {
  color: inherit;
  text-decoration: underline;
  text-underline-position: from-font;
}
.gridbox-2 .grid-info a:not(.underlined) {
  text-decoration: none;
}
.gridbox-2 .grid-info a:hover,
.gridbox-2 .grid-info a:focus-visible {
  color: #043850;
}
.gridbox-2 .styled-link {
  margin-top: 42.66px;
}
.gridbox-2:hover .styled-link, .gridbox-2:focus-within .styled-link {
  color: #e7b777;
}
.gridbox-2:hover .styled-link::after, .gridbox-2:focus-within .styled-link::after {
  background-color: #e7b777;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-2 {
    width: 380px;
    height: auto;
    padding: 12px 12px 26px;
  }
  .gridbox-2 .grid-content {
    padding: 0px 14px;
  }
  .gridbox-2 h3 {
    margin-top: 24px;
    white-space: normal;
    line-height: 1.1;
  }
  .gridbox-2 .grid-info {
    margin-top: 18px;
  }
  .gridbox-2 .styled-link {
    margin-top: 32px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-2 {
    width: 300px;
  }
}

/*--gridbox-3 - doctor (7472:6951): 448 wide, padding 32 32 40, gap 30, portrait
    square, name DM Serif 34 / 22 capitalised, credentials Roboto Light 18/1.5.
    Bottom 32.42 = Figma 40 less the copy's 7.34 below-baseline space, so the card
    lands on the drawn 632. --*/
.gridbox-3 {
  position: relative;
  height: 100%;
  padding: 32px 32px 32.42px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.11);
}
.gridbox-3 .grid-image {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.gridbox-3 .grid-image img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gridbox-3 h3 {
  margin: 29.53px 0px 0px;
  padding: 0px;
  color: #232323;
  line-height: 22px;
  text-transform: capitalize;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-3 h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-3 h3 {
    font-size: 22px;
  }
}
.gridbox-3 .grid-info {
  margin: 24.05px 0px 0px;
  color: #232323;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-3 {
    padding: 24px 24px 26px;
  }
  .gridbox-3 h3 {
    margin-top: 22px;
    line-height: 1.1;
  }
  .gridbox-3 .grid-info {
    margin-top: 16px;
  }
}

/*--gridbox-4 - location (I7472:6961;7472:5688): 448 wide, padding 20 20 24, map
    square, content inset 10, pin 18 x 22 + 12 gap + DM Serif 34 / 22 name, address
    Roboto Light 18/1.5. Card = 588 with a two-line address. --*/
.gridbox-4 {
  position: relative;
  padding: 20px 20px 24px;
  border-radius: 10px;
  background: #ffffff;
}
.gridbox-4 .grid-image {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.gridbox-4 .grid-image img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gridbox-4 .grid-content {
  padding: 10px 10px 2.66px;
  margin-top: 24px;
}
.gridbox-4 h3 {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 22px;
  margin: 0px;
  padding: 0px;
  color: #232323;
  line-height: 22px;
  text-transform: capitalize;
  white-space: nowrap;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-4 h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-4 h3 {
    font-size: 22px;
  }
}
.gridbox-4 h3 .icon-pin {
  /* the 20.5 x 24.5 export overhangs its 18 x 22 slot by the stroke */
  margin: -1.25px;
}
.gridbox-4 .grid-info {
  margin: 23.14px 0px 0px;
  color: #232323;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-4 {
    padding: 16px 16px 20px;
  }
  .gridbox-4 .grid-content {
    margin-top: 18px;
  }
  .gridbox-4 h3 {
    height: auto;
    line-height: 1.1;
  }
  .gridbox-4 .grid-info {
    margin-top: 16px;
  }
}

/*--gridbox-5 - blog (7472:6968): 432 x 587.24, padding 15 15 30, gap 24, photo
    565:377, content 250 tall inset 16 with LEARN MORE pinned to its foot. Tag:
    8px $title disc + 10 gap + Roboto Medium 14. Title DM Serif 24 / 1.4, clamped
    at 2 lines like the node (text-ellipsis); excerpt clamped at 2. --*/
.gridbox-5 {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15px 15px 30px;
  border-radius: 10px;
  background: #ffffff;
  filter: drop-shadow(0px 4px 8px rgba(108, 108, 108, 0.25));
}
.gridbox-5 .grid-image {
  position: relative;
  aspect-ratio: 565/377;
  overflow: hidden;
}
.gridbox-5 .grid-image img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gridbox-5 .grid-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 250px;
  margin-top: 24px;
  padding: 0px 16px;
  flex: 1 1 auto;
}
.gridbox-5 .blog-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 16px;
  color: #232323;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-5 .blog-tag {
    font-size: 11px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-5 .blog-tag {
    font-size: 9px;
  }
}
.gridbox-5 .blog-tag::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #232323;
}
.gridbox-5 h3 {
  margin: 10.63px 0px 0px;
  padding: 0px;
  color: #232323;
  line-height: 1.4;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-5 h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-5 h3 {
    font-size: 16px;
  }
}
.gridbox-5 h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gridbox-5 .blog-date {
  margin: 4.75px 0px 0px;
  color: #232323;
}
.gridbox-5 .grid-info {
  margin: 17.8px 0px 0px;
  color: #232323;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gridbox-5 .styled-link {
  margin-top: auto;
}
.gridbox-5:hover .styled-link, .gridbox-5:focus-within .styled-link {
  color: #e7b777;
}
.gridbox-5:hover .styled-link::after, .gridbox-5:focus-within .styled-link::after {
  background-color: #e7b777;
}

/*--gridbox-6 - condition 7457:3803: 450.67 x 532.11 (3 in 1400, gap 24), shadow
    0 4 8 #6c6c6c40, radius 10. Photo 449:299; copy block padding 32: title DM Serif
    24 / 1.36, 20 to the Roboto Bold 18 strap, 30 to the Light 18 excerpt (clamped at
    2 lines like the node's text-ellipsis), 30 to the gold LEARN MORE + 18 x 8 arrow.
    Cap-converted (L-02): 32 - 8.89 = 23.11 / 20 - 7.91 - 6.86 = 5.23 /
    30 - 7.34 - 6.86 = 15.8 / 30 - 7.34 = 22.66. Hover not drawn: label and arrow go
    $primary (house secondary -> primary hover). --*/
.gridbox-6 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 10px;
  background: #ffffff;
  filter: drop-shadow(0px 4px 8px rgba(108, 108, 108, 0.25));
}
.gridbox-6 .grid-image {
  position: relative;
  aspect-ratio: 449/299;
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
}
.gridbox-6 .grid-image img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s;
}
.gridbox-6 .grid-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 auto;
  padding: 23.11px 32px 32px;
}
.gridbox-6 h3 {
  margin: 0px;
  padding: 0px;
  color: #232323;
  text-transform: capitalize;
  line-height: 1.36;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-6 h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-6 h3 {
    font-size: 16px;
  }
}
.gridbox-6 .grid-subtitle {
  margin: 5.23px 0px 0px;
  color: #232323;
  font-weight: 700;
  line-height: 1.5;
}
.gridbox-6 .grid-info {
  margin: 15.8px 0px 0px;
  color: #232323;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gridbox-6 .styled-link {
  margin-top: auto;
  padding-top: 22.66px;
}
.gridbox-6:hover .grid-image img, .gridbox-6:focus-within .grid-image img {
  transform: scale(1.04);
}
.gridbox-6:hover .styled-link, .gridbox-6:focus-within .styled-link {
  color: #043850;
}
.gridbox-6:hover .styled-link::after, .gridbox-6:focus-within .styled-link::after {
  background-color: #043850;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-6 .grid-content {
    padding: 18px 24px 26px;
  }
}

/*--gridbox-7 - treatment benefit 7457:3241: white, radius 10, padding 20 20 24, photo
    270 tall (413.33 wide -> aspect 1.531), 24 to a padding-10 copy block: DM Serif
    34 / 22 title, 30 to Roboto Light 18 copy. Title cap-trimmed (offset 0.477,
    below-baseline -0.917): 30 + 0.917 - 6.86 = 24.057; foot 10 - 7.34 + 24. Cards in
    a row share the tallest height (the design pads short copy with blank lines). --*/
.gridbox-7 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px 20px 24px;
  border-radius: 10px;
  background: #ffffff;
}
.gridbox-7 .grid-image {
  position: relative;
  aspect-ratio: 413.33/270;
  overflow: hidden;
}
.gridbox-7 .grid-image img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gridbox-7 .grid-content {
  margin-top: 24px;
  padding: 10px 10px 2.66px;
}
.gridbox-7 h3 {
  margin: -0.477px 0px 0px;
  padding: 0px;
  color: #232323;
  line-height: 22px;
  text-transform: capitalize;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-7 h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-7 h3 {
    font-size: 22px;
  }
}
.gridbox-7 p {
  min-height: 7.5em; /* 5 lines - the design pads short copy with blank lines */
  margin: 24.057px 0px 0px;
  color: #232323;
}
@media screen and (max-width: 1919.98px) {
  .gridbox-7 h3 {
    margin-top: -8px;
    line-height: 1.2;
  }
  .gridbox-7 p {
    margin-top: 16px;
  }
}

/*--gridbox-8 - what-to-expect card 7457:3410: 453 x 500, padding 15, radius 10,
    shadow 0 0 20 #0000001c; photo takes the height left by a centred copy block:
    DM Serif 34 / 40 title on two lines (the design pads one-line titles with a
    blank line), 30 to Roboto Light 18 copy clipped at 4 lines. Cap-converted:
    title top 10 - 9.477; copy 30 - 8.083 - 6.86 = 15.057; foot 10 - 7.34. --*/
.gridbox-8 {
  display: flex;
  flex-direction: column;
  height: 500px;
  padding: 15px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
}
.gridbox-8 .grid-image {
  position: relative;
  flex: 1 1 auto;
  min-height: 0px;
  overflow: hidden;
}
.gridbox-8 .grid-image img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gridbox-8 .grid-content {
  flex: 0 0 auto;
  margin-top: 30px;
  padding: 0.523px 0px 2.66px;
  text-align: center;
}
.gridbox-8 h3 {
  min-height: 2.353em;
  margin: 0px;
  padding: 0px;
  color: #232323;
  line-height: 1.1765;
  text-transform: capitalize;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-8 h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-8 h3 {
    font-size: 22px;
  }
}
.gridbox-8 p {
  margin: 15.057px 0px 0px;
  color: #232323;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1199.98px) {
  .gridbox-8 {
    height: auto;
  }
  .gridbox-8 .grid-image {
    flex: 0 0 auto;
    aspect-ratio: 423/234;
  }
}

/*--Blog tags row (7457:2892 / 7457:2743): several .blog-tag chips 15 apart (20 on
    the latest-post slider); chip = 8 #212322 disc + 10 + Roboto Medium 14. --*/
.blog-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 15px;
}
.blog-tags .blog-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 16px;
  color: #232323;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
}
@media screen and (max-width: 1599.98px) {
  .blog-tags .blog-tag {
    font-size: 11px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog-tags .blog-tag {
    font-size: 9px;
  }
}
.blog-tags .blog-tag::before {
  content: "";
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #232323;
}

.gridbox-5 .blog-tags + h3 {
  margin-top: 10.63px;
}

/*--gridbox-9 - title-bar card (Signature 7457:1645 / 1849): 449:379 card, photo
    449:299 (radius 10 top), white bar with DM 24/1.36 centred, drop shadow
    0 4 8 #6c6c6c40. As a link the photo eases to 1.04 (hover not drawn). --*/
.gridbox-9 {
  display: flex;
  flex-direction: column;
  aspect-ratio: 449/379;
  filter: drop-shadow(0px 4px 8px rgba(108, 108, 108, 0.25));
  color: inherit;
  text-decoration: none;
}
.gridbox-9 .grid-image {
  position: relative;
  flex: 0 0 auto;
  aspect-ratio: 449/299;
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}
.gridbox-9 .grid-image img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s ease;
}
.gridbox-9 .grid-title {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  padding: 0px 32px;
  border-radius: 0px 0px 10px 10px;
  background: #ffffff;
}
.gridbox-9 h3 {
  margin: 0px;
  padding: 0px !important;
  color: #212322;
  line-height: 1.36;
  text-align: center;
  text-transform: capitalize;
  white-space: nowrap;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-9 h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-9 h3 {
    font-size: 16px;
  }
}

a.gridbox-9:hover, a.gridbox-9:focus-visible {
  text-decoration: none;
}
a.gridbox-9:hover .grid-image img, a.gridbox-9:focus-visible .grid-image img {
  transform: scale(1.04);
}

/*--gridbox-10 - location card with directions (Contact 7457:1448): 695 wide, white,
    radius 10, pad 20 20 24; 655:277 map, 24, head (pin + DM 34 title, address 30
    below) and three equal "ways" columns (icon + DM 24 label, text 30 below; car
    drop-off points as a disc list indented 27). --*/
.gridbox-10 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  padding: 20px 20px 24px;
  border-radius: 10px;
  background: #ffffff;
  color: #212322;
}
.gridbox-10 .grid-image {
  aspect-ratio: 655/277;
  overflow: hidden;
}
.gridbox-10 .grid-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gridbox-10 .grid-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.gridbox-10 .grid-head {
  padding: 10px 10px 2.66px;
}
.gridbox-10 .grid-head h3 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0px;
  padding: 0px !important;
  color: #212322;
  line-height: 22px;
  text-transform: capitalize;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-10 .grid-head h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-10 .grid-head h3 {
    font-size: 22px;
  }
}
.gridbox-10 .grid-head h3 .icon-pin {
  margin: -1.25px;
}
.gridbox-10 .grid-head p {
  margin: 24.057px 0px 0px;
  color: #212322;
}
.gridbox-10 .grid-ways {
  display: flex;
  gap: 10px;
}
.gridbox-10 .grid-way {
  flex: 1 1 0px;
  min-width: 0px;
  padding: 10px 10px 2.66px;
}
.gridbox-10 .grid-way h4 {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 29px;
  margin: 0px;
  padding: 0px !important;
  color: #212322;
  line-height: 22px;
  text-transform: capitalize;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-10 .grid-way h4 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-10 .grid-way h4 {
    font-size: 16px;
  }
}
.gridbox-10 .grid-way h4 img {
  display: block;
  flex: 0 0 auto;
  height: auto;
}
.gridbox-10 .grid-way p {
  margin: 23.14px 0px 0px;
  color: #212322;
}
.gridbox-10 .grid-way ul {
  margin: 0px;
  padding: 0px 0px 0px 27px;
  list-style: disc;
}
.gridbox-10 .grid-way ul > li {
  padding: 0px;
  color: #212322;
  line-height: 1.5;
}
.gridbox-10 .grid-way ul > li::before {
  display: none;
}
.gridbox-10 .grid-way ul > li::marker {
  font-size: 0.7em;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-10 .grid-head h3 {
    align-items: flex-start;
    line-height: 1.15;
  }
  .gridbox-10 .grid-head h3 .icon-pin {
    margin-top: 2px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-10 {
    padding: 15px 15px 20px;
  }
  .gridbox-10 .grid-ways {
    flex-direction: column;
    gap: 4px;
  }
}

/*Counter
  V Medical retune - node 7472:6798 (stats). DM Serif Display 100 / line-height 1,
  $primary, no tracking; the "+" is a sibling span in the same face (7472:6810).
  The approved frame draws the start value 0 (variable NumCount = 0); the final
  values 12 / 30+ / 30+ come from the alias 7472:6413 - the house reel counts up to
  them on view. The digit reel needs a FIXED height equal to one line box:
  100 -> 80 (xxxl x0.8) -> 65 (sm x0.65) through the mixin's own steps. */
.counter-holder {
  letter-spacing: 0px;
  line-height: 1;
  display: flex;
  justify-content: center;
}

.counter,
.counter-holder > span:last-child:not(.counter) {
  font-size: 100px;
}
@media screen and (max-width: 1599.98px) {
  .counter,
  .counter-holder > span:last-child:not(.counter) {
    font-size: 80px;
  }
}
@media screen and (max-width: 575.98px) {
  .counter,
  .counter-holder > span:last-child:not(.counter) {
    font-size: 65px;
  }
}
.counter,
.counter-holder > span:last-child:not(.counter) {
  color: inherit;
  font-weight: 400;
  letter-spacing: 0px;
  font-family: "DM Serif Display", serif;
  line-height: 1;
}

.counter {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  height: 100px;
  padding: 0px;
}
@media screen and (max-width: 1599.98px) {
  .counter {
    height: 80px;
  }
}
@media screen and (max-width: 575.98px) {
  .counter {
    height: 65px;
  }
}

.counter * {
  transition: all 1.5s ease !important;
}

.counter > span {
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 1.5s ease;
  transform: translateY(0);
  line-height: 1;
}

.counter > span span {
  flex: 0 0 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.counter:nth-child(1) > span {
  transition-delay: 0s;
}

.counter:nth-child(2) > span {
  transition-delay: 0.25s;
}

.counter:nth-child(3) > span {
  transition-delay: 0.5s;
}

.counter:nth-child(4) > span {
  transition-delay: 0.75s;
}

.counter:nth-child(5) > span {
  transition-delay: 1s;
}

.counter:nth-child(6) > span {
  transition-delay: 1.25s;
}

.counter:nth-child(7) > span {
  transition-delay: 1.5s;
}

.counter:nth-child(8) > span {
  transition-delay: 1.75s;
}

.counter:nth-child(9) > span {
  transition-delay: 2s;
}

.counter:nth-child(10) > span {
  transition-delay: 2.25s;
}

.counter:nth-child(11) > span {
  transition-delay: 2.5s;
}

.counter:nth-child(12) > span {
  transition-delay: 2.75s;
}

.counter:nth-child(13) > span {
  transition-delay: 3s;
}

.counter:nth-child(14) > span {
  transition-delay: 3.25s;
}

.counter:nth-child(15) > span {
  transition-delay: 3.5s;
}

.counter:nth-child(16) > span {
  transition-delay: 3.75s;
}

.counter:nth-child(17) > span {
  transition-delay: 4s;
}

.counter:nth-child(18) > span {
  transition-delay: 4.25s;
}

.counter:nth-child(19) > span {
  transition-delay: 4.5s;
}

.counter:nth-child(20) > span {
  transition-delay: 4.75s;
}

/*Counter END*/
/*-Grid Box-*/
.link-fix {
  bottom: 0;
  font-size: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.hidden-txt {
  font-size: 0px;
  line-height: 0px;
  width: 0px;
  height: 0px;
  color: transparent;
}

.grid-link,
.grid-image {
  display: block;
  color: #363636;
  position: relative;
}
.grid-link:hover,
.grid-image:hover {
  color: #363636;
}

.gridbox-1 {
  position: relative;
}
.gridbox-1 .grid-image {
  position: relative;
}
.gridbox-1 .grid-image .img-holder {
  padding-bottom: 123.42%;
}
.gridbox-1 .grid-image .count {
  position: absolute;
  border-radius: 10px;
  border: 0.5px solid #fff;
  background: rgba(177, 177, 177, 0.79);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 0px 10px;
  top: 14px;
  left: 14px;
  z-index: 2;
  font-size: 12px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-1 .grid-image .count {
    font-size: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-1 .grid-image .count {
    font-size: 8px;
  }
}
.gridbox-1 .grid-image .count {
  font-weight: 700;
  color: #ffffff;
}
.gridbox-1 .tag-holder {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.gridbox-1 .tag-holder span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  border-radius: 2px;
  border: 0.5px solid #b5b5b5;
  font-size: 12px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-1 .tag-holder span {
    font-size: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-1 .tag-holder span {
    font-size: 8px;
  }
}
.gridbox-1 .tag-holder span {
  padding: 0px 12px;
}
.gridbox-2 {
  position: relative;
}
.gridbox-2 .img-holder::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.4) 100%);
  background-blend-mode: normal, soft-light, normal;
  z-index: 2;
}
.gridbox-2 {
  /* D-059: the template's h3 padding-bottom 15 removed - it pushed the
     signature card copy and LEARN MORE 15 down (Figma 7472:6899) */
}
.gridbox-3 {
  position: relative;
  overflow: hidden;
}
.gridbox-3 .img-holder {
  padding-bottom: 54.61%;
}
.gridbox-3 .img-holder::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 46.69%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 2;
}
.gridbox-3 .float-div,
.gridbox-3 .grid-ov-info {
  padding: 48px 56px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-3 .float-div,
  .gridbox-3 .grid-ov-info {
    padding: 40px 45px;
  }
}
@media screen and (max-width: 1199.98px) {
  .gridbox-3 .float-div,
  .gridbox-3 .grid-ov-info {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-3 .float-div,
  .gridbox-3 .grid-ov-info {
    padding: 30px 20px;
  }
}
.gridbox-3 .grid-ov {
  background: linear-gradient(0deg, rgba(169, 0, 13, 0.85) 0%, rgba(169, 0, 13, 0.85) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 46.69%, rgba(0, 0, 0, 0.7) 100%);
}
.gridbox-3 .grid-ov .inner {
  max-width: 585px;
}
.gridbox-4 {
  position: relative;
  overflow: hidden;
}
.gridbox-4 .img-holder {
  padding-bottom: 102.21%;
}
.gridbox-4 .grid-ov {
  background: linear-gradient(0deg, rgba(169, 0, 13, 0.85) 0%, rgba(169, 0, 13, 0.85) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 46.69%, rgba(0, 0, 0, 0.7) 100%);
}
.gridbox-4 .grid-ov .grid-ov-content {
  height: 100%;
}
.gridbox-4 .grid-ov .grid-ov-content .Scrollcontent {
  max-height: 100%;
  min-height: 100%;
  height: 100%;
}
.gridbox-4 .grid-ov .grid-ov-content .Scrollcontent .inner {
  padding: 40px 40px;
}
@media screen and (max-width: 1599.98px) {
  .gridbox-4 .grid-ov .grid-ov-content .Scrollcontent .inner {
    padding: 30px 40px 30px 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .gridbox-4 .grid-ov .grid-ov-content .Scrollcontent .inner {
    padding: 30px 40px 30px 20px;
  }
}
.gridbox-4 {
  /* D-060: the template's grid-content padding 24 16 0 removed - it overrode
     the location card's 10 10 2.66 (_gridbox), adding 14 above the name and
     taking 2.66 off the foot (Figma I7472:6961;7472:5688) */
}
.gridbox-4 .grid-content .date {
  display: flex;
  align-items: center;
  gap: 0px 10px;
}

/*-Grid Box END-*/
/*--*/
.section-header {
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}
.section-header:last-child {
  margin-bottom: 0px;
}
.section-header.text-left {
  text-align: left;
}
.section-header.text-right {
  text-align: right;
}
@media screen and (max-width: 1599.98px) {
  .section-header {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .section-header {
    margin-bottom: 30px;
  }
}
.section-header p {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767.98px) {
  .section-header p {
    width: 100% !important;
  }
  .section-header p br {
    display: none;
  }
}
.section-header p strong {
  font-weight: 600;
}
.section-header.responsive p {
  width: 100%;
}
.section-header.md p {
  width: 48%;
}

.slick-prev .arrow-icon,
.page-link.prev .arrow-icon {
  transform: rotate(180deg);
}

@media screen and (min-width: 576px) {
  .solution-slider .slick-list {
    padding-top: 20px !important;
  }
  .solution-slider .slick-list .slick-slide {
    transition: all 0.2s;
    opacity: 0.5;
    pointer-events: none;
  }
  .solution-slider .slick-list .slick-slide .img-holder figure,
  .solution-slider .slick-list .slick-slide img {
    filter: grayscale(1);
    opacity: 0.5;
    transition: all 0.2s;
  }
  .solution-slider .slick-list .slick-slide:hover {
    margin-top: -20px;
  }
  .solution-slider .slick-list .slick-slide.slick-active {
    opacity: 1;
    pointer-events: all;
  }
  .solution-slider .slick-list .slick-slide.slick-active .img-holder figure,
  .solution-slider .slick-list .slick-slide.slick-active img {
    opacity: 1;
    filter: grayscale(0);
  }
}

@media screen and (min-width: 768px) {
  .related-slider .slick-list .slick-slide {
    transition: all 0.2s;
    pointer-events: none;
  }
  .related-slider .slick-list .slick-slide .img-holder figure,
  .related-slider .slick-list .slick-slide img {
    filter: grayscale(1);
    transition: all 0.2s;
  }
  .related-slider .slick-list .slick-slide.slick-active {
    opacity: 1;
    pointer-events: all;
  }
  .related-slider .slick-list .slick-slide.slick-active .img-holder figure,
  .related-slider .slick-list .slick-slide.slick-active img {
    opacity: 1;
    filter: grayscale(0);
  }
}

.HomeSection2 .left {
  padding-right: 128px;
}
@media screen and (max-width: 1599.98px) {
  .HomeSection2 .left {
    padding-right: 105px;
  }
}
@media screen and (max-width: 1299.98px) {
  .HomeSection2 .left {
    padding-right: 85px;
  }
}
.HomeSection2 .right {
  padding: 0px 150px;
  margin-left: -30px;
}
@media screen and (max-width: 1599.98px) {
  .HomeSection2 .right {
    padding: 0px 105px;
    margin-left: -25px;
  }
}
@media screen and (max-width: 1299.98px) {
  .HomeSection2 .right {
    padding: 0px 80px;
    margin-left: -25px;
  }
}
@media screen and (max-width: 1199.98px) {
  .HomeSection2 .right {
    margin-left: 30px;
  }
}
@media screen and (max-width: 991.98px) {
  .HomeSection2 .right {
    padding: 0px 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .HomeSection2 .right {
    padding: 0px 20px;
    margin-left: 20px;
  }
}
.HomeSection2 .right .box .icon-holder {
  height: 90px;
}
@media screen and (max-width: 1599.98px) {
  .HomeSection2 .right .box .icon-holder {
    height: 70px;
  }
}
@media screen and (max-width: 575.98px) {
  .HomeSection2 .right .box .icon-holder {
    height: 50px;
  }
}

.map-content {
  background-color: #043850;
  border-radius: 0 0 10px 10px;
  padding: 46px 43px 45px 43px;
  max-width: 545px;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .map-content {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .map-content {
    font-size: 10px;
  }
}
.map-content.alt {
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 1599.98px) {
  .map-content {
    padding: 40px;
    max-width: 460px;
  }
}
@media screen and (max-width: 575.98px) {
  .map-content {
    padding: 30px 20px;
    max-width: 100%;
  }
}
.map-content .contact-list li {
  padding-bottom: 8px;
  color: #ffffff;
}
.map-content .contact-list li:last-child {
  padding-bottom: 0px;
}
.map-content .contact-list li a {
  color: #ffffff;
}
.map-content .contact-list li a:hover {
  color: #e7b777;
}
.map-content .contact-list li img {
  transform: none;
  top: 3px;
}

.certificate-box {
  position: relative;
  background: rgba(167, 167, 167, 0.07);
  transition: all 0.2s;
}
.certificate-box .img-holder {
  padding-bottom: 175px;
}
@media screen and (max-width: 1599.98px) {
  .certificate-box .img-holder {
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 575.98px) {
  .certificate-box .img-holder {
    padding-bottom: 110px;
  }
}
.certificate-box:hover {
  background: #ffffff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);
}

.HomeSection6 .left {
  padding: 0px 140px;
}
@media screen and (max-width: 1599.98px) {
  .HomeSection6 .left {
    padding: 0px 115px;
  }
}
@media screen and (max-width: 1399.98px) {
  .HomeSection6 .left {
    padding: 0px 50px;
  }
}
@media screen and (max-width: 1199.98px) {
  .HomeSection6 .left {
    padding: 0px 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .HomeSection6 .left {
    padding: 0px 20px;
  }
}

.form-control.alt,
.NiceSelect.alt .nice-select {
  background: transparent !important;
  border-color: #c7c7c7;
  color: #f7f7f7;
}
.form-control.alt:focus, .form-control.alt:hover,
.NiceSelect.alt .nice-select:focus,
.NiceSelect.alt .nice-select:hover {
  border-color: #e7b777 !important;
  color: #f7f7f7;
  font-weight: 400;
}

.NiceSelect.alt.nice-selected .nice-select .current {
  color: #f7f7f7;
}

.NiceSelect.alt .nice-select::after {
  color: #f7f7f7;
}

.form-group.floating-label.alt label {
  background: #232323;
  color: #e7b777 !important;
}

input.alt::placeholder,
input.form-control.alt::-webkit-input-placeholder,
textarea.alt::placeholder,
.NiceSelect.alt .nice-select {
  color: #f7f7f7 !important;
}

.AboutSection1 .left {
  margin-right: -30px;
}
@media screen and (max-width: 1599.98px) {
  .AboutSection1 .left {
    margin-right: -20px;
  }
}
@media screen and (max-width: 1199.98px) {
  .AboutSection1 .left {
    margin-right: 0px;
  }
}
@media screen and (max-width: 991.98px) {
  .AboutSection1 .left {
    margin-right: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .AboutSection1 .left {
    margin-right: 20px;
  }
}
.AboutSection1 .right {
  padding-left: 125px;
}
@media screen and (max-width: 1599.98px) {
  .AboutSection1 .right {
    padding-left: 100px;
  }
}
@media screen and (max-width: 991.98px) {
  .AboutSection1 .right {
    padding-bottom: 40px;
  }
}

.AboutSection2 .box {
  border-radius: 10px;
  border: 1px solid rgba(82, 21, 21, 0.18);
  background: linear-gradient(96deg, rgba(252, 248, 241, 0.5) 32.14%, rgba(252, 248, 241, 0) 95.62%);
  padding: 50px 40px;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .AboutSection2 .box {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .AboutSection2 .box {
    font-size: 12px;
  }
}
@media screen and (max-width: 1599.98px) {
  .AboutSection2 .box {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .AboutSection2 .box {
    padding: 30px 20px;
  }
}

.AboutSection3 .box {
  color: #f7f7f7;
  max-width: 180px;
}
@media screen and (max-width: 1599.98px) {
  .AboutSection3 .box {
    max-width: 145px;
  }
}
@media screen and (max-width: 575.98px) {
  .AboutSection3 .box {
    max-width: 125px;
  }
}
.AboutSection3 .box h3 {
  font-size: 96px;
}
@media screen and (max-width: 1599.98px) {
  .AboutSection3 .box h3 {
    font-size: 77px;
  }
}
@media screen and (max-width: 575.98px) {
  .AboutSection3 .box h3 {
    font-size: 62px;
  }
}
.AboutSection3 .box h3 {
  color: #785927;
  font-family: "DM Serif Display", serif;
}

.AboutSection4 .odd-even-box .odd-even-img {
  border-bottom-right-radius: 200px;
}
@media screen and (max-width: 1599.98px) {
  .AboutSection4 .odd-even-box .odd-even-img {
    border-bottom-right-radius: 150px;
  }
}
@media screen and (max-width: 1299.98px) {
  .AboutSection4 .odd-even-box .odd-even-img {
    border-bottom-right-radius: 100px;
  }
}
@media screen and (max-width: 991.98px) {
  .AboutSection4 .odd-even-box .odd-even-img {
    border-bottom-right-radius: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .AboutSection4 .odd-even-box .odd-even-img {
    border-bottom-right-radius: 30px;
  }
}
.AboutSection4 .odd-even-box .odd-even-img {
  overflow: hidden;
}
.AboutSection4 .odd-even-box .odd-even-img .img-holder {
  padding-bottom: 63.6%;
}
.AboutSection4 .odd-even-box:nth-child(even) .odd-even-img {
  border-radius: 0px;
  border-top-left-radius: 200px;
}
@media screen and (max-width: 1599.98px) {
  .AboutSection4 .odd-even-box:nth-child(even) .odd-even-img {
    border-top-left-radius: 150px;
  }
}
@media screen and (max-width: 1299.98px) {
  .AboutSection4 .odd-even-box:nth-child(even) .odd-even-img {
    border-top-left-radius: 100px;
  }
}
@media screen and (max-width: 991.98px) {
  .AboutSection4 .odd-even-box:nth-child(even) .odd-even-img {
    border-top-left-radius: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .AboutSection4 .odd-even-box:nth-child(even) .odd-even-img {
    border-top-left-radius: 30px;
  }
}

.home-page .pageTitle small {
  font-weight: 400;
  color: #785927;
}

.pageTitle small.sm {
  font-weight: 400;
  color: #885718;
}
.pageTitle small.sm.color1 {
  color: #e7b777;
}

.OurSolutionDetailsSection1 {
  z-index: 9;
}
.OurSolutionDetailsSection1 .left.sticky {
  width: 290px;
}
@media screen and (max-width: 1599.98px) {
  .OurSolutionDetailsSection1 .left.sticky {
    width: 240px;
  }
}
@media screen and (max-width: 767.98px) {
  .OurSolutionDetailsSection1 .left.sticky {
    width: 100%;
  }
}
.OurSolutionDetailsSection1 .right {
  padding-left: 50px;
}
@media screen and (max-width: 1599.98px) {
  .OurSolutionDetailsSection1 .right {
    padding-left: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .OurSolutionDetailsSection1 .right {
    padding-left: 20px;
  }
}

.sidebar {
  max-width: 290px;
}
@media screen and (max-width: 1599.98px) {
  .sidebar {
    max-width: 240px;
  }
}
@media screen and (max-width: 767.98px) {
  .sidebar {
    max-width: 100%;
  }
}
.sidebar .sidebar-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar .sidebar-nav > li {
  margin-bottom: 5px;
}
.sidebar .sidebar-nav > li:last-child {
  margin-bottom: 0px;
}
.sidebar .sidebar-nav > li > a {
  display: block;
  padding: 15px 45px 15px 24px;
  border-radius: 10px;
  background: #fff3f0;
  letter-spacing: 1.6px;
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .sidebar .sidebar-nav > li > a {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .sidebar .sidebar-nav > li > a {
    font-size: 10px;
  }
}
.sidebar .sidebar-nav > li > a {
  font-weight: 700;
  color: #232323;
  position: relative;
}
@media screen and (max-width: 1599.98px) {
  .sidebar .sidebar-nav > li > a {
    padding: 12px 35px 12px 20px;
  }
}
.sidebar .sidebar-nav > li > a::after {
  content: "";
  width: 19.5px;
  height: 9.5px;
  display: block;
  flex: 0 0 auto;
  background-color: #ffffff;
  -webkit-mask: url("../../images/icon-arrow-btn.svg") no-repeat center;
  mask: url("../../images/icon-arrow-btn.svg") no-repeat center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: #232323;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.sidebar .sidebar-nav > li > a:hover, .sidebar .sidebar-nav > li > a.active {
  background: #043850;
  color: #ffffff;
}
.sidebar .sidebar-nav > li > a:hover::after, .sidebar .sidebar-nav > li > a.active::after {
  background-color: #ffffff;
}
.sidebar .sidebar-nav ul {
  list-style: none;
  padding: 30px 0px 30px 55px;
  margin: 0;
}
@media screen and (max-width: 1599.98px) {
  .sidebar .sidebar-nav ul {
    padding: 25px 0px 25px 45px;
  }
}
@media screen and (max-width: 575.98px) {
  .sidebar .sidebar-nav ul {
    padding: 20px 0px 20px 35px;
  }
}
.sidebar .sidebar-nav ul > li {
  margin-bottom: 20px;
}
.sidebar .sidebar-nav ul > li:last-child {
  margin-bottom: 0px;
}
.sidebar .sidebar-nav ul > li > a {
  color: #000000;
  padding-left: 20px;
  position: relative;
  display: block;
}
.sidebar .sidebar-nav ul > li > a::before {
  content: "\f111";
  left: 0px;
  top: 11px;
  position: absolute;
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  font-size: 5px;
  line-height: 1;
}
@media screen and (max-width: 1599.98px) {
  .sidebar .sidebar-nav ul > li > a::before {
    top: 9px;
  }
}
@media screen and (max-width: 1599.98px) {
  .sidebar .sidebar-nav ul > li > a::before {
    top: 8px;
  }
}
.sidebar .sidebar-nav ul > li > a:hover, .sidebar .sidebar-nav ul > li > a.active {
  color: #043850;
}

.benefits-list .benefits-box {
  background: #fcf8f1;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 32px;
}
@media screen and (max-width: 1599.98px) {
  .benefits-list .benefits-box {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 575.98px) {
  .benefits-list .benefits-box {
    margin-bottom: 20px;
  }
}
.benefits-list .benefits-box:last-child {
  margin-bottom: 0px;
}
.benefits-list .benefits-box .left {
  padding: 0px 40px 0px 40px;
}
@media screen and (max-width: 1599.98px) {
  .benefits-list .benefits-box .left {
    padding: 0px 30px 0px 30px;
  }
}
@media screen and (max-width: 991.98px) {
  .benefits-list .benefits-box .left {
    padding: 0px 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .benefits-list .benefits-box .left {
    padding: 0px 20px;
  }
}
.benefits-list .benefits-box .left .inner {
  position: relative;
  padding-left: 65px;
}
@media screen and (max-width: 1599.98px) {
  .benefits-list .benefits-box .left .inner {
    padding-left: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .benefits-list .benefits-box .left .inner {
    padding-left: 50px;
  }
}
.benefits-list .benefits-box .left .inner::before {
  content: "";
  display: block;
  background: url("../../images/icon-check.png") no-repeat center/100% 100%;
  position: absolute;
  left: 0;
  top: 0px;
  width: 45px;
  height: 45px;
}
@media screen and (max-width: 1599.98px) {
  .benefits-list .benefits-box .left .inner::before {
    width: 35px;
    height: 35px;
  }
}
@media screen and (max-width: 575.98px) {
  .benefits-list .benefits-box .left .inner::before {
    width: 35px;
    height: 35px;
  }
}
@media screen and (min-width: 992px) {
  .benefits-list .benefits-box.alt .row > [class*=col-]:first-child {
    order: 2;
  }
  .benefits-list .benefits-box.alt .row > [class*=col-]:last-child {
    order: 1;
  }
}

.OurSolutionDetailsSection3 .left {
  max-width: 440px;
}
@media screen and (max-width: 1599.98px) {
  .OurSolutionDetailsSection3 .left {
    max-width: 370px;
  }
}

.details-hero .img-holder {
  padding-bottom: 44.64%;
}

.details-info {
  padding: 0px 50px;
}
@media screen and (max-width: 1599.98px) {
  .details-info {
    padding: 0px 40px;
  }
}
@media screen and (max-width: 1199.98px) {
  .details-info {
    padding: 0px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .details-info {
    padding: 0px 0px;
  }
}

.top-right .custom-button.selected {
  box-shadow: 0 5px 10px 0 rgba(82, 21, 21, 0.5);
  background: #e7b777;
  color: #232323 !important;
  border-color: #e7b777;
  text-decoration: none !important;
}
.top-right .custom-button.selected::after {
  background: #232323;
}

.title-holder {
  margin-bottom: 24px;
}
.title-holder .icon-holder {
  background: #f8f1e5;
  width: 72px;
  height: 72px;
}
@media screen and (max-width: 1599.98px) {
  .title-holder .icon-holder {
    width: 56px;
    height: 56px;
  }
}
@media screen and (max-width: 575.98px) {
  .title-holder .icon-holder {
    width: 45px;
    height: 45px;
  }
}
.title-holder hr {
  margin: 0px;
  border-color: #d0c6b5;
}

.HomeSection3 .box {
  text-align: center;
}
.HomeSection3 .box .icon-holder {
  margin: 0px auto 20px;
}
.HomeSection3 .box .counter-holder {
  justify-content: center;
}

/*=========================================================
  V MEDICAL - HOME (index.html, node 7472:6784)
  Section rhythm is Figma cap-to-cap converted to CSS line boxes (L-02):
    title DM Serif 50 / 55   cap offset 12.03, below-baseline 9.975
    body  Roboto Light 18/27 cap offset  6.86, below-baseline 7.34
  so a "100" top padding to a title cap is 87.97, and a Figma gap G between a
  title and body copy is G - 9.975 - 6.86.  Everything below 1920 is INFERRED.
=========================================================*/
.page-home .pageTitle {
  margin-bottom: 0px;
}
.page-home .pageTitle h2 {
  padding: 0px;
}
.page-home .section-intro {
  margin: 0px auto;
}
.page-home .section-intro p {
  margin: 23.165px 0px 0px;
  color: #232323;
}
.page-home .section-action {
  display: flex;
  justify-content: center;
}
.page-home {
  /*--HomeSection1 - As Featured In (7472:6786): 549. Logos 150 on a 270 pitch
      in a 1230 window, long arrows on the 1680 rail, 4 dots 64 below. --*/
}
.page-home .HomeSection1 {
  padding: 87.97px 0px 100px;
}
.page-home .HomeSection1 .pageTitle {
  margin-bottom: 54.03px;
}
.page-home .featured-rail {
  position: relative;
  padding: 14px 0px;
}
.page-home .featured-track {
  width: 1230px;
  max-width: calc(100% - 254px);
  margin: 0px auto;
}
.page-home .featured-slider {
  margin-left: -60px;
  margin-right: -60px;
}
.page-home .featured-slider .slider-slide {
  padding: 0px 60px;
}
.page-home .featured-logo {
  width: 150px;
  max-width: 100%;
  aspect-ratio: 1/1;
  margin: 0px auto;
}
.page-home .featured-logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-home .featured-logo.is-round img {
  border-radius: 50%;
}
.page-home .featured-rail .custom-arrows {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 77px;
  transform: translateY(-50%);
  justify-content: space-between;
  pointer-events: none;
}
.page-home .featured-rail .custom-arrows .slick-arrow {
  pointer-events: auto;
  margin: 0px;
}
.page-home {
  /*--HomeSection2 - Welcome (7472:6791): 960, photo + soft-light layer at 50% +
      bottom-half shade; glass card 1129 wide pinned 56 from the bottom. --*/
}
.page-home .HomeSection2 {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 960px;
  padding: 120px 0px 56px;
}
.page-home .HomeSection2 .container {
  position: relative;
  z-index: 1;
  width: 100%;
}
.page-home .welcome-plate {
  position: absolute;
  inset: 0px;
  z-index: 0;
}
.page-home .welcome-plate img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-home .welcome-plate .welcome-light {
  mix-blend-mode: soft-light;
  opacity: 0.5;
}
.page-home .welcome-plate::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
}
.page-home .welcome-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 1129px;
  padding: 43.97px 56px 56px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.01);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(75px);
}
.page-home .welcome-card .pageTitle h2 {
  color: #ffffff;
  text-transform: capitalize;
}
.page-home .welcome-card p {
  margin: 27.69px 0px 0px;
  color: #ffffff;
  font-weight: 300;
  line-height: 1.6;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .page-home .welcome-card p {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .page-home .welcome-card p {
    font-size: 16px;
  }
}
.page-home .welcome-card p strong {
  font-weight: 700;
}
.page-home .welcome-card .custom-button {
  margin-top: 37px;
}
.page-home {
  /*--HomeSection3 - Stats (7472:6798): 528, cream fade, counters 12 / 30+ / 30+. --*/
}
.page-home .HomeSection3 {
  padding: 87.97px 0px 91.88px;
  background: linear-gradient(180deg, #fff1e2 15.152%, rgba(255, 246, 236, 0) 100%);
}
.page-home .HomeSection3 .pageTitle h2 {
  text-transform: capitalize;
}
.page-home .stats-intro {
  max-width: 670px;
  margin: 0px auto;
}
.page-home .stats-intro p {
  max-width: 606px;
  margin: 23.165px auto 0px;
  color: #232323;
}
.page-home .stats-list {
  display: flex;
  justify-content: space-between;
  max-width: 1148px;
  margin: 73.61px auto 0px;
  padding: 0px;
  list-style: none;
}
.page-home .stats-list li {
  width: 230px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  color: #043850;
}
.page-home .stats-list li::before {
  display: none;
}
.page-home .stats-list p {
  margin: 9.59px 0px 0px;
  color: #043850;
  font-weight: 400;
  line-height: 1.36;
  text-transform: capitalize;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .page-home .stats-list p {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .page-home .stats-list p {
    font-size: 16px;
  }
}
.page-home {
  /*--HomeSection4 - Skin concerns (7472:6817): 1119.3, photo plate + white fade,
      2 x 4 cards (432 wide, gaps 24 / 40). --*/
}
.page-home .HomeSection4 {
  position: relative;
  padding: 87.97px 0px 100px;
}
.page-home .HomeSection4 .container {
  position: relative;
  z-index: 1;
}
.page-home .HomeSection4 .section-intro {
  max-width: 844px;
}
.page-home .concerns-plate {
  position: absolute;
  inset: 0px;
  z-index: 0;
}
.page-home .concerns-plate img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-home .concerns-plate::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: linear-gradient(181.37deg, rgba(255, 255, 255, 0) 40.47%, #fffefb 98.03%);
}
.page-home .concerns-grid {
  margin: 56.66px -12px 0px;
  row-gap: 40px;
}
.page-home .concerns-grid > [class*=col-] {
  padding: 0px 12px;
  margin-top: 0px;
}
.page-home {
  /*--HomeSection5 - Explore treatment (7472:6872): 909.77. Two 687.5 cards in a
      612.77 row; rest = photo + title (541) centred, hover = the full-height
      navy panel card 2 demonstrates (L-97), with focus and touch parity. --*/
}
.page-home .HomeSection5 {
  padding: 87.97px 0px 100px;
}
.page-home .treatment-row {
  display: flex;
  gap: 25px;
  margin-top: 54.025px;
}
.page-home .treatment-card {
  position: relative;
  flex: 1 1 0;
  min-width: 0px;
  aspect-ratio: 690/615;
}
.page-home .treatment-rest {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.page-home .treatment-rest h3 {
  margin: 29.53px 0px 0px;
  padding: 0px;
  text-align: center;
  line-height: 22px;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .page-home .treatment-rest h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .page-home .treatment-rest h3 {
    font-size: 22px;
  }
}
.page-home .treatment-image {
  position: relative;
  aspect-ratio: 690/491;
  border-radius: 10px;
  overflow: hidden;
}
.page-home .treatment-image img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-home .treatment-hover {
  position: absolute;
  inset: 0px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
  color: #ffffff;
  text-decoration: none;
  opacity: 0;
  transition: all 0.3s;
}
.page-home .treatment-hover:hover, .page-home .treatment-hover:focus-visible {
  opacity: 1;
  color: #ffffff;
}
.page-home .treatment-hover-bg {
  position: absolute;
  inset: 0px;
}
.page-home .treatment-hover-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-home .treatment-hover-bg::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: rgba(4, 56, 80, 0.9);
}
.page-home .treatment-hover-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0px 30px;
}
.page-home .treatment-hover-inner .h3 {
  padding: 0px;
  color: #ffffff;
  line-height: 22px;
  text-transform: capitalize;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .page-home .treatment-hover-inner .h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .page-home .treatment-hover-inner .h3 {
    font-size: 22px;
  }
}
.page-home .treatment-hover-inner .treatment-copy {
  display: block;
  max-width: 317px;
  margin-top: 24.05px;
  font-weight: 300;
  line-height: 1.5;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .page-home .treatment-hover-inner .treatment-copy {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .page-home .treatment-hover-inner .treatment-copy {
    font-size: 12px;
  }
}
.page-home .treatment-hover-inner .styled-link {
  margin-top: 42.66px;
  color: #ffffff;
}
.page-home .treatment-hover-inner .h3 + .styled-link {
  margin-top: 50.91px;
}
.page-home .treatment-hover:hover .styled-link {
  color: #e7b777;
}
.page-home .treatment-hover:hover .styled-link::after {
  background-color: #e7b777;
}
@media (hover: none) {
  .page-home .treatment-hover {
    opacity: 1;
  }
}
.page-home {
  /*--HomeSection6 - Signature treatments (7472:6886): 824. Navy panel 1002 wide,
      radius 100 bottom-right; card track from x782 bleeding right, prev control
      80 left of it (only a prev control is drawn - L-20/L-22). --*/
}
.page-home .HomeSection6 {
  position: relative;
  height: 824px;
}
.page-home .signature-panel {
  position: relative;
  z-index: 0;
  width: 1002px;
  height: 824px;
  /* D-059: copy block measured 12 low vs Figma - 251.16 -> 239.16 */
  padding: 239.16px 260px 0px 120px;
  background: #043850;
  border-radius: 0px 0px 100px 0px;
}
.page-home .signature-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.page-home .signature-content .pageTitle small {
  padding: 0px;
}
.page-home .signature-content .pageTitle h2 {
  margin-top: 10.76px;
  color: #e7b777;
  white-space: nowrap;
}
.page-home .signature-content p {
  max-width: 548px;
  margin: 23.165px 0px 0px;
  color: #ffffff;
}
.page-home .signature-content .custom-button {
  margin-top: 32.66px;
}
.page-home .signature-slider-holder {
  position: absolute;
  z-index: 1;
  left: 782px;
  right: 0px;
  top: 57px;
  height: 710px;
}
.page-home .signature-slider .slider-slide {
  width: 474px;
  padding-right: 24px;
}
.page-home .signature-slider .slick-list {
  padding: 20px 0px;
  margin: -20px 0px;
}
.page-home .signature-arrows {
  position: absolute;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
}
.page-home .signature-arrows .slick-arrow {
  width: 60px;
  height: 60px;
  padding: 0px;
  border: 0px;
  border-radius: 50%;
  background: none !important;
  opacity: 1;
  margin: 0px;
}
.page-home .signature-arrows .slick-arrow:hover, .page-home .signature-arrows .slick-arrow:focus-visible {
  box-shadow: 0 0 0 2px #e7b777;
}
.page-home .signature-arrows {
  /* the design draws no next control (L-20); swipe/drag still move forward */
}
.page-home .signature-arrows .slick-next {
  display: none !important;
}
.page-home {
  /*--HomeSection7 - Trusted technologies (7472:6941): 557, intro 1048, a
      continuous logo strip (188 x 100 on a 220 pitch, first logo at x60). --*/
}
.page-home .HomeSection7 {
  padding: 87.97px 0px 100px;
}
.page-home .HomeSection7 .section-intro {
  max-width: 1048px;
}
.page-home .HomeSection7 .section-intro p {
  margin-top: 39.165px;
}
.page-home .tech-strip {
  height: 150px;
  margin-top: 16.66px;
  padding: 25px 0px 0px 60px;
}
.page-home .tech-strip .slider-slide {
  width: 220px;
  padding-right: 32px;
}
.page-home .tech-logo img {
  display: block;
  width: 188px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-home {
  /*--HomeSection8 - Doctors (7472:6946): 1401 on #fff6ec, 3 cards 448 (gap 28),
      button 64 below, team photo 1780 x 245 on the section floor. --*/
}
.page-home .HomeSection8 {
  padding: 87.97px 0px 0px;
  background: #fff6ec;
}
.page-home .HomeSection8 .section-intro {
  max-width: 1120px;
}
.page-home .HomeSection8 .section-action {
  margin-top: 64px;
}
.page-home .doctors-row {
  margin: 56.66px -14px 0px;
  row-gap: 28px;
}
.page-home .doctors-row > [class*=col-] {
  padding: 0px 14px;
  margin-top: 0px;
}
.page-home .doctors-team {
  margin-top: 107px;
  padding: 0px 30px;
}
.page-home .doctors-team img {
  display: block;
  width: 1780px;
  max-width: 100%;
  height: auto;
  margin: 0px auto;
}
.page-home {
  /*--HomeSection9 - Locations (7472:6958): 1899 on #01314b. Map 1400 x 859,
      3-up card slider (448, gap 20) in a 1384 window, long white arrows, dots. --*/
}
.page-home .HomeSection9 {
  padding: 87.97px 0px 100px;
  background: #01314b;
}
.page-home .HomeSection9 .pageTitle h2 {
  color: #e7b777;
}
.page-home .HomeSection9 .section-action {
  margin-top: 40px;
}
.page-home .locations-map {
  max-width: 1400px;
  margin: 30.025px auto 0px;
}
.page-home .locations-map img {
  display: block;
  width: 100%;
  height: auto;
}
.page-home .locations-rail {
  position: relative;
  margin-top: 40px;
}
.page-home .locations-track {
  width: 1384px;
  max-width: calc(100% - 254px);
  margin: 0px auto;
}
.page-home .locations-slider {
  margin-left: -10px;
  margin-right: -10px;
}
.page-home .locations-slider .slick-track {
  display: flex;
  align-items: center;
}
.page-home .locations-slider .slick-slide {
  float: none;
  height: auto;
}
.page-home .locations-slider .slider-slide {
  padding: 0px 10px;
}
.page-home .locations-slider .slick-dots {
  margin-top: 40px;
}
.page-home .locations-rail .custom-arrows {
  position: absolute;
  left: 0px;
  right: 0px;
  top: calc((100% - 50px) / 2);
  transform: translateY(-50%);
  justify-content: space-between;
  pointer-events: none;
}
.page-home .locations-rail .custom-arrows .slick-arrow {
  pointer-events: auto;
  margin: 0px;
}
.page-home {
  /*--HomeSection10 - Blogs (7472:6965): 999.24, 4 cards 432 / gap 28. The drawn
      row is 1812 inside an 1800 frame (DCI) - reproduced at 1920 only. --*/
}
.page-home .HomeSection10 {
  padding: 87.97px 0px 100px;
}
.page-home .HomeSection10 .section-action {
  margin-top: 65px;
}
.page-home .blogs-row {
  display: flex;
  gap: 28px;
  margin-top: 55.025px;
}
.page-home .blogs-row .gridbox-5 {
  flex: 0 0 432px;
}

/*=========================================================
  SHARED - Enquiry + outlets band (homepage 7472:7028, conditions 7457:3901).
  Was .page-home .HomeSection11; moved out unchanged so inner pages reuse it.
=========================================================*/
.enquiry-outlets .pageTitle {
  margin-bottom: 0px;
}
.enquiry-outlets .pageTitle h2 {
  padding: 0px;
}
.enquiry-outlets {
  /*--Enquiry + outlets band (home 7472:7028): panel 1600 x 873 from x320,
      radius 100 top-left, photo at 37% under a 75% gold wash; enquiry card 554
      wide hangs 260 left of it, vertically centred; 4-column outlet list. --*/
}
.enquiry-outlets {
  margin-bottom: 100px;
}
.enquiry-outlets .outlets-panel {
  position: relative;
  width: 1600px;
  max-width: calc(100% - 16.667vw);
  margin-left: auto;
  padding: 127.97px 120px 132.66px 400px;
  border-radius: 100px 0px 0px 0px;
}
.enquiry-outlets .outlets-plate {
  position: absolute;
  inset: 0px;
  z-index: 0;
  overflow: hidden;
  border-radius: inherit;
}
.enquiry-outlets .outlets-plate img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.37;
}
.enquiry-outlets .outlets-plate::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: rgba(231, 183, 119, 0.75);
}
.enquiry-outlets .outlets-content {
  position: relative;
  z-index: 1;
}
.enquiry-outlets .outlets-content .pageTitle {
  margin-bottom: 53px;
}
.enquiry-outlets .outlets-list {
  display: grid;
  grid-template-columns: 248px 220px 220px 220px;
  justify-content: space-between;
  row-gap: 47.64px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.enquiry-outlets .outlets-list li {
  margin: 0px;
  padding: 0px;
}
.enquiry-outlets .outlets-list li::before {
  display: none;
}
.enquiry-outlets .outlets-list h3 {
  margin: 0px;
  padding: 0px;
  color: #043850;
  line-height: normal;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .enquiry-outlets .outlets-list h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .enquiry-outlets .outlets-list h3 {
    font-size: 16px;
  }
}
.enquiry-outlets .outlets-list p {
  margin: 13.1px 0px 0px;
  color: #232323;
}
.enquiry-outlets .enquiry-card {
  position: absolute;
  z-index: 2;
  left: -260px;
  top: calc(50% + 0.19px);
  transform: translateY(-50%);
  width: 554px;
  /* QC D-057: eyebrow cap-top sits 26.16 below the card edge (drawn 38.16 measured +12) */
  padding: 26.16px 40px 40px;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0px 15px 20px rgba(46, 3, 3, 0.15);
}
.enquiry-outlets .enquiry-card .pageTitle small {
  padding: 0px;
}
.enquiry-outlets .enquiry-card .pageTitle h2 {
  margin-top: 5.81px;
  color: #043850;
  line-height: 55px;
  text-transform: capitalize;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .enquiry-outlets .enquiry-card .pageTitle h2 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .enquiry-outlets .enquiry-card .pageTitle h2 {
    font-size: 22px;
  }
}
.enquiry-outlets .enquiry-form {
  margin-top: 25.56px;
}
.enquiry-outlets .enquiry-form .form-group {
  margin: 0px 0px 33.14px;
}
.enquiry-outlets .enquiry-form input.form-control {
  height: 56px;
}
.enquiry-outlets .enquiry-form textarea.form-control {
  height: 100px;
  padding: 14px 20px;
}
.enquiry-outlets .enquiry-form {
  /* QC D-057: drawn message-to-button gap is 40.14 (33.14 + 7; padding, as a margin would collapse into the 33.14) */
}
.enquiry-outlets .enquiry-form .form-action {
  align-items: flex-start;
  padding-top: 7px;
}

/*--Home responsive - INFERRED (no tablet/mobile frame, D-004)--*/
@media screen and (max-width: 1919.98px) {
  .page-home .blogs-row .gridbox-5 {
    flex: 1 1 0;
    min-width: 0px;
  }
  .page-home .signature-panel {
    width: 52.2vw;
    padding-right: 13.5vw;
    padding-left: 6.25vw;
  }
  .page-home {
    /* 782 / 1920: the track starts where the drawn panel overlap starts, at every
       width - the copy column ends at 52.2vw - 13.5vw = 38.7vw, clear of it */
  }
  .page-home .signature-slider-holder {
    left: 40.73vw;
  }
  .page-home {
    /* the copy column ends 24px before the prev control (track 40.73vw - 80)
       so neither the title nor the paragraph runs under it */
  }
  .page-home .signature-content {
    max-width: calc(34.48vw - 104px);
  }
  .page-home .signature-content .pageTitle h2 {
    white-space: normal;
  }
  .enquiry-outlets {
    /* list starts 106 right of the card at every width: card right edge =
       panel left - 13.5vw + 554, so padding-left = 554 - 13.5vw + 106 + ...
       -> calc(660px - 13.5vw) (= 400.8 at 1920, the drawn 400) */
  }
  .enquiry-outlets .outlets-panel {
    padding-left: calc(660px - 13.5vw);
    padding-right: 6.25vw;
  }
  .enquiry-outlets .outlets-list {
    grid-template-columns: repeat(4, minmax(0, 220px));
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .enquiry-outlets .enquiry-card {
    left: -13.5vw;
  }
}
@media screen and (max-width: 1599.98px) {
  .page-home {
    /* narrower cards wrap addresses to different line counts: align the tops
       and give every visible card the same height instead of centring */
  }
  .page-home .locations-slider .slick-track {
    align-items: stretch;
  }
  .page-home .locations-slider .slick-slide > div,
  .page-home .locations-slider .slider-slide,
  .page-home .locations-slider .gridbox-4 {
    height: 100%;
  }
  .page-home .HomeSection1,
  .page-home .HomeSection4,
  .page-home .HomeSection5,
  .page-home .HomeSection7,
  .page-home .HomeSection9,
  .page-home .HomeSection10 {
    padding-top: 70px;
    padding-bottom: 80px;
  }
  .page-home .HomeSection3 {
    padding: 70px 0px 72px;
  }
  .page-home .HomeSection8 {
    padding-top: 70px;
  }
  .page-home .featured-slider .slider-slide {
    padding: 0px 30px;
  }
  .page-home .featured-slider {
    margin-left: -30px;
    margin-right: -30px;
  }
  .page-home .HomeSection2 {
    min-height: 760px;
  }
  .page-home .HomeSection6 {
    height: auto;
    min-height: 680px;
  }
  .page-home .signature-panel {
    height: auto;
    min-height: 680px;
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .page-home .signature-slider-holder {
    top: 50%;
    transform: translateY(-50%);
    height: auto;
  }
  .page-home .signature-slider .slider-slide {
    width: 404px;
  }
  .page-home .signature-content .pageTitle h2 {
    white-space: normal;
  }
  .page-home .treatment-rest h3 {
    line-height: 1.1;
  }
  .page-home .stats-list {
    margin-top: 56px;
  }
  .enquiry-outlets .outlets-panel {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .enquiry-outlets .enquiry-card {
    width: 470px;
    padding: 30px;
  }
  .enquiry-outlets {
    /* card is 470 here: same 106 clearance, and 3 columns so the addresses
       keep a readable measure */
  }
  .enquiry-outlets .outlets-panel {
    padding-left: calc(576px - 13.5vw);
  }
  .enquiry-outlets .outlets-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media screen and (max-width: 1199.98px) {
  .page-home {
    /* 4-up blog cards clamp their titles below 1200 - 2-up from here */
  }
  .page-home .blogs-row {
    flex-wrap: wrap;
  }
  .page-home .blogs-row .gridbox-5 {
    flex: 0 0 calc(50% - 14px);
  }
  .page-home .gridbox-5 .grid-content {
    min-height: 0px;
  }
  .page-home .gridbox-5 .styled-link {
    padding-top: 30px;
  }
  .page-home .HomeSection6 {
    min-height: 0px;
  }
  .page-home .signature-panel {
    width: 100%;
    min-height: 0px;
    padding: 80px 40px 260px;
    border-radius: 0px 0px 60px 0px;
  }
  .page-home {
    /* release the 1200-1919 cap (copy ends before the prev control) - the
       control is under the track here, so the copy takes the panel width */
  }
  .page-home .signature-content {
    max-width: 640px;
  }
  .page-home .signature-content p {
    max-width: 640px;
  }
  .page-home .signature-slider-holder {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    margin-top: -200px;
    padding: 0px 0px 100px 40px;
  }
  .page-home {
    /* INFERRED: the control moves under the track (30 below the cards, on the
       white ground) - above it, it landed on the READ MORE button */
  }
  .page-home .signature-arrows {
    left: 40px;
    top: auto;
    bottom: 10px;
    transform: none;
  }
  .enquiry-outlets .outlets-panel {
    max-width: 100%;
    width: 100%;
    padding: 80px 40px;
    border-radius: 60px 0px 0px 0px;
  }
  .enquiry-outlets .enquiry-card {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
    max-width: 554px;
    margin: 0px auto 60px;
  }
  .enquiry-outlets .outlets-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 991.98px) {
  .page-home {
    /* desktop keeps the drawn 250 content block; stacked cards size to content */
  }
  .page-home .gridbox-5 .grid-content {
    min-height: 0px;
  }
  .page-home {
    /* keep margin-top:auto so links still align across a 2-up row */
  }
  .page-home .gridbox-5 .styled-link {
    padding-top: 30px;
  }
  .page-home .blogs-row {
    flex-wrap: wrap;
  }
  .page-home .blogs-row .gridbox-5 {
    flex: 0 0 calc(50% - 14px);
  }
  .page-home .treatment-row {
    flex-direction: column;
  }
  .page-home .treatment-card {
    flex: 0 0 auto;
    width: 100%;
  }
  .page-home .stats-list li {
    width: auto;
    flex: 1 1 0;
  }
  .page-home {
    /* 36 arrows + 20 clearance each side */
  }
  .page-home .featured-track,
  .page-home .locations-track {
    max-width: calc(100% - 112px);
  }
}
@media screen and (max-width: 767.98px) {
  .page-home {
    /* phones: the track takes the full width and the short arrows move into
       the dots row, one at each end, centred on the dots */
  }
  .page-home .featured-track,
  .page-home .locations-track {
    max-width: 100%;
  }
  .page-home .featured-slider {
    margin-left: -15px;
    margin-right: -15px;
  }
  .page-home .featured-slider .slider-slide {
    padding: 0px 15px;
  }
  .page-home .featured-rail .custom-arrows {
    top: auto;
    bottom: 19px; /* rail padding 14 + half the 10 dot row */
    transform: translateY(50%);
  }
  .page-home .locations-rail .custom-arrows {
    top: auto;
    bottom: 5px; /* half the 10 dot row */
    transform: translateY(50%);
  }
  .page-home .HomeSection2 {
    min-height: 0px;
    padding-top: 300px;
  }
  .page-home .welcome-card {
    padding: 30px 24px 30px;
  }
  .page-home .welcome-card p {
    font-size: 18px;
  }
  .page-home .stats-list {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .page-home .blogs-row .gridbox-5 {
    flex: 0 0 100%;
  }
  .page-home {
    /* 12 location pages: tighter dots so the row stays on one line
       (no negative margins - they pushed the centred row 40px left) */
  }
  .page-home .locations-slider .slick-dots {
    gap: 9px;
  }
  .page-home .signature-panel {
    padding: 60px 20px 240px;
  }
  .page-home .signature-slider-holder {
    padding-left: 20px;
  }
  .page-home .signature-arrows {
    left: 20px;
  }
  .page-home .signature-slider .slider-slide {
    width: 324px;
  }
  .page-home .tech-strip {
    padding-left: 20px;
  }
  .page-home .doctors-team {
    padding: 0px 20px;
  }
  .enquiry-outlets .outlets-panel {
    padding: 50px 20px;
    border-radius: 40px 0px 0px 0px;
  }
  .enquiry-outlets .outlets-list {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 30px;
  }
  .enquiry-outlets .enquiry-card {
    padding: 24px 20px;
  }
}
/*=========================================================
  V MEDICAL - CONDITIONS LISTING (conditions.html, node 7457:3777, Inner Rev 1)
  ConditionsSection1 hero + breadcrumb (.inner-hero, _banner / _breadcrumb)
  ConditionsSection2 listing 7457:3797: 2048.89 = 100 + intro 113 + 60 + 3 rows of
    532.11 (row gaps 40) + 100. Intro 884 wide, title DM Serif 50/55, 40 to the body
    (23.165 margin), 60 from the body baseline to the cards (60 - 7.34 = 52.66).
    Cards are .gridbox-6 (_gridbox). Row 2 is drawn with a 25 gap (24 elsewhere) -
    built at 24 throughout.
  ConditionsSection3 enquiry + outlets band - shared .enquiry-outlets (as home).
  Everything below 1920 is INFERRED (D-004).
=========================================================*/
.page-conditions .ConditionsSection2 {
  padding: 87.97px 0px 100px;
}
.page-conditions .section-intro {
  max-width: 884px;
  margin: 0px auto;
}
.page-conditions .section-intro .pageTitle {
  margin-bottom: 0px;
}
.page-conditions .section-intro .pageTitle h2 {
  padding: 0px;
}
.page-conditions .section-intro p {
  margin: 23.165px 0px 0px;
  color: #232323;
}
.page-conditions .conditions-grid {
  margin: 52.66px -12px 0px;
  row-gap: 40px;
}
.page-conditions .conditions-grid > [class*=col-] {
  padding: 0px 12px;
  margin-top: 0px;
}

@media screen and (max-width: 1599.98px) {
  .page-conditions .ConditionsSection2 {
    padding: 70px 0px 80px;
  }
  .page-conditions .conditions-grid {
    margin-top: 44px;
    row-gap: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .page-conditions .ConditionsSection2 {
    padding: 50px 0px 60px;
  }
  .page-conditions .conditions-grid {
    margin-top: 34px;
    row-gap: 24px;
  }
}
/*=========================================================
  SHARED - TREATMENT DETAILS TEMPLATE (.td-*) - Conditions details 7457:3059,
  Inner Rev 1. Built as reusable blocks so the Signature details page can share
  them. Cap conversions (L-02):
    DM 50/55   cap offset 12.03  below 9.975      DM 34/40  9.477 / 8.083
    DM 34/22   0.477 / -0.917                     DM 24/30  7.572 / 6.588
    Roboto 18/1.5  6.86 / 7.34                    Roboto 24/1.6  10.344 / 10.992
  so a Figma gap G between A and B is G - belowA - offsetB. Everything below
  1920 is INFERRED (D-004).
=========================================================*/
.td-title {
  margin: 0px;
  padding: 0px !important;
  color: #232323;
  line-height: 1.1;
  text-transform: capitalize;
  font-size: 50px;
}
@media screen and (max-width: 1599.98px) {
  .td-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-title {
    font-size: 33px;
  }
}
.td-title.td-no-caps {
  text-transform: none;
}

.td-subtitle {
  margin: 0px;
  padding: 0px !important;
  color: #232323;
  line-height: 1.1765;
  text-transform: capitalize;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .td-subtitle {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-subtitle {
    font-size: 22px;
  }
}

.td-copy {
  color: #232323;
}
.td-copy p {
  margin: 0px;
  color: #232323;
}
.td-copy p + p {
  margin-top: 27px;
}

.td-inline-link,
.td-highlight {
  color: #e7b777;
  font-weight: 700;
}

a.td-inline-link {
  text-decoration: none;
}
a.td-inline-link:hover, a.td-inline-link:focus-visible {
  color: #785927;
  text-decoration: underline;
}

.td-intro {
  max-width: 1400px;
  margin: 0px auto;
}
.td-intro p {
  margin: 23.165px 0px 0px;
  color: #232323;
}

.td-action {
  display: flex;
}

/* list reset for the template's own lists (house ul/ol add margins, padding and
   counters) */
.td-glance-list,
.td-checklist ul,
.td-factors,
.td-aftercare-card ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.td-glance-list > li,
.td-checklist ul > li,
.td-factors > li,
.td-aftercare-card ul > li {
  padding: 0px;
}
.td-glance-list > li::before,
.td-checklist ul > li::before,
.td-factors > li::before,
.td-aftercare-card ul > li::before {
  display: none;
}

/*--S1 breadcrumb strip 7457:3067: 110, crumbs cap box centred (48.5 / 48.5). --*/
.td-crumbs {
  padding: 41.64px 0px 41.36px;
  background: #ffffff;
}

/*--Split rows (7457:3079 / 3272 / 3433 / 3309): 700 x 600 photo radius 10 and a
    617 copy column, 83 apart, centred on each other. The first heading's line box is
    pulled up to its cap so the visible block centres like the drawn one. --*/
.td-split {
  padding: 100px 0px;
}

.td-split-row {
  display: flex;
  align-items: center;
  gap: 83px;
}

.td-split-media {
  position: relative;
  flex: 0 1 700px;
  aspect-ratio: 7/6;
  border-radius: 10px;
  overflow: hidden;
}
.td-split-media img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* D-065: the copy shrinks from its drawn 617 alongside the photo's 700 (flex-shrink
   weights by basis), so below 1400 both scale together at the drawn 700 : 617 instead
   of the photo holding 700 and the copy taking what is left (382 at 1440) */
.td-split-copy {
  flex: 0 1 617px;
  min-width: 0px;
  max-width: 617px;
}
.td-split-copy > .td-title:first-child {
  margin-top: -12.03px;
}
.td-split-copy > .td-subtitle:first-child {
  margin-top: -9.477px;
}
.td-split-copy > .td-copy:last-child {
  margin-bottom: -7.34px;
}
.td-split-copy .td-title + .td-copy {
  margin-top: 23.165px;
}
.td-split-copy .td-copy + .td-action {
  margin-top: 32.66px;
}
.td-split-copy .td-copy + .td-subtitle {
  margin-top: 33.183px;
}
.td-split-copy .td-subtitle + .td-copy {
  margin-top: 25.057px;
}

/*--Title + copy pair (7457:3442 / 3472): heading and copy top-aligned on their caps,
    80 apart; --pair-gap is the drawn gap above them. --*/
.td-pair {
  --pair-gap: 70px;
  display: flex;
  align-items: flex-start;
  gap: 80px;
}
.td-pair > .td-title {
  flex: 0 0 auto;
  margin-top: calc(var(--pair-gap) - 12.03px);
}
.td-pair > .td-copy {
  flex: 1 1 0px;
  min-width: 0px;
  margin-top: calc(var(--pair-gap) - 6.86px);
}

/*--S4 at a glance 7457:3087: 508 on #fff6ec; five 230 columns spread on 1400;
    100 #1a3e58 disc with the white line icon, 32 to a DM 24/30 $primary label, 24 to
    the Roboto Light 18 value. --*/
.td-glance {
  padding: 87.97px 0px 92.66px;
  background: #fff6ec;
}

.td-glance-list {
  display: flex;
  justify-content: space-between;
  margin-top: 50.025px !important;
}
.td-glance-list > li {
  width: 230px;
  text-align: center;
}
.td-glance-list .td-glance-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 0px auto;
  border-radius: 50%;
  background: #1a3e58;
}
.td-glance-list .td-glance-icon img {
  display: block;
  max-width: 66px;
  height: auto;
}
.td-glance-list h3 {
  margin: 24.428px 0px 0px;
  padding: 0px;
  color: #043850;
  line-height: 1.25;
  text-transform: capitalize;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .td-glance-list h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-glance-list h3 {
    font-size: 16px;
  }
}
.td-glance-list p {
  margin: 10.552px 0px 0px;
  color: #232323;
}

/*--S5 benefits 7457:3235: 1435 on #01314b; gold title, white intro, 3 x 2
    .gridbox-7 cards with 20 gaps, 67 below the intro. --*/
.td-benefits {
  padding: 87.97px 0px 100px;
  background: #01314b;
}
.td-benefits .td-title {
  color: #e7b777;
}
.td-benefits .td-intro p {
  color: #ffffff;
}

.td-benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  gap: 20px;
  margin-top: 59.66px;
}

/*--S7 how it works 7457:3285: 1309 on #fff6ec. The particle strip is drawn as a
    1400 x 213.62 canvas (three 340 photos, 4px gold rules behind them, two 57 x 53
    gold-gradient steps) - placed in % of the strip so it scales. --*/
.td-works {
  padding: 87.97px 0px 100px;
  background: #fff6ec;
}

.td-particles {
  position: relative;
  margin-top: 30.025px;
  aspect-ratio: 1400/213.62;
}
.td-particles .td-line {
  position: absolute;
  top: 48.217%;
  height: 4px;
  border-radius: 50px;
  background: #e7b777;
}
.td-particles .td-line-1 {
  left: 21%;
  width: 6%;
}
.td-particles .td-line-2 {
  left: 33.385%;
  width: 33.538%;
}
.td-particles .td-line-3 {
  left: 73.308%;
  width: 19.923%;
}
.td-particles .td-particle {
  position: absolute;
  width: 24.314%;
  height: auto;
}
.td-particles .td-particle-1 {
  left: 0%;
  top: 0%;
}
.td-particles .td-particle-2 {
  left: 39.324%;
  top: 0.089%;
}
.td-particles .td-particle-3 {
  left: 75.686%;
  top: 0.178%;
}
.td-particles .td-step {
  position: absolute;
  top: 36.981%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.077%;
  aspect-ratio: 57.077/53;
  padding-left: 0.07%;
  border-radius: 26.5px;
  background: linear-gradient(180deg, #e0b560 0%, #785927 100%);
}
.td-particles .td-step img {
  display: block;
  width: 31.36%;
  height: auto;
}
.td-particles .td-step-1 {
  left: 28.154%;
}
.td-particles .td-step-2 {
  left: 68.077%;
}

.td-particle-captions {
  display: flex;
  justify-content: center;
  gap: 192px;
  margin-top: 30.523px;
  text-align: center;
}
.td-particle-captions > div {
  flex: 0 1 367px;
}
.td-particle-captions h3 {
  margin: 0px;
  padding: 0px;
  color: #232323;
  line-height: 1.1765;
  text-transform: capitalize;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .td-particle-captions h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-particle-captions h3 {
    font-size: 22px;
  }
}
.td-particle-captions p {
  margin: 25.057px 0px 0px;
  color: #232323;
}

.td-works-row {
  margin-top: 72.66px;
}
.td-works-row .td-split-copy {
  max-width: none;
}

/*--S8 areas 7457:3313: 819.2; three 450 columns (gap 25): 690:491 photo radius 10
    (5% black film on the first two), DM 34/22 label, Roboto 18 copy, centred. --*/
.td-areas {
  padding: 87.97px 0px 92.66px;
}

.td-areas-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  gap: 25px;
  margin-top: 56.66px;
  text-align: center;
}
.td-areas-grid h3 {
  margin: 29.523px 0px 0px;
  padding: 0px;
  color: #232323;
  line-height: 22px;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .td-areas-grid h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-areas-grid h3 {
    font-size: 22px;
  }
}
.td-areas-grid p {
  margin: 24.057px 0px 0px;
  color: #232323;
}
@media screen and (max-width: 1919.98px) {
  .td-areas-grid h3 {
    margin-top: 22px;
    line-height: 1.2;
  }
  .td-areas-grid p {
    margin-top: 16px;
  }
}

.td-area-image {
  position: relative;
  aspect-ratio: 690/491;
  border-radius: 10px;
  overflow: hidden;
}
.td-area-image img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
.td-area-image.is-shaded::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: rgba(0, 0, 0, 0.05);
}

/*--Panel split (7457:3330 navy / 7457:3580 cream): a 1002 panel flush left with a
    100 bottom-right radius, copy 735 (pad 120 / 147), and an 855 aside overlapping
    it by 57, 120 from the right edge. --*/
.td-panel-split {
  display: flex;
  align-items: center;
  padding-right: 120px;
}
.td-panel-split .td-panel {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  flex: 0 0 1002px;
  margin-right: -57px;
  padding: 60px 147px 60px 120px;
  border-radius: 0px 0px 100px 0px;
}
.td-panel-split .td-panel-inner {
  width: 100%;
  max-width: 735px;
}
.td-panel-split .td-panel-inner > .td-title:first-child {
  margin-top: -12.03px;
}
.td-panel-split .td-panel-lead {
  margin: 23.165px 0px 0px;
}
.td-panel-split .td-action {
  margin-top: 32.66px;
}
.td-panel-split .td-panel-aside {
  position: relative;
  z-index: 1;
  flex: 0 0 855px;
  min-width: 0px;
}

.td-panel-navy {
  padding-bottom: 100px;
}
.td-panel-navy .td-panel {
  height: 750px;
  background: #043850;
}
.td-panel-navy .td-title {
  color: #e7b777;
}
.td-panel-navy .td-panel-lead {
  color: #ffffff;
}

.td-panel-cream {
  /* 7457:3581 is not centred: copy hangs from a 291 top pad (title cap at 291) */
}
.td-panel-cream .td-panel {
  align-items: flex-start;
  height: 753px;
  padding-top: 291px;
  background: #fff6ec;
}
.td-panel-cream .td-panel-lead {
  color: #232323;
}

.td-panel-media {
  position: relative;
  aspect-ratio: 855/600;
  border-radius: 10px;
  overflow: hidden;
}
.td-panel-media img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* checklist 7457:3335: two columns (296 + rest, gap 40), rows 20 apart, a 22.8
   gold-gradient check 25 before Roboto Light 18 white */
.td-checklist {
  display: flex;
  gap: 40px;
  margin-top: 32.66px;
}
.td-checklist > ul:first-child {
  flex: 0 0 296px;
}
.td-checklist > ul:last-child {
  flex: 1 1 0px;
  min-width: 0px;
}
.td-checklist li {
  display: flex;
  align-items: center;
  gap: 25px;
  color: #ffffff;
  line-height: 1.5;
}
.td-checklist li::after {
  content: "";
  order: -1;
  flex: 0 0 22.8px;
  height: 22.8px;
  background: url("../../images/icon-check-gold.svg") no-repeat center/100% 100%;
}
.td-checklist li + li {
  margin-top: 15.8px;
}

/* overview card 7457:3588: navy head DM 24/40 gold, body rows label 363 / value 269
   Bold, 103 apart, 35 above and below each cap box, #d5d5d5 rules (a double rule under
   "Recovery Time" as drawn) */
.td-overview {
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
  overflow: hidden;
}
.td-overview .td-overview-head {
  margin: 0px;
  padding: 19.428px 44px 20.412px !important;
  background: #01314b;
  color: #e7b777;
  line-height: 40px;
  text-align: center;
  text-transform: capitalize;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .td-overview .td-overview-head {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-overview .td-overview-head {
    font-size: 16px;
  }
}
.td-overview .td-overview-list {
  margin: 0px;
  padding: 53.14px 60px 52.66px;
}
.td-overview .td-overview-list > div {
  display: flex;
  align-items: center;
  gap: 103px;
  padding: 28.14px 0px 27.66px;
  border-top: 1px solid #d5d5d5;
  color: #232323;
  line-height: 1.5;
}
.td-overview .td-overview-list > div:first-child {
  padding-top: 0px;
  border-top: 0px;
}
.td-overview .td-overview-list > div:last-child {
  padding-bottom: 0px;
}
.td-overview .td-overview-list > div:nth-child(4) {
  border-bottom: 1px solid #d5d5d5;
}
.td-overview .td-overview-list dt {
  flex: 0 1 363px;
  font-weight: 300;
}
.td-overview .td-overview-list dd {
  flex: 0 1 269px;
  margin: 0px;
  font-weight: 700;
}

/*--S10 concerns slider 7457:3391: 898; photo + white rise (181.1deg, clear 40.47%
    -> #fffefb 98.03%); card 1400 x 547 (pad 33 / 46, radius 10, soft shadow): 667 x
    481 photo + copy 50 apart; 4 dots 38 below; 87 long arrows parked 94 / 88 from the
    page edges, 354 into the card. Only slide 1 is drawn. --*/
.td-concerns {
  position: relative;
  padding: 87.97px 0px 100px;
}
.td-concerns > .container {
  position: relative;
  z-index: 1;
}

.td-concerns-plate {
  position: absolute;
  inset: 0px;
  z-index: 0;
}
.td-concerns-plate img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.td-concerns-plate::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: linear-gradient(181.1deg, rgba(255, 255, 255, 0) 40.47%, #fffefb 98.033%);
}

.td-concerns-rail {
  position: relative;
  margin-top: 60.025px;
}
.td-concerns-rail .custom-arrows {
  position: absolute;
  top: 354px;
  left: calc((100% - 100vw) / 2 + 94px);
  right: calc((100% - 100vw) / 2 + 88px);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  transform: translateY(-50%);
}
.td-concerns-rail .custom-arrows .slick-arrow {
  margin: 0px;
  pointer-events: auto;
}
.td-concerns-rail .custom-arrows .slick-arrow .icon-arrow-long {
  background-color: #212322;
}

.td-concerns-slider.dots-vma .slick-dots {
  width: -moz-max-content;
  width: max-content;
  margin: 38px auto 0px;
}
.td-concerns-slider {
  /* 20 of room for the card shadow lives on each slide, so neighbours stay out of
     view (padding on the list exposed 20px of the next card) */
}
.td-concerns-slider .slick-list {
  margin: -20px;
}
.td-concerns-slider .slider-slide {
  padding: 20px;
}

.td-concern-card {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 33px 33px 33px 46px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
}
.td-concern-card h3 {
  margin: -9.477px 0px 0px;
  padding: 0px;
  color: #232323;
  line-height: 1.1765;
  text-transform: capitalize;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .td-concern-card h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-concern-card h3 {
    font-size: 22px;
  }
}
.td-concern-card .td-copy {
  margin: 25.057px 0px -7.34px;
}

.td-concern-media {
  position: relative;
  flex: 0 1 667px;
  aspect-ratio: 667/481;
  border-radius: 10px;
  overflow: hidden;
}
.td-concern-media img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* D-065: copy shrinks from its drawn 604 alongside the photo's 667, so below 1400 the
   card keeps the drawn 667 : 604 split (was: photo held 667, copy 379 at 1440) */
.td-concern-copy {
  flex: 0 1 604px;
  min-width: 0px;
}

/*--S11 what to expect 7457:3407: 800; three .gridbox-8 cards, 20 apart, 67 below
    the title. --*/
.td-expect {
  padding: 87.97px 0px 100px;
}

.td-expect-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  gap: 20px;
  margin-top: 57.025px;
}

/*--S12 after care 7457:3428: 1060; mirrored photo, 5% black film + lower-half shade
    to 50%; glass card 843 (blur 75, rgba(32,32,32,.1), 10% white stroke, radius 20,
    pad 56) pinned 120 right / 56 bottom. Copy Roboto Light 24 / 1.6 white, list with
    discs 36 in and Bold leads. --*/
.td-aftercare {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  min-height: 1060px;
  padding: 100px 120px 56px; /* drawn 120 top is overrun by the card (top 112) */
  overflow: hidden;
}

.td-aftercare-plate {
  position: absolute;
  inset: 0px;
  z-index: 0;
}
.td-aftercare-plate img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.td-aftercare-plate::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
}

.td-aftercare-card {
  position: relative;
  z-index: 1;
  width: 843px;
  max-width: 100%;
  padding: 43.97px 56px 45.008px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(32, 32, 32, 0.1);
  backdrop-filter: blur(75px);
  color: #ffffff;
}
.td-aftercare-card .td-title {
  color: #ffffff;
}
.td-aftercare-card p,
.td-aftercare-card li {
  color: #ffffff;
  font-weight: 300;
  line-height: 1.6;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .td-aftercare-card p,
  .td-aftercare-card li {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-aftercare-card p,
  .td-aftercare-card li {
    font-size: 16px;
  }
}
.td-aftercare-card p {
  margin: 19.681px 0px 0px;
}
.td-aftercare-card ul {
  margin-top: 18.664px !important;
  padding-left: 36px !important;
  list-style: disc !important;
}
.td-aftercare-card ul > li {
  display: list-item;
}
.td-aftercare-card strong {
  font-weight: 700;
}

/*--S13 before / after 7457:3433: 1072 - split row then the side-effects pair (title
    620, 3 forced lines). --*/
.td-before-after {
  padding: 100px 0px 92.66px;
}
.td-before-after .td-pair > .td-title {
  width: 620px;
}

/*--S14 sessions 7457:3445: 907 on the gold-wash photo; table 64 under the title,
    pair 64 under the table. --*/
.td-sessions {
  position: relative;
  padding: 87.97px 0px 90.025px;
}
.td-sessions > .container {
  position: relative;
  z-index: 1;
}
.td-sessions .td-table {
  margin-top: 54.025px;
}
.td-sessions .td-pair {
  --pair-gap: 64px;
}
.td-sessions .td-pair > .td-title {
  white-space: nowrap;
}

.td-sessions-plate {
  position: absolute;
  inset: 0px;
  z-index: 0;
}
.td-sessions-plate img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*--S15 full-width photo 7457:3475: 1920 x 900. --*/
.td-fullphoto img {
  display: block;
  width: 100%;
  height: 900px;
  -o-object-fit: cover;
     object-fit: cover;
}

/*--S16 devices 7457:3476: 2772 on #01314b - white two-line title, 1400 x 450 photo,
    white lead, two 400 device cards (pad 20 20 24, photo + copy halves 40 apart, the
    second mirrored), then the gold comparison table, all 70 apart. --*/
.td-devices {
  padding: 87.97px 0px 100px;
  background: #01314b;
}
.td-devices .td-title {
  color: #ffffff;
}
.td-devices .td-table {
  margin-top: 70px;
}

.td-devices-hero {
  position: relative;
  margin-top: 30.025px;
  aspect-ratio: 1400/450;
  border-radius: 10px;
  overflow: hidden;
}
.td-devices-hero img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.td-devices-lead {
  margin: 33.14px 0px 0px;
  color: #ffffff;
}

.td-device-cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 62.66px;
}

.td-device-card {
  display: flex;
  align-items: center;
  gap: 40px;
  height: 400px;
  padding: 20px 20px 24px;
  border-radius: 10px;
  background: #ffffff;
}
.td-device-card.is-reverse {
  flex-direction: row-reverse;
}
.td-device-card h3 {
  margin: -0.477px 0px 0px;
  padding: 0px;
  color: #232323;
  line-height: 22px;
  text-transform: capitalize;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .td-device-card h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-device-card h3 {
    font-size: 22px;
  }
}
.td-device-card p {
  margin: 0px;
  color: #232323;
}
.td-device-card h3 + p {
  margin-top: 24.057px;
}
.td-device-card p + p {
  margin-top: 27px;
}
@media screen and (max-width: 1919.98px) {
  .td-device-card h3 {
    margin-top: -8px;
    line-height: 1.2;
  }
  .td-device-card h3 + p {
    margin-top: 16px;
  }
}

.td-device-media {
  position: relative;
  flex: 1 1 0px;
  align-self: stretch;
  overflow: hidden;
}
.td-device-media img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* QC D-057: media and copy frames are both 660 at 1920 (copy text 640 inside a
   10 inset). The inset is a margin on the children, not padding on the flex item,
   so the two flex: 1 1 0 columns split the row evenly. */
.td-device-copy {
  flex: 1 1 0px;
  min-width: 0px;
  padding: 10px 0px;
}
.td-device-copy > * {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.td-device-copy {
  /* bottom cap-trim (Roboto 18/1.5) so the copy centres on its drawn box;
     the house forces p:last-child margin-bottom 0 - trim via ::after */
}
.td-device-copy > p:last-child::after {
  content: "";
  display: block;
  margin-bottom: -7.34px;
}

/*--S17 cost factors 7457:3536: 1098; 3 x 2 grid (80 / 60): 53 gold-gradient disc
    with a white Roboto Bold 24 numeral, 40 to a DM 34/40 title, 30 to the copy.
    Subgrid rows keep each row's titles and copy level, as the drawn blank lines do. --*/
.td-cost {
  padding: 87.97px 0px 92.66px;
}

.td-factors {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  -moz-column-gap: 80px;
       column-gap: 80px;
  row-gap: 52.66px;
  margin-top: 62.66px !important;
}
.td-factors > li {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  row-gap: 0px;
  align-content: start;
}
.td-factors h3 {
  margin: 30.523px 0px 0px;
  padding: 0px;
  color: #232323;
  line-height: 1.1765;
  text-transform: capitalize;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .td-factors h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-factors h3 {
    font-size: 22px;
  }
}
.td-factors p {
  min-height: 7.5em; /* the design pads every factor to a 5-line text box */
  margin: 15.057px 0px 0px;
  color: #232323;
}

.td-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  background: linear-gradient(180deg, #e0b560 0%, #785927 100%);
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .td-num {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-num {
    font-size: 16px;
  }
}

.td-cost-note {
  margin: 55.8px 0px 0px;
  color: #232323;
}

/*--S19 FAQ 7457:3609: 962 (pad 120); title 489 on the left, accordion 715 on the
    right, 196 apart (accordion styles in _accordion). --*/
.td-faq {
  padding: 120px 0px;
}

.td-faq-row {
  display: flex;
  align-items: flex-start;
  gap: 196px;
}
.td-faq-row > .td-title {
  flex: 0 0 489px;
  margin-top: -12.03px;
}
.td-faq-row > .accordion {
  flex: 0 1 715px;
  min-width: 0px;
}

/*--S20 doctors 7457:3648: 855 - title on the section top (the FAQ's 120 above it),
    three .gridbox-3 cards 70 below, 120 to the band. --*/
.td-doctors {
  display: flow-root; /* keep the title's -12.03 cap pull inside the section */
  padding: 0px 0px 120px;
}
.td-doctors > .container > .td-title {
  margin-top: -12.03px;
}
.td-doctors .doctors-row {
  margin: 60.025px -14px 0px;
  row-gap: 28px;
}
.td-doctors .doctors-row > [class*=col-] {
  padding: 0px 14px;
  margin-top: 0px;
}

/*--Treatment details responsive - INFERRED (no tablet / mobile frame, D-004)--*/
@media screen and (max-width: 1919.98px) {
  /* below 1920 the page gutter can't hold the 87 arrow at its 94 inset - the
     arrows move to either end of the dots row */
  .td-concerns-rail .custom-arrows {
    top: auto;
    bottom: 5px;
    left: 0px;
    right: 0px;
    transform: translateY(50%);
  }
  .td-panel-split {
    padding-right: 6.25vw;
  }
  .td-panel-split .td-panel {
    flex: 0 0 52.19vw;
    margin-right: -2.97vw;
    padding-left: 6.25vw;
    padding-right: 7.66vw;
  }
  .td-panel-split .td-panel-aside {
    flex: 0 0 44.53vw;
  }
  .td-aftercare {
    min-height: 55.2vw;
    padding: 6.25vw 6.25vw 56px;
  }
  .td-fullphoto img {
    height: 46.875vw;
  }
  .td-faq-row {
    gap: 10.2vw;
  }
}
@media screen and (max-width: 1599.98px) {
  .td-split,
  .td-before-after {
    padding: 80px 0px;
  }
  .td-glance,
  .td-benefits,
  .td-works,
  .td-areas,
  .td-concerns,
  .td-expect,
  .td-sessions,
  .td-devices,
  .td-cost {
    padding-top: 70px;
    padding-bottom: 80px;
  }
  .td-faq {
    padding: 90px 0px;
  }
  .td-doctors {
    padding-bottom: 90px;
  }
  .td-split-row {
    gap: 60px;
  }
  .td-pair {
    gap: 60px;
  }
  .td-pair > .td-title {
    flex-shrink: 1;
  }
  .td-sessions .td-pair > .td-title {
    white-space: normal;
  }
  .td-before-after .td-pair > .td-title {
    width: auto;
    flex: 0 1 46%;
  }
  .td-particle-captions {
    gap: 12vw;
  }
  .td-panel-navy .td-panel,
  .td-panel-cream .td-panel {
    height: auto;
    min-height: 640px;
  }
  .td-panel-cream .td-panel {
    align-items: center;
    padding-top: 60px;
  }
  .td-concern-card {
    gap: 40px;
    padding: 28px;
  }
  .td-aftercare-card {
    width: 760px;
    padding: 36px 44px 38px;
  }
  .td-device-card {
    height: 360px;
  }
  .td-factors {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media screen and (max-width: 1199.98px) {
  .td-split-row,
  .td-works-row {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }
  .td-split-media {
    flex: 0 0 auto;
    width: 100%;
    max-width: 700px;
    margin: 0px auto;
  }
  .td-split-copy {
    max-width: none;
    flex: 0 0 auto;
  }
  .td-split-reverse .td-split-row {
    flex-direction: column-reverse;
  }
  .td-glance-list {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 40px;
  }
  .td-glance-list > li {
    width: 33.333%;
    padding: 0px 15px;
  }
  .td-benefit-grid,
  .td-expect-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
  .td-panel-split {
    flex-direction: column;
    align-items: stretch;
    padding-right: 0px;
  }
  .td-panel-split .td-panel {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    min-height: 0px;
    margin-right: 0px;
    padding: 70px 40px 160px;
    border-radius: 0px 0px 60px 0px;
  }
  .td-panel-split .td-panel-inner {
    width: 100%;
  }
  .td-panel-split .td-panel-aside {
    flex: 0 0 auto;
    width: auto;
    margin: -100px 40px 0px;
  }
  .td-panel-cream {
    padding-bottom: 20px;
  }
  .td-concern-card {
    flex-direction: column;
    align-items: stretch;
  }
  .td-concern-card .td-concern-media {
    flex: 0 0 auto;
  }
  .td-concern-card {
    /* stacked: the 604 basis would become a height (D-065) */
  }
  .td-concern-card .td-concern-copy {
    flex: 0 0 auto;
  }
  .td-concern-card h3 {
    margin-top: 0px;
  }
  .td-device-card,
  .td-device-card.is-reverse {
    flex-direction: column;
    align-items: stretch;
    height: auto;
    gap: 24px;
  }
  .td-device-card .td-device-media,
  .td-device-card.is-reverse .td-device-media {
    flex: 0 0 auto;
    aspect-ratio: 660/356;
  }
  .td-factors {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .td-faq-row {
    flex-direction: column;
    gap: 40px;
  }
  .td-faq-row > .td-title {
    flex: 0 0 auto;
    max-width: 700px;
  }
  .td-faq-row > .accordion {
    flex: 0 0 auto;
    width: 100%;
  }
  .td-aftercare {
    padding: 120px 40px 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .td-pair,
  .td-sessions .td-pair {
    flex-direction: column;
    gap: 20px;
  }
  .td-pair > .td-title,
  .td-pair > .td-copy,
  .td-sessions .td-pair > .td-title,
  .td-sessions .td-pair > .td-copy {
    flex: 0 0 auto;
    width: auto;
  }
  .td-pair > .td-copy,
  .td-sessions .td-pair > .td-copy {
    margin-top: 0px;
  }
  .td-areas-grid {
    grid-template-columns: minmax(0px, 1fr);
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    row-gap: 40px;
  }
  .td-particle-captions {
    gap: 30px;
  }
  .td-checklist {
    flex-direction: column;
    gap: 15.8px;
  }
  .td-checklist > ul:first-child {
    flex: 0 0 auto;
  }
  .td-aftercare {
    display: block;
    min-height: 0px;
    padding: 260px 30px 30px;
  }
  .td-aftercare-card {
    width: 100%;
  }
  .td-aftercare-card p,
  .td-aftercare-card li {
    font-size: 18px;
  }
  .td-overview .td-overview-list {
    padding: 36px 30px;
  }
  .td-overview .td-overview-list > div {
    gap: 24px;
  }
}
@media screen and (max-width: 767.98px) {
  .td-benefit-grid,
  .td-expect-grid {
    grid-template-columns: minmax(0px, 1fr);
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
  .td-glance-list > li {
    width: 50%;
  }
  .td-particles {
    margin-left: -15px;
    margin-right: -15px;
  }
  .td-particle-captions {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .td-particle-captions > div {
    flex: 0 0 auto; /* the 367 basis is a width - not a height once stacked */
    max-width: 367px;
  }
  .td-overview .td-overview-head {
    padding: 18px 24px !important;
    line-height: 1.3;
  }
  .td-factors {
    grid-template-columns: minmax(0px, 1fr);
    row-gap: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .td-crumbs {
    padding: 24px 0px;
  }
  .td-split,
  .td-before-after {
    padding: 50px 0px;
  }
  .td-glance,
  .td-benefits,
  .td-works,
  .td-areas,
  .td-concerns,
  .td-expect,
  .td-sessions,
  .td-devices,
  .td-cost {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .td-faq {
    padding: 60px 0px;
  }
  .td-doctors {
    padding-bottom: 60px;
  }
  .td-panel-split .td-panel {
    padding: 50px 20px 130px;
    border-radius: 0px 0px 40px 0px;
  }
  .td-panel-split .td-panel-aside {
    margin: -90px 20px 0px;
  }
  .td-panel-navy {
    padding-bottom: 60px;
  }
  .td-concern-card {
    padding: 20px;
    gap: 24px;
  }
  .td-device-card {
    padding: 16px 16px 20px;
  }
  .td-aftercare {
    padding: 200px 20px 20px;
  }
  .td-aftercare-card {
    padding: 26px 22px 28px;
  }
  .td-aftercare-card ul {
    padding-left: 22px !important;
  }
  .td-glance-list .td-glance-icon {
    width: 84px;
    height: 84px;
  }
  .td-glance-list .td-glance-icon img {
    max-width: 52px;
  }
  .td-num {
    width: 46px;
    height: 46px;
  }
}
@media screen and (max-width: 767.98px) {
  .gridbox-7 p,
  .td-factors p {
    min-height: 0px;
  }
}
/*=========================================================
  V MEDICAL - BLOGS LISTING (blogs.html, node 7457:2715, Inner Rev 1)
  BlogsSection1 hero: shared .inner-hero.
  BlogsSection2 latest post 7457:2735: 800; slide row = 700 x 600 photo + 71 + 629
    copy (550 tall, centred): "Latest Blogs" DM 50/55 with a #d5d5d5 rule 45 under
    it, 55 to the tags, 30 to a DM 42 / 1.2 title, 40 to the excerpt (4 lines), 40 to
    the button, 60 to the dots. The title and rule are shared by every slide, so
    they sit over the copy column; arrows parked 94 / 91 from the page edges, level
    with the photo centre.
  BlogsSection3 listing 7457:2766: 2524.71, #fff1e2 -> transparent wash; intro,
    filter bar (65), 3 x 3 .gridbox-5 (1352, gaps 28, 65), pagination (65).
  Cap conversions as the TD block (L-02); DM 42/1.2: offset 12.201, below 10.479.
  Below 1920 INFERRED (D-004).
=========================================================*/
.blog-latest {
  padding: 100px 0px;
}

.blog-latest-rail {
  position: relative;
}
.blog-latest-rail .custom-arrows {
  position: absolute;
  top: 300px;
  left: calc((100% - 100vw) / 2 + 94px);
  right: calc((100% - 100vw) / 2 + 91px);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  transform: translateY(-50%);
}
.blog-latest-rail .custom-arrows .slick-arrow {
  margin: 0px;
  pointer-events: auto;
}
.blog-latest-rail .custom-arrows .slick-arrow .icon-arrow-long {
  background-color: #212322;
}

.blog-latest-title {
  position: absolute;
  z-index: 2;
  top: 12.97px;
  left: 771px;
  width: 629px;
  margin: 0px;
  padding: 0px 0px 0px !important;
  color: #232323;
  line-height: 1.1;
  text-transform: capitalize;
  font-size: 50px;
}
@media screen and (max-width: 1599.98px) {
  .blog-latest-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog-latest-title {
    font-size: 33px;
  }
}
.blog-latest-title::after {
  content: "";
  display: block;
  height: 1px;
  margin-top: 35.025px;
  background: #d5d5d5;
}

.blog-latest-row {
  display: flex;
  align-items: center;
  gap: 71px;
}

.blog-latest-media {
  position: relative;
  flex: 0 0 700px;
  aspect-ratio: 7/6;
  border-radius: 10px;
  overflow: hidden;
}
.blog-latest-media img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-latest-copy {
  flex: 1 1 0px;
  min-width: 0px;
  max-width: 629px;
  padding: 133px 0px 70px; /* 78 title block + 55 above; 60 + 10 dots below */
}
.blog-latest-copy .blog-tags {
  gap: 4px 20px;
}
.blog-latest-copy h3 {
  margin: 17.799px 0px 0px;
  padding: 0px;
  color: #232323;
  line-height: 1.2;
  text-transform: capitalize;
  font-size: 42px;
}
@media screen and (max-width: 1599.98px) {
  .blog-latest-copy h3 {
    font-size: 34px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog-latest-copy h3 {
    font-size: 27px;
  }
}
.blog-latest-copy h3 a {
  color: inherit;
  text-decoration: none;
}
.blog-latest-copy h3 a:hover, .blog-latest-copy h3 a:focus-visible {
  color: #043850;
}
.blog-latest-copy .blog-latest-excerpt {
  margin: 22.661px 0px 0px;
  color: #232323;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-latest-copy .blog-latest-action {
  display: flex;
  margin-top: 32.66px;
}

.blog-latest-slider.dots-vma .slick-dots {
  position: absolute;
  left: 771px;
  bottom: 25px;
  width: auto;
  margin: 0px;
  justify-content: flex-start;
}

.blog-listing {
  padding: 87.97px 0px 100px;
  background: linear-gradient(180deg, #fff1e2 0%, rgba(255, 246, 236, 0) 100.01%);
}
.blog-listing .td-intro p strong {
  font-weight: 700;
}
.blog-listing .blog-filter {
  max-width: 1352px;
  margin: 57.66px auto 0px;
}
.blog-listing .pagination-vma {
  margin-top: 65px;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  gap: 28px;
  max-width: 1352px;
  margin: 65px auto 0px;
}

/*--Blogs responsive - INFERRED--*/
@media screen and (max-width: 1919.98px) {
  /* the page gutter can't hold the 87 arrows below 1920: they join the dots row,
     to the right of the dots */
  .blog-latest-rail .custom-arrows {
    top: auto;
    bottom: 30px;
    left: calc(50% + 35.5px + 125px);
    right: auto;
    gap: 30px;
    justify-content: flex-start;
    transform: translateY(50%);
  }
  .blog-latest-media {
    flex: 0 0 calc(50% - 35.5px);
  }
  .blog-latest-title {
    left: calc(50% + 35.5px);
    width: auto;
    right: 0px;
  }
  .blog-latest-slider.dots-vma .slick-dots {
    left: calc(50% + 35.5px);
  }
}
@media screen and (max-width: 1599.98px) {
  .blog-latest {
    padding: 80px 0px;
  }
  .blog-listing {
    padding: 70px 0px 80px;
  }
  .blog-latest-row {
    gap: 50px;
  }
  .blog-latest-title {
    left: calc(50% + 25px);
  }
  .blog-latest-slider.dots-vma .slick-dots {
    left: calc(50% + 25px);
  }
  .blog-latest-copy {
    padding-top: 118px;
  }
  .blog-latest-media {
    flex: 0 0 calc(50% - 25px);
  }
  .blog-latest-rail .custom-arrows {
    left: calc(50% + 25px + 125px);
  }
}
@media screen and (max-width: 1199.98px) {
  .blog-latest-title {
    position: static;
    width: auto;
    margin-bottom: 36px;
  }
  .blog-latest-row {
    flex-direction: column;
    align-items: stretch;
    gap: 36px;
  }
  .blog-latest-media {
    flex: 0 0 auto;
    width: 100%;
    max-width: 700px;
    margin: 0px auto;
  }
  .blog-latest-copy {
    max-width: 700px;
    margin: 0px auto;
    padding: 0px;
  }
  .blog-latest-slider.dots-vma .slick-dots {
    position: static;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    margin: 40px auto 0px;
  }
  .blog-latest-rail .custom-arrows {
    top: auto;
    bottom: 5px;
    left: 0px;
    right: 0px;
    justify-content: space-between;
    transform: translateY(50%);
  }
  .blog-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}
@media screen and (max-width: 767.98px) {
  .blog-grid {
    grid-template-columns: minmax(0px, 1fr);
    max-width: 480px;
  }
  .blog-latest-copy h3 {
    font-size: 28px;
  }
  /* single column: the drawn 250 content block left a gap above LEARN MORE */
  .blog-grid .gridbox-5 .grid-content {
    min-height: 0px;
  }
  .blog-grid .gridbox-5 .styled-link {
    padding-top: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog-latest {
    padding: 50px 0px 60px;
  }
  .blog-listing {
    padding: 50px 0px 60px;
  }
  .blog-listing .blog-filter {
    margin-top: 34px;
  }
  .blog-listing .pagination-vma {
    margin-top: 40px;
  }
  .blog-grid {
    margin-top: 40px;
    gap: 24px;
  }
}
/*=========================================================
  V MEDICAL - BLOG DETAILS (blogs-details.html, node 7457:2449, Inner Rev 1)
  S1 head 7457:2457: 1195 on a #fff1e2 rise; muted crumbs (110), tag 23 below,
     DM 50 / 1.2 title (offset 14.525, below 12.475) 30 under the tag, date 40
     under it, 1400 x 700 cover (radius 20) 70 under the date, 100 to the article.
  S2 article 7457:2476: 952 text column at x582 (23% of the 1400 container) with
     the 60px follow icons at x386 beside its first block; breakout media (3 x 444
     gallery, two 1400 x 700 photos) and the 2 x 700 prev / next bar span 1400.
     Block rhythm is 60 (70 before "What can...", 50 heading -> media, 80 to the
     bar); headings DM 34 / 55 (offset 16.979, below 15.581) 40 above their copy.
  S3 related 7457:2542: 4 x .gridbox-5 in 1800 (container-fluid), gap 28.
  Below 1920 INFERRED (D-004).
=========================================================*/
.blog-head {
  padding: 0px 0px 100px;
  background: linear-gradient(0deg, #fff1e2 0%, rgba(255, 255, 255, 0) 97.657%);
}
.blog-head .blog-crumbs {
  padding: 41.64px 0px 41.36px;
}

.blog-head-copy {
  max-width: 953px;
  margin: 23px auto 0px;
}
.blog-head-copy .blog-tags {
  justify-content: center;
}
.blog-head-copy h1 {
  margin: 15.475px 0px 0px;
  padding: 0px;
  color: #232323;
  line-height: 1.2;
  text-transform: capitalize;
  font-size: 50px;
}
@media screen and (max-width: 1599.98px) {
  .blog-head-copy h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog-head-copy h1 {
    font-size: 33px;
  }
}
.blog-head-copy .blog-head-date {
  margin: 20.665px 0px 0px;
  color: #232323;
}

.blog-cover,
.blog-wide {
  position: relative;
  aspect-ratio: 2/1;
  border-radius: 20px;
  overflow: hidden;
}
.blog-cover img,
.blog-wide img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-cover {
  margin-top: 62.66px;
}

.blog-article {
  padding: 100px 0px 0px;
}

.blog-article-inner {
  position: relative;
}

.blog-share {
  position: absolute;
  top: 0px;
  left: 9%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.blog-share li {
  margin: 0px;
  padding: 0px;
}
.blog-share li::before {
  display: none;
}
.blog-share a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #f2f2f2;
  color: #043850;
  font-size: 20px;
  text-decoration: none !important;
  transition: all 0.2s;
}
.blog-share a:hover, .blog-share a:focus-visible {
  background: #e7b777;
  color: #ffffff;
}

.blog-col {
  max-width: 952px;
  margin-left: 23%;
  color: #232323;
}

.blog-toc {
  padding: 29.926px 50px 42.66px;
  border-radius: 20px;
  background: #f5f5f5;
}
.blog-toc h2 {
  margin: 0px;
  padding: 0px !important;
  color: #232323;
  line-height: 55px;
  text-transform: capitalize;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .blog-toc h2 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog-toc h2 {
    font-size: 16px;
  }
}
.blog-toc .blog-toc-lists {
  display: flex;
  margin-top: 9.054px;
}
.blog-toc .blog-toc-lists > ul {
  flex: 1 1 0px;
  min-width: 0px;
}
.blog-toc ul {
  margin: 0px;
  padding: 0px 0px 0px 27px;
  list-style: disc;
}
.blog-toc ul li {
  margin: 0px;
  padding: 0px;
  color: #232323;
  line-height: 1.5;
}
.blog-toc ul li::before {
  display: none;
}
.blog-toc ul ul {
  margin: 0px;
  padding-left: 27px;
}
.blog-toc a {
  color: #232323;
  text-decoration: none;
}
.blog-toc a:hover, .blog-toc a:focus-visible {
  color: #043850;
  text-decoration: underline;
}

.blog-lead {
  margin: 43.14px 0px 0px;
  color: #232323;
}

.blog-h2 {
  margin: 35.681px 0px 0px;
  padding: 0px !important;
  color: #232323;
  line-height: 55px;
  text-transform: capitalize;
  scroll-margin-top: 140px;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .blog-h2 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog-h2 {
    font-size: 22px;
  }
}
.blog-h2.is-after-media {
  margin-top: 43.021px;
}
.blog-h2.is-gap-70 {
  margin-top: 45.681px;
}

.blog-text {
  margin-top: 17.559px;
}
.blog-text p {
  margin: 0px;
  color: #232323;
}
.blog-text p + p {
  margin-top: 27px;
}
.blog-text.is-after-media {
  margin-top: 53.14px;
}

.blog-gallery {
  display: grid;
  grid-template-columns: 443fr 444fr 443fr;
  gap: 35px;
  margin-top: 52.66px;
}
.blog-gallery > div {
  position: relative;
  aspect-ratio: 443/444;
  border-radius: 10px;
  overflow: hidden;
}
.blog-gallery img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-wide {
  margin-top: 52.66px;
}
.blog-wide.is-after-h2 {
  margin-top: 34.419px;
}

.blog-features {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 34.419px;
}

.blog-feature {
  display: flex;
  align-items: center;
  gap: 54px;
}

.blog-feature-media {
  position: relative;
  flex: 0 0 250px;
  aspect-ratio: 1/1;
  border-radius: 10px;
  overflow: hidden;
}
.blog-feature-media img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-feature-media.is-shaded::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: rgba(0, 0, 0, 0.05);
}

.blog-feature-copy {
  flex: 0 1 646px;
  min-width: 0px;
}
.blog-feature-copy h3 {
  margin: -9.574px 0px 0px;
  padding: 0px !important;
  color: #232323;
  line-height: 34px;
  text-transform: capitalize;
  scroll-margin-top: 140px;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .blog-feature-copy h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog-feature-copy h3 {
    font-size: 16px;
  }
}
.blog-feature-copy p {
  margin: 14.554px 0px 0px;
  color: #232323;
  /* house p:last-child forces margin-bottom 0 - trim via a block ::after */
}
.blog-feature-copy p::after {
  content: "";
  display: block;
  margin-bottom: -7.34px;
}

.blog-pager {
  display: flex;
  margin-top: 80px;
}

.blog-pager-item {
  display: flex;
  align-items: center;
  flex: 1 1 0px;
  gap: 54px;
  min-width: 0px;
  height: 320px;
  padding: 60px;
  background: #01314b;
  color: #ffffff;
  text-decoration: none !important;
}
.blog-pager-item.is-prev {
  border-radius: 10px 0px 0px 10px;
}
.blog-pager-item.is-next {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0px 10px 10px 0px;
  text-align: right;
}
.blog-pager-item:hover .blog-pager-title, .blog-pager-item:focus-visible .blog-pager-title {
  color: #e7b777;
}

.blog-pager-thumb {
  position: relative;
  flex: 0 0 200px;
  aspect-ratio: 1/1;
  border-radius: 10px;
  overflow: hidden;
}
.blog-pager-thumb img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-pager-copy {
  flex: 1 1 0px;
  min-width: 0px;
}

.blog-pager-label {
  display: block;
  color: #ffffff;
  font-weight: 300;
  line-height: 1.5;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .blog-pager-label {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog-pager-label {
    font-size: 12px;
  }
}

.blog-pager-title {
  display: block;
  margin-top: 13.086px;
  color: #ffffff;
  font-family: "DM Serif Display", serif;
  line-height: 34px;
  text-transform: capitalize;
  transition: all 0.2s;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .blog-pager-title {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog-pager-title {
    font-size: 16px;
  }
}

.blog-related {
  padding: 87.97px 0px 100px;
}

.blog-related-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  gap: 28px;
  margin-top: 55.025px;
}

/*--Blog details responsive - INFERRED--*/
@media screen and (max-width: 1599.98px) {
  .blog-article {
    padding-top: 80px;
  }
  .blog-head {
    padding-bottom: 80px;
  }
  .blog-related {
    padding: 70px 0px 80px;
  }
  .blog-pager-item {
    gap: 30px;
    padding: 40px;
  }
  .blog-pager-thumb {
    flex-basis: 160px;
  }
}
@media screen and (max-width: 1199.98px) {
  .blog-share {
    position: static;
    flex-direction: row;
    justify-content: flex-start;
    max-width: 952px;
    margin: 0px auto 30px;
  }
  .blog-col {
    margin-left: auto;
    margin-right: auto;
  }
  .blog-related-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
  .blog-pager-item {
    height: auto;
    padding: 30px;
  }
  .blog-pager-thumb {
    flex-basis: 120px;
  }
}
@media screen and (max-width: 991.98px) {
  .blog-pager {
    flex-direction: column;
  }
  .blog-pager-item.is-prev {
    border-radius: 10px 10px 0px 0px;
  }
  .blog-pager-item.is-next {
    border-left: 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0px 0px 10px 10px;
  }
  .blog-feature {
    gap: 30px;
  }
  .blog-feature-media {
    flex-basis: 180px;
  }
}
@media screen and (max-width: 767.98px) {
  /* the drawn 55px line only works for one-line headings - wrapped ones on
     phones get a proportional line */
  .blog-h2 {
    line-height: 1.25;
    margin-top: 40px;
  }
  .blog-h2.is-after-media, .blog-h2.is-gap-70 {
    margin-top: 44px;
  }
  .blog-text {
    margin-top: 20px;
  }
  .blog-toc {
    padding: 22px 24px 30px;
  }
  .blog-toc .blog-toc-lists {
    flex-direction: column;
  }
  .blog-gallery {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 12px;
  }
  .blog-related-grid {
    grid-template-columns: minmax(0px, 1fr);
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
  .blog-related-grid .gridbox-5 .grid-content {
    min-height: 0px;
  }
  .blog-related-grid .gridbox-5 .styled-link {
    padding-top: 30px;
  }
  .blog-cover,
  .blog-wide {
    border-radius: 12px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog-head {
    padding-bottom: 50px;
  }
  .blog-head .blog-crumbs {
    padding: 24px 0px;
  }
  .blog-cover {
    margin-top: 36px;
  }
  .blog-article {
    padding-top: 50px;
  }
  .blog-related {
    padding: 50px 0px 60px;
  }
  .blog-feature {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .blog-feature-media {
    flex: 0 0 auto;
    width: 100%;
    max-width: 250px;
  }
  .blog-feature-copy {
    flex: 0 0 auto;
  }
  .blog-pager-item {
    gap: 18px;
    padding: 20px;
  }
  .blog-pager-thumb {
    flex-basis: 84px;
  }
  .blog-pager-title {
    line-height: 1.3;
  }
}
/*=========================================================
  V MEDICAL - PRICE LIST (price-list.html, node 7457:2196, Inner Rev 1)
  S1 hero: shared .inner-hero.
  S2 treatment prices 7457:2216: 1369 on a #fff1e2 rise. Intro 884, 50 to two rows
     of category pills (1px #d5d5d5, radius 50, padding 20, Roboto Light 18; current
     = gold ground, Bold - the drawn "Eye Rejuvenation" state, L-83), 60 to a 1680
     row (x120): 750 photo + 51 + 879 price card (navy DM 24/40 gold head; body pad
     60, Roboto 24/1.36 navy column labels, 38 to rows of Light name / Bold price
     with #d5d5d5 rules 25 above and below each cap box; rows 5-8 also carry a
     bottom rule as drawn). Pills are Bootstrap tabs swapping the card.
  S3 payment 7457:2288: 1316; same card at 1400 - "General" row of 76 x 40 logo
     tiles (14 apart, #dbdbdb inset stroke where drawn), five plan rows; note 1148,
     Book an appointment button. Cap conversions as the TD block (L-02).
  Below 1920 INFERRED (D-004).
=========================================================*/
.price-treatments {
  padding: 87.97px 0px 100px;
  background: linear-gradient(0deg, #fff1e2 0%, rgba(255, 246, 236, 0) 99.693%);
}

.price-intro {
  max-width: 884px;
}

.price-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 42.66px auto 0px;
  padding: 0px;
  list-style: none;
}
@media (min-width: 1600px) {
  .price-tabs {
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
  }
}
.price-tabs li {
  margin: 0px;
  padding: 0px;
}
.price-tabs li::before {
  display: none;
}
.price-tabs .nav-link {
  margin: 0px;
  padding: 13.14px 20px 12.66px;
  border: 1px solid #d5d5d5;
  border-radius: 50px;
  background: transparent;
  color: #212322;
  font-weight: 300;
  line-height: 1.5;
  white-space: nowrap;
  transition: all 0.2s;
  font-size: 18px;
}
@media screen and (max-width: 1599.98px) {
  .price-tabs .nav-link {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.98px) {
  .price-tabs .nav-link {
    font-size: 12px;
  }
}
.price-tabs .nav-link:hover, .price-tabs .nav-link:focus-visible {
  border-color: #e7b777;
  color: #212322;
}
.price-tabs .nav-link.active {
  border-color: #e7b777;
  background: #e7b777;
  color: #212322;
  font-weight: 700;
}

.price-row-wrap {
  margin-top: 60px;
  padding: 0px 120px;
}

.price-media {
  position: relative;
  flex: 0 0 750px;
  border-radius: 10px;
  overflow: hidden;
}
.price-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}

.price-panes {
  flex: 0 0 879px;
  min-width: 0px;
}

.price-card {
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
  overflow: hidden;
}
.price-card .price-card-head {
  margin: 0px;
  padding: 19.428px 44px 20.412px !important;
  background: #01314b;
  color: #e7b777;
  line-height: 40px;
  text-align: center;
  text-transform: capitalize;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .price-card .price-card-head {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .price-card .price-card-head {
    font-size: 16px;
  }
}
.price-card .price-card-body {
  padding: 52.536px 60px 60px;
}
.price-card.is-wide {
  max-width: 1400px;
  margin: 52.66px auto 0px;
}
.price-card.is-wide .price-card-body {
  padding-top: 60px;
}
.price-card.is-wide .price-row {
  grid-template-columns: minmax(0px, 1fr) 684px;
}
.price-card.is-wide .price-row:last-child {
  border-bottom: 1px solid #d5d5d5;
}

.price-row {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) 269px;
  align-items: center;
  -moz-column-gap: 30px;
       column-gap: 30px;
  padding: 18.14px 0px 17.66px;
  border-top: 1px solid #d5d5d5;
  color: #232323;
  line-height: 1.5;
}
.price-row > span:last-child {
  font-weight: 700;
}
.price-row.is-label, .price-row.is-general {
  padding: 0px;
  border-top: 0px;
}
.price-row.is-label > span:first-child, .price-row.is-general > span:first-child {
  color: #043850;
  font-weight: 400;
  line-height: 1.36;
  text-transform: capitalize;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .price-row.is-label > span:first-child, .price-row.is-general > span:first-child {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .price-row.is-label > span:first-child, .price-row.is-general > span:first-child {
    font-size: 16px;
  }
}
.price-row.is-label > span:last-child {
  color: #043850;
  font-weight: 400;
  line-height: 1.36;
  text-transform: capitalize;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .price-row.is-label > span:last-child {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .price-row.is-label > span:last-child {
    font-size: 16px;
  }
}
.price-row.is-label + .price-row {
  margin-top: 29.888px;
}
.price-row.is-general + .price-row {
  margin-top: 38px;
}
.price-row.is-empty > span {
  grid-column: 1/-1;
  font-weight: 300 !important;
}

/* rows 5-8 of the drawn table also carry a bottom rule (label row is child 1) */
.price-panes .price-row:nth-child(n+6) {
  border-bottom: 1px solid #d5d5d5;
}

.pay-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  max-width: 616px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.pay-logos li {
  position: relative;
  width: 76px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border-radius: 10px;
  overflow: hidden;
}
.pay-logos li::before {
  display: none;
}
.pay-logos li img {
  display: block;
  width: 100%;
  height: 100%;
}
.pay-logos li.has-border::after {
  content: "";
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  box-shadow: inset 0px 0px 0px 1px #dbdbdb;
}

.price-payment {
  padding: 87.97px 0px 100px;
}

.price-pay-intro {
  max-width: 670px;
}

.price-note {
  max-width: 1148px;
  margin: 53.14px auto 0px;
}
.price-note p {
  margin: 0px;
  color: #232323;
}
.price-note p + p {
  margin-top: 27px;
}
.price-note strong {
  font-weight: 700;
}

.price-action {
  display: flex;
  justify-content: center;
  margin-top: 52.66px;
}

/*--Price list responsive - INFERRED--*/
@media screen and (max-width: 1919.98px) {
  .price-row-wrap {
    padding: 0px 6.25vw;
  }
  .price-media {
    flex: 1 1 0px;
  }
  .price-panes {
    flex: 0 0 52.32%;
  }
}
@media screen and (max-width: 1599.98px) {
  .price-treatments,
  .price-payment {
    padding: 70px 0px 80px;
  }
  .price-row-wrap {
    gap: 40px;
  }
  .price-card.is-wide .price-row {
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.6fr);
  }
}
@media screen and (max-width: 1199.98px) {
  .price-row-wrap {
    flex-direction: column;
    align-items: center;
    padding: 0px 30px;
  }
  .price-media {
    flex: 0 0 auto;
    width: 100%;
    max-width: 879px;
    aspect-ratio: 16/9;
  }
  .price-media img {
    -o-object-position: center 30%;
       object-position: center 30%;
  }
  .price-panes {
    flex: 0 0 auto;
    width: 100%;
    max-width: 879px;
  }
}
@media screen and (max-width: 767.98px) {
  .price-tabs {
    flex-wrap: nowrap;
    justify-content: flex-start;
    max-width: none;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0px 15px 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .price-card .price-card-body {
    padding: 30px 24px 34px;
  }
  .price-row {
    grid-template-columns: minmax(0px, 1fr) auto;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .price-card.is-wide .price-row {
    grid-template-columns: minmax(0px, 1fr);
    row-gap: 6px;
  }
  .price-card.is-wide .price-row.is-general {
    row-gap: 16px;
  }
  .price-row-wrap {
    padding: 0px 15px;
  }
}
@media screen and (max-width: 575.98px) {
  .price-treatments,
  .price-payment {
    padding: 50px 0px 60px;
  }
  .price-row-wrap {
    margin-top: 36px;
  }
  .price-card .price-card-head {
    padding: 16px 20px !important;
    line-height: 1.3;
  }
}
/*=========================================================
  V MEDICAL - SIGNATURE DETAILS (signature-details.html, node 7457:1591, Inner Rev 1)
  18 drawn sections + the shared enquiry band. Built on the TD template pieces
  (.td-title / .td-subtitle / .td-copy / .td-particles / .td-table) plus .sig-* blocks.
  Cap conversions (L-02): DM 50/55 12.03 / 9.975, DM 34/40 9.477 / 8.083,
  DM 34/55 16.979 / 15.581, DM 24/30 7.572 / 6.588, DM 24/1.36 8.89 / 7.91,
  Roboto 18/1.5 6.86 / 7.34, Roboto 24/1.36 7.464 / 8.112, Roboto 16/1.5 6.097 / 6.527.
  Checklist rows trim their own text (span) so the drawn 20 gaps apply as-is.
  Below 1920 INFERRED (D-004).
=========================================================*/
.sig-navy {
  background: #01314b;
}

.sig-title-gold {
  color: #e7b777;
}
.sig-title-gold span {
  color: #ffffff;
}

.sig-action {
  display: flex;
}

.sig-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

/* gold-check list (7457:1615 etc.): 22.8 icon, 25 to the text, rows 20 apart
   measured between the drawn boxes (icon or cap-trimmed text, whichever is taller) */
.sig-checks {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.sig-checks > li {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px;
  color: #212322;
  line-height: 1.5;
}
.sig-checks > li::before {
  display: none;
}
.sig-checks > li::after {
  content: "";
  order: -1;
  flex: 0 0 22.8px;
  height: 22.8px;
  background: url("../../images/icon-check-gold.svg") no-repeat center/100% 100%;
}
.sig-checks > li > span {
  display: block;
  flex: 1 1 0px;
  min-width: 0px;
  margin: -6.86px 0px -7.34px;
}
.sig-checks > li + li {
  margin-top: 20px;
}
.sig-checks.sig-checks-x > li::after {
  flex-basis: 23px;
  height: 23px;
  background-image: url("../../images/icon-x-red.svg");
}

.sig-checks-cols {
  display: flex;
  gap: 40px;
}
.sig-checks-cols > .sig-checks {
  flex: 1 1 0px;
  min-width: 0px;
}

/* number disc (7457:1682): 53 gold gradient, Roboto Bold 24 white */
.sig-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  background: linear-gradient(180deg, #e0b560 0%, #785927 100%);
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .sig-badge {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .sig-badge {
    font-size: 16px;
  }
}

/*--S1 hero 7457:1599: two-line title (navy / gold gradient, -2.7 tracking), caps
    87 apart (90 line boxes overlap 3); breadcrumb 50 below as on the other heroes. --*/
.sig-hero .pageTitle h1 > span {
  display: block;
}
.sig-hero .sig-hero-accent {
  margin-top: -0.0333em;
  letter-spacing: -0.03em;
  background: linear-gradient(180deg, #e0b560 19.06%, #785927 85.06%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/*--S2 / S18 split rows 7457:1611 / 2040: 615 copy + 85 + 700 x 600 photo (radius 10),
    centred on each other, 100 above and below. S2 floats the 290 ampoule disc over
    the seam (centre 6px right of the page centre, top 357). --*/
.sig-split {
  padding: 100px 0px;
}

.sig-split-row {
  display: flex;
  align-items: center;
  gap: 85px;
}

.sig-split-copy {
  flex: 0 1 615px;
  min-width: 0px;
}
.sig-split-copy > .td-title:first-child {
  margin-top: -12.03px;
}
.sig-split-copy .td-title + .sig-checks-cols {
  margin-top: 30.025px;
}
.sig-split-copy .sig-checks-cols + .sig-action,
.sig-split-copy .sig-checks + .sig-action {
  margin-top: 40px;
}

.sig-lead {
  margin: 22.453px 0px 0px;
  padding: 0px !important;
  color: #232323;
  line-height: 1.25;
  text-transform: capitalize;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .sig-lead {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .sig-lead {
    font-size: 16px;
  }
}
.sig-lead + .sig-checks {
  margin-top: 33.412px;
}

.sig-split-media {
  position: relative;
  flex: 0 1 700px;
  min-width: 0px;
}

.sig-split-photo {
  position: relative;
  aspect-ratio: 7/6;
  border-radius: 10px;
  overflow: hidden;
}
.sig-split-photo img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sig-intro-ampoule {
  position: absolute;
  left: -19.857%;
  top: 42.833%;
  width: 41.429%;
  height: auto;
  aspect-ratio: 290/285;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*--S3 / S11 navy card grids 7457:1641 / 1846: 1800 wide (x60), cards 449:379
    (photo 449:299 radius 10 top, white title bar, DM 24/1.36 centred), 24 apart,
    rows 40 apart, gold DM 50/55 title 60 above. --*/
.sig-concerns,
.sig-fourone {
  padding: 100px 0px;
}
.sig-concerns .td-title:first-child,
.sig-fourone .td-title:first-child {
  margin-top: -12.03px;
}

.sig-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  gap: 40px 24px;
  margin-top: 50.025px;
}

/*--S4 stages 7457:1678: four 435 columns (gap 20), 53 disc + 26 + 421 card (pad 15,
    405 x 276 photo, 30, DM 34/40 + 30 + Roboto 18 inside 10/10), 67 under the title. --*/
.sig-stages {
  padding: 100px 0px;
}
.sig-stages .td-title {
  margin-top: -12.03px;
}

.sig-stage-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  gap: 20px;
  margin: 57.025px 0px 0px;
  padding: 0px;
  list-style: none;
}
.sig-stage-list > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
  padding: 0px;
}
.sig-stage-list > li::before {
  display: none;
}

.sig-stage-card {
  width: 100%;
  padding: 15px 15px 17.66px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
  text-align: center;
}
.sig-stage-card h3 {
  margin: 30.523px 0px 0px;
  padding: 0px !important;
  color: #212322;
  line-height: 1.1765;
  text-transform: capitalize;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .sig-stage-card h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .sig-stage-card h3 {
    font-size: 22px;
  }
}
.sig-stage-card p {
  margin: 15.057px 0px 0px;
  color: #212322;
}

.sig-stage-image {
  position: relative;
  aspect-ratio: 405/276;
  overflow: hidden;
}
.sig-stage-image img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*--S5 CTA 7457:1717: 850 photo, bottom half fades to 50% black, glass card 618
    (pad 56, radius 20, 10% white hairline, blur 75) 120 in / 56 up. --*/
.sig-cta {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 850px;
  padding: 120px 120px 56px;
  overflow: hidden;
}
.sig-cta::after {
  position: absolute;
  inset: 0px;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
  content: "";
}

.sig-cta-plate {
  position: absolute;
  inset: 0px;
  z-index: 0;
}
.sig-cta-plate img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sig-cta-card {
  position: relative;
  z-index: 2;
  width: 618px;
  max-width: 100%;
  padding: 56px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.01);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(75px);
}
.sig-cta-card h2 {
  margin: -12.03px 0px 0px;
  padding: 0px !important;
  color: #ffffff;
  line-height: 1.1;
  text-transform: capitalize;
  font-size: 50px;
}
@media screen and (max-width: 1599.98px) {
  .sig-cta-card h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .sig-cta-card h2 {
    font-size: 33px;
  }
}
.sig-cta-card .sig-action {
  margin-top: 38.025px;
}

/*--S6 TXA 7457:1723: 1000 plate (cream ground, model, ampoule bubble and loose
    bubbles composited - bubbles cross the copy column's margins only), copy 547 at
    x260 / y249. --*/
.sig-txa {
  position: relative;
  min-height: 1000px;
  padding: 249px 0px 100px;
  overflow: hidden;
  background: #f6e6cf;
}
.sig-txa > .container {
  position: relative;
  z-index: 1;
}

.sig-txa-plate {
  position: absolute;
  inset: 0px;
  z-index: 0;
}
.sig-txa-plate img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 70% center;
     object-position: 70% center;
}

.sig-txa-copy {
  max-width: 547px;
}
.sig-txa-copy > .td-title {
  margin-top: -12.03px;
}
.sig-txa-copy .sig-checks {
  margin-top: 32.66px;
}

.sig-txa-text {
  margin: 23.165px 0px 0px;
  color: #212322;
}

/*--S7 doctors 7457:1753: title + 45 + button, 60 to the 1722 x 545 team photo
    (bleeds 99 each side of the 120 gutter). --*/
.sig-doctors {
  padding-top: 100px;
}
.sig-doctors .td-title {
  margin-top: -12.03px;
}
.sig-doctors .sig-action {
  margin-top: 35.025px;
}

.sig-doctors-team {
  width: 89.6875%;
  max-width: 1722px;
  margin: 60px auto 0px;
}
.sig-doctors-team img {
  display: block;
  width: 100%;
  height: auto;
}

/*--S8 clinics 7457:1760: gold title, 40 to the button pair (gold / white outline
    with the messenger glyph), 40 to the 1400 x 859 map. --*/
.sig-clinics {
  padding: 100px 0px;
}
.sig-clinics .td-title {
  margin-top: -12.03px;
}
.sig-clinics .sig-actions {
  margin-top: 30.025px;
}

.sig-map {
  margin-top: 40px;
}
.sig-map img {
  display: block;
  width: 100%;
  height: auto;
}

/*--S9 effective 7457:1772: 602 x 539 diagram + 83 + 715 copy (red-cross list),
    100 to the shared particle strip (.td-particles, as Conditions details S7). --*/
.sig-effective {
  padding: 100px 0px 92.66px;
}
.sig-effective .td-particles {
  margin-top: 100px;
}

.sig-effective-row {
  display: flex;
  align-items: center;
  gap: 83px;
}

.sig-effective-media {
  flex: 0 1 602px;
  min-width: 0px;
}
.sig-effective-media img {
  display: block;
  width: 100%;
  height: auto;
}

.sig-effective-copy {
  flex: 0 1 715px;
  min-width: 0px;
}
.sig-effective-copy > .td-title {
  margin-top: -12.03px;
}
.sig-effective-copy .td-copy {
  margin-top: 23.165px;
}
.sig-effective-copy .sig-checks {
  margin-top: 32.66px;
}

/*--S10 why Pico 7457:1812: 960 cream half (x128, centred) + 960 x 552 photo half. --*/
.sig-whypico {
  display: flex;
}

.sig-whypico-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 50%;
  min-height: 552px;
  padding: 60px 6.667%;
  background: #fff6ec;
}
.sig-whypico-copy > .td-title {
  margin-top: -12.03px;
}
.sig-whypico-copy .sig-checks-cols {
  gap: 20px;
  margin-top: 30.025px;
}
.sig-whypico-copy .sig-action {
  margin-top: 40px;
}

.sig-whypico-media {
  position: relative;
  flex: 0 0 50%;
}
.sig-whypico-media img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*--S12 FDA 7457:1865: 697 x 450 device + 52 + 651 copy (navy DM 34/40 quote),
    64 to a 1270 grid of 8 features (100 icon, 32, Roboto 24/1.36 #043850). --*/
.sig-fda {
  padding: 100px 0px 91.888px;
}
.sig-fda .td-title {
  margin-top: -12.03px;
}

.sig-fda-row {
  display: flex;
  align-items: center;
  gap: 52px;
  margin-top: 30.025px;
}

.sig-fda-media {
  flex: 0 1 697px;
  min-width: 0px;
}
.sig-fda-media img {
  display: block;
  width: 100%;
  height: auto;
}

.sig-fda-copy {
  flex: 0 1 651px;
  min-width: 0px;
}
.sig-fda-copy .td-subtitle {
  margin-top: -9.477px;
  color: #01314b;
}
.sig-fda-copy .td-copy {
  margin: 25.057px 0px -7.34px;
}

.sig-features {
  display: grid;
  grid-template-columns: repeat(4, 230px);
  justify-content: space-between;
  row-gap: 41.888px;
  max-width: 1270px;
  margin: 64px auto 0px;
  padding: 0px;
  list-style: none;
}
.sig-features > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  text-align: center;
}
.sig-features > li::before {
  display: none;
}
.sig-features > li img {
  display: block;
  width: 100px;
  height: 100px;
}
.sig-features h3 {
  margin: 24.536px 0px 0px;
  padding: 0px !important;
  color: #043850;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.36;
  text-transform: capitalize;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .sig-features h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .sig-features h3 {
    font-size: 16px;
  }
}

/*--S13 choosing 7457:1900: cream plate; centred head (title, 932 copy, DM 34/55
    "Top 3"), 64 to three 448 cards (pad 32/40, 384 #f2f2f2 square, DM 34 + Roboto 18),
    64 to the comparison table (.td-table, four equal columns, double rule above the
    last row as drawn), 64 to the button. --*/
.sig-choosing {
  position: relative;
  padding: 100px 0px;
  overflow: hidden;
}
.sig-choosing > .container {
  position: relative;
  z-index: 1;
}
.sig-choosing .sig-action {
  margin-top: 64px;
}

.sig-choosing-plate {
  position: absolute;
  inset: 0px;
  z-index: 0;
}
.sig-choosing-plate img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sig-choosing-head .td-title {
  margin-top: -12.03px;
}
.sig-choosing-head p {
  max-width: 932px;
  margin: 23.165px auto 0px;
  color: #212322;
}

.sig-choosing-sub {
  margin: 15.681px 0px 0px;
  padding: 0px !important;
  color: #232323;
  line-height: 1.6176;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .sig-choosing-sub {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .sig-choosing-sub {
    font-size: 22px;
  }
}

.sig-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  gap: 28px;
  margin-top: 48.419px;
}

.sig-benefit {
  padding: 32px 32px 32.66px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
}
.sig-benefit h3 {
  margin: 20.523px 0px 0px;
  padding: 0px !important;
  color: #212322;
  line-height: 1.1765;
  text-transform: capitalize;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .sig-benefit h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .sig-benefit h3 {
    font-size: 22px;
  }
}
.sig-benefit p {
  margin: 15.057px 0px 0px;
  color: #212322;
}

.sig-benefit-image {
  aspect-ratio: 1/1;
  background: #f2f2f2;
  overflow: hidden;
}
.sig-benefit-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.td-table.sig-compare {
  margin-top: 64px;
}
.td-table.sig-compare .td-table-head,
.td-table.sig-compare .td-row {
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  -moz-column-gap: 0px;
       column-gap: 0px;
}
.td-table.sig-compare .td-table-body {
  padding-bottom: 53.473px;
}
.td-table.sig-compare .td-row:nth-last-of-type(2),
.td-table.sig-compare .td-row:last-of-type {
  border-bottom: 1px solid #d5d5d5;
}

/*--S14 what you get 7457:1962: 1002 navy panel (radius 0 0 100 0, copy 548 at x120),
    the 1018 x 605 hand-piece card overlaps it by 220; prev control 80 left of the
    card. One slide drawn (D-050). --*/
.sig-getpanel {
  display: flex;
  align-items: center;
  padding-right: 6.25%;
}

.sig-getpanel-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 55.667%;
  min-height: 737px;
  padding: 60px 14.444% 60px 6.667%;
  border-radius: 0px 0px 100px 0px;
  background: #043850;
}

.sig-getpanel-copy {
  max-width: 548px;
}
.sig-getpanel-copy .td-title {
  margin-top: -12.03px;
}
.sig-getpanel-copy .td-copy {
  margin: 23.165px 0px -7.34px;
}
.sig-getpanel-copy .td-copy p {
  color: #ffffff;
}

.sig-getpanel-rail {
  position: relative;
  z-index: 1;
  flex: 1 1 0px;
  min-width: 0px;
  margin-left: -12.222%;
}
.sig-getpanel-rail .slick-list {
  margin: -20px;
}
.sig-getpanel-rail .slider-slide {
  padding: 20px;
}

.sig-getpanel-arrows {
  position: absolute;
  top: 50%;
  left: -80px;
  z-index: 2;
  transform: translateY(-50%);
}
.sig-getpanel-arrows .slick-prev {
  position: static;
  display: block;
  width: 60px;
  height: 60px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: transparent;
  transform: none;
}
.sig-getpanel-arrows .slick-prev::before {
  display: none;
}
.sig-getpanel-arrows .slick-next[hidden] {
  display: none !important;
}

.sig-handpiece-card {
  padding: 15px 15px 21.917px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
  text-align: center;
}
.sig-handpiece-card h3 {
  margin: 30.523px 0px 0px;
  padding: 0px !important;
  color: #212322;
  line-height: 1.1765;
  text-transform: capitalize;
  font-size: 34px;
}
@media screen and (max-width: 1599.98px) {
  .sig-handpiece-card h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 575.98px) {
  .sig-handpiece-card h3 {
    font-size: 22px;
  }
}

.sig-handpiece-image {
  aspect-ratio: 988/498;
  overflow: hidden;
}
.sig-handpiece-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*--S15 myths 7457:1974: two 670 columns (gap 60): DM 34/40 quote, 548 copy, 670 x 600
    photo; gold note card (pad 40, radius 20, Roboto Italic 18) 60 below. --*/
.sig-myths {
  padding: 150px 0px 80px;
}

.sig-myths-row {
  display: flex;
  gap: 60px;
}

.sig-myth {
  flex: 1 1 0px;
  min-width: 0px;
  text-align: center;
}
.sig-myth .td-subtitle {
  margin-top: -9.477px;
}
.sig-myth p {
  max-width: 548px;
  margin: 25.057px auto 0px;
  color: #212322;
}

.sig-myth-image {
  position: relative;
  margin-top: 52.66px;
  aspect-ratio: 670/600;
  border-radius: 10px;
  overflow: hidden;
}
.sig-myth-image img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sig-note {
  margin-top: 60px;
  padding: 33.14px 40px 32.66px;
  border-radius: 20px;
  background: #e7b777;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.sig-note p {
  margin: 0px;
  color: #212322;
  font-style: italic;
  font-weight: 400;
}

/*--S16 results 7457:1988: title + button row, 70 to six 275 x 274 photos (radius 10,
    30 apart) in the 1800 row; controls 30 in from the page edges on the photo centre
    line. Six photos drawn; the first three repeat so the row can scroll (D-050). --*/
.sig-results {
  padding: 100px 0px;
}

.sig-results-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  /* the 55 line box would make the row taller than the 49 button it centres on */
}
.sig-results-head .td-title {
  margin: -3px 0px;
}

.sig-results-rail {
  position: relative;
  margin-top: 70px;
}
.sig-results-rail .slick-list {
  margin: 0px -15px;
}
.sig-results-rail .slider-slide {
  padding: 0px 15px;
}

.sig-result {
  position: relative;
  aspect-ratio: 275/274;
  border-radius: 10px;
  overflow: hidden;
}
.sig-result img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sig-results-arrows {
  position: absolute;
  inset: 0px;
  pointer-events: none;
}
.sig-results-arrows .slick-prev,
.sig-results-arrows .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 60px;
  height: 60px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: transparent;
  transform: translateY(-50%);
  pointer-events: auto;
}
.sig-results-arrows .slick-prev::before,
.sig-results-arrows .slick-next::before {
  display: none;
}
.sig-results-arrows .slick-prev {
  left: 30px;
}
.sig-results-arrows .slick-next {
  right: 30px;
}

/*--S17 journey 7457:2001: cream; six 448 cards (pad 32/40, 384 x 270 photo radius 6,
    DM 24 centred) 28 / 56 apart with the step disc astride the top edge; 48 to the
    button. --*/
.sig-journey {
  padding: 100px 0px;
  background: #fff6ec;
}
.sig-journey .td-title {
  margin-top: -12.03px;
}
.sig-journey .sig-action {
  margin-top: 48px;
}

.sig-journey-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  gap: 56px 28px;
  margin: 70.025px 0px 0px;
  padding: 0px;
  list-style: none;
}
.sig-journey-list > li::before {
  display: none;
}

.sig-journey-card {
  position: relative;
  padding: 32px 32px 33.412px !important;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
  text-align: center;
}
.sig-journey-card .sig-badge {
  position: absolute;
  top: -27px;
  left: 50%;
  transform: translateX(-50%);
}
.sig-journey-card h3 {
  margin: 22.428px 0px 0px;
  padding: 0px !important;
  color: #212322;
  line-height: 1.25;
  text-transform: capitalize;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .sig-journey-card h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .sig-journey-card h3 {
    font-size: 16px;
  }
}

.sig-journey-image {
  position: relative;
  aspect-ratio: 384/270;
  border-radius: 6px;
  overflow: hidden;
}
.sig-journey-image img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*--Below 1920 (INFERRED, D-004) --*/
@media screen and (max-width: 1919.98px) {
  /* keep the copy clear of the prev control that sits 80 left of the card */
  .sig-getpanel-panel {
    padding-right: 22%;
  }
  /* drawn controls overlap the end photos by 30 at 1920 only; give them a gutter */
  .sig-results-rail > .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
  }
  .sig-results-arrows .slick-prev {
    left: 20px;
  }
  .sig-results-arrows .slick-next {
    right: 20px;
  }
}
@media screen and (max-width: 1599.98px) {
  .sig-split-row,
  .sig-effective-row {
    gap: 60px;
  }
  .sig-fda-row {
    gap: 40px;
  }
  .sig-features {
    grid-template-columns: repeat(4, 200px);
  }
  .sig-cta {
    min-height: 44.27vw;
    padding: 80px 6.25% 48px;
  }
  .sig-cta-card {
    width: 520px;
    padding: 44px;
  }
  .sig-txa {
    min-height: 52.083vw;
    padding-top: 160px;
  }
  .sig-whypico-copy {
    min-height: 28.75vw;
  }
  .sig-getpanel-panel {
    min-height: 0px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1299.98px) {
  .sig-txa-copy {
    max-width: 480px;
  }
}
@media screen and (max-width: 1199.98px) {
  .sig-split,
  .sig-concerns,
  .sig-fourone,
  .sig-stages,
  .sig-clinics,
  .sig-fda,
  .sig-choosing,
  .sig-results,
  .sig-journey {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .sig-effective {
    padding: 80px 0px 72.66px;
  }
  .sig-myths {
    padding: 100px 0px 72px;
  }
  .sig-doctors {
    padding-top: 80px;
  }
  .sig-split-row,
  .sig-effective-row,
  .sig-fda-row {
    flex-direction: column;
    align-items: stretch;
    gap: 48px;
  }
  .sig-split-copy,
  .sig-effective-copy,
  .sig-fda-copy {
    flex: 0 0 auto;
    max-width: 760px;
  }
  .sig-split-media,
  .sig-effective-media,
  .sig-fda-media {
    flex: 0 0 auto;
    width: 100%;
    max-width: 700px;
    margin: 0px auto;
  }
  /* ampoule disc keeps to the photo once the copy no longer sits beside it */
  .sig-intro-ampoule {
    left: -6%;
    top: auto;
    bottom: -6%;
    width: 32%;
  }
  .sig-card-grid,
  .sig-stage-list {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
  .sig-stage-list {
    row-gap: 40px;
  }
  .sig-txa {
    display: flex;
    flex-direction: column;
    min-height: 0px;
    padding: 80px 0px 0px;
  }
  .sig-txa-plate {
    position: relative;
    order: 2;
    margin-top: 48px;
    aspect-ratio: 4/3;
    max-height: 640px;
  }
  .sig-txa-plate img {
    -o-object-position: 72% center;
       object-position: 72% center;
  }
  .sig-txa-copy {
    max-width: 760px;
  }
  .sig-features {
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .sig-whypico {
    flex-direction: column;
  }
  .sig-whypico-copy {
    flex: 0 0 auto;
    min-height: 0px;
    padding: 80px 6.25%;
  }
  .sig-whypico-media {
    flex: 0 0 auto;
    aspect-ratio: 960/552;
  }
  .sig-getpanel {
    flex-direction: column;
    align-items: stretch;
    padding: 0px 0px 80px;
  }
  .sig-getpanel-panel {
    flex: 0 0 auto;
    padding: 80px 6.25% 140px;
    border-radius: 0px 0px 60px 0px;
  }
  .sig-getpanel-rail {
    margin: -80px 6.25% 0px;
  }
  .sig-getpanel-rail {
    display: flex;
    flex-direction: column;
  }
  .sig-getpanel-arrows {
    position: static;
    order: 2;
    display: flex;
    justify-content: center;
    margin-top: 16px;
    transform: none;
  }
  .sig-handpiece-card h3 {
    white-space: normal;
  }
  .sig-benefits {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
  .sig-journey-list {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}
@media screen and (max-width: 991.98px) {
  .sig-benefits {
    grid-template-columns: minmax(0px, 1fr);
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
  .sig-features {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
  .sig-myths-row {
    flex-direction: column;
    gap: 60px;
  }
  .sig-cta {
    min-height: 520px;
  }
}
@media screen and (max-width: 767.98px) {
  .sig-split,
  .sig-concerns,
  .sig-fourone,
  .sig-stages,
  .sig-clinics,
  .sig-fda,
  .sig-choosing,
  .sig-results,
  .sig-journey {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .sig-effective {
    padding: 60px 0px 52.66px;
  }
  .sig-myths {
    padding: 70px 0px 60px;
  }
  .sig-doctors {
    padding-top: 60px;
  }
  .sig-txa {
    padding-top: 60px;
  }
  .sig-checks-cols {
    flex-direction: column;
    gap: 20px;
  }
  .sig-card-grid {
    gap: 20px 16px;
    margin-top: 40px;
  }
  .gridbox-9 {
    aspect-ratio: auto;
  }
  .gridbox-9 .grid-title {
    padding: 16px 10px;
  }
  .gridbox-9 h3 {
    white-space: normal;
  }
  .sig-stage-list {
    grid-template-columns: minmax(0px, 1fr);
    max-width: 435px;
    margin-left: auto;
    margin-right: auto;
  }
  .sig-journey-list {
    grid-template-columns: minmax(0px, 1fr);
    row-gap: 56px;
    max-width: 448px;
    margin-left: auto;
    margin-right: auto;
  }
  .sig-cta {
    padding: 60px 20px 20px;
  }
  .sig-cta-card {
    padding: 32px 24px;
  }
  .sig-results-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .sig-results-rail {
    margin-top: 40px;
  }
  /* phones: photos take the full row, controls move under them */
  .sig-results-rail > .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .sig-results-arrows {
    position: static;
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 24px;
  }
  .sig-results-arrows .slick-prev,
  .sig-results-arrows .slick-next {
    position: static;
    width: 44px;
    height: 44px;
    transform: none;
  }
  .sig-results-arrows .slick-prev span,
  .sig-results-arrows .slick-next span {
    width: 44px;
    height: 44px;
  }
  .sig-getpanel-arrows .slick-prev,
  .sig-getpanel-arrows .slick-prev span {
    width: 44px;
    height: 44px;
  }
  .sig-getpanel-panel {
    padding-bottom: 120px;
  }
  .sig-getpanel-rail {
    margin: -60px 20px 0px;
  }
  .sig-handpiece-card {
    padding: 10px 10px 18px;
  }
  .sig-handpiece-card h3 {
    margin-top: 20px;
  }
  .sig-note {
    padding: 21.14px 24px 20.66px;
  }
}
@media screen and (max-width: 575.98px) {
  .sig-card-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 16px 12px;
  }
  .sig-features {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
  .sig-actions {
    flex-direction: column;
    align-items: center;
  }
}
/*=========================================================
  V MEDICAL - THANK YOU (thankyou.html, node 7457:1324, Inner Rev 1)
  One 936 hero (cream silk ground + model composited into banner-thankyou.jpg) and
  the footer. Copy block at x215, centred: DM 140/1 navy "Thank You", DM 90/1 gold
  gradient (-2.7 tracking) caps 28 below, Roboto 18 navy copy 40 below, 40 to the
  button. Cap conversions L-02 (DM 140/1 26.68 / 20.92, DM 90/1 17.15 / 13.45).
  Below 1920 INFERRED (D-004).
=========================================================*/
.thankyou-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 936px;
  overflow: hidden;
  background: #f6ecdc;
}
.thankyou-hero > .container {
  position: relative;
  z-index: 1;
}

.thankyou-plate {
  position: absolute;
  inset: 0px;
  z-index: 0;
}
.thankyou-plate img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right center;
     object-position: right center;
}

@media (min-width: 1600px) {
  .thankyou-copy {
    margin-left: -45px;
  }
}
.thankyou-copy h1 {
  margin: -0.1906em 0px 0px;
  padding: 0px !important;
  color: #043850;
  line-height: 1;
  letter-spacing: 0px;
  text-transform: none;
  font-size: 140px;
}
@media screen and (max-width: 1599.98px) {
  .thankyou-copy h1 {
    font-size: 112px;
  }
}
@media screen and (max-width: 575.98px) {
  .thankyou-copy h1 {
    font-size: 91px;
  }
}
.thankyou-copy h1 > span {
  display: block;
}
.thankyou-copy .thankyou-accent {
  margin-top: -0.1119em;
  font-size: 0.642857em;
  letter-spacing: -0.03em;
  background: linear-gradient(180deg, #e0b560 19.06%, #785927 85.06%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.thankyou-copy p {
  margin: 19.69px 0px 0px;
  color: #043850;
}

.thankyou-action {
  display: flex;
  margin-top: 32.66px;
}

@media screen and (max-width: 1599.98px) {
  .thankyou-hero {
    min-height: max(48.75vw, 560px);
  }
}
@media screen and (max-width: 991.98px) {
  .thankyou-hero {
    flex-direction: column;
    align-items: stretch;
    min-height: 0px;
    padding-top: 70px;
  }
  .thankyou-plate {
    position: relative;
    order: 2;
    margin-top: 48px;
    aspect-ratio: 4/3;
  }
  .thankyou-plate img {
    -o-object-position: 80% center;
       object-position: 80% center;
  }
}
@media screen and (max-width: 575.98px) {
  .thankyou-hero {
    padding-top: 50px;
  }
  .thankyou-copy h1 {
    font-size: 58px;
  }
  .thankyou-copy p br {
    display: none;
  }
}
.contact-box {
  border-radius: 10px;
  border: 1px solid #e0d5d5;
  background: #ffffff;
  padding: 56px 64px;
}
@media screen and (max-width: 1599.98px) {
  .contact-box {
    padding: 45px 50px;
  }
}
@media screen and (max-width: 1199.98px) {
  .contact-box {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .contact-box {
    padding: 30px 20px;
  }
}
.contact-box.alt {
  padding: 56px 48px;
}
@media screen and (max-width: 1599.98px) {
  .contact-box.alt {
    padding: 45px 40px;
  }
}
@media screen and (max-width: 1199.98px) {
  .contact-box.alt {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .contact-box.alt {
    padding: 30px 20px;
  }
}
.contact-box .contact-list li {
  padding-left: 45px;
  padding-bottom: 0px;
  color: #363636;
  margin-bottom: 32px;
}
@media screen and (max-width: 1599.98px) {
  .contact-box .contact-list li {
    padding-left: 35px;
    margin-bottom: 25px;
  }
}
.contact-box .contact-list li:last-child {
  margin-bottom: 0px;
}
.contact-box .contact-list li a {
  color: #363636;
}
.contact-box .contact-list li a:hover {
  color: #043850;
}
.contact-box .contact-list li strong {
  color: #232323;
  font-weight: 600;
  padding-bottom: 5px;
}
.contact-box .contact-list li img {
  transform: none;
  top: 5px;
  max-width: 28px;
}
@media screen and (max-width: 1599.98px) {
  .contact-box .contact-list li img {
    max-width: 20px;
  }
}
@media screen and (min-width: 768px) {
  .contact-box .contact-list.inline {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1599.98px) {
  .contact-box .contact-list.inline {
    gap: 24px 0px;
  }
}
@media screen and (min-width: 768px) {
  .contact-box .contact-list.inline li {
    padding-right: 88px;
    margin-right: 88px;
    border-right: 1px solid #c4a69f;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1599.98px) {
  .contact-box .contact-list.inline li {
    padding-right: 65px;
    margin-right: 65px;
  }
}
@media screen and (min-width: 768px) {
  .contact-box .contact-list.inline li:last-child {
    padding-right: 0px;
    margin-right: 0px;
    border-right: 0px;
  }
  .contact-box .contact-list.inline li:first-child .inner {
    width: 425px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1599.98px) {
  .contact-box .contact-list.inline li:first-child .inner {
    width: 355px;
  }
}

.contact-address-list .box {
  padding-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 1599.98px) {
  .contact-address-list .box {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 575.98px) {
  .contact-address-list .box {
    padding-bottom: 20px;
  }
}
.contact-address-list .box:last-child {
  padding-bottom: 0px;
}
.contact-address-list .box .icon-holder {
  width: 60px;
  height: 60px;
  background-color: #043850;
}
@media screen and (max-width: 1599.98px) {
  .contact-address-list .box .icon-holder {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 575.98px) {
  .contact-address-list .box .icon-holder {
    width: 40px;
    height: 40px;
  }
}
.contact-address-list a {
  word-break: break-all;
  color: #c9c9c9;
}
.contact-address-list a:hover {
  color: #043850;
  text-decoration: none;
}

.map-holder {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  z-index: 0;
  margin-bottom: 0px;
}
.map-holder iframe {
  display: block;
  width: 100%;
  border: 0px;
  height: 500px;
  border-radius: 10px;
}
@media screen and (max-width: 1599.98px) {
  .map-holder iframe {
    height: 420px;
  }
}

.ThankyouSection .section-saperator {
  z-index: 2;
}
.ThankyouSection .thankyou-holder {
  position: relative;
}
.ThankyouSection .thankyou-holder .thankyou-img {
  position: relative;
  padding-bottom: 51.04%;
  min-height: 620px;
}
@media screen and (max-width: 575.98px) {
  .ThankyouSection .thankyou-holder .thankyou-img {
    min-height: 550px;
  }
}
.ThankyouSection .thankyou-holder .thankyou-img::before, .ThankyouSection .thankyou-holder .thankyou-img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 2;
}
.ThankyouSection .thankyou-holder .thankyou-img::before {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0) 100%), rgba(0, 0, 0, 0.4);
  opacity: 1;
}
.ThankyouSection .thankyou-holder .thankyou-img::after {
  opacity: 0;
  background: #ffffff;
}
.ThankyouSection .thankyou-holder .thankyou-content {
  display: flex;
  justify-content: center;
  flex-flow: column;
  width: 875px;
  margin: 0px auto;
}
@media screen and (max-width: 1599.98px) {
  .ThankyouSection .thankyou-holder .thankyou-content {
    width: 720px;
  }
}
.ThankyouSection .thankyou-holder .thankyou-content small {
  font-size: 16px;
}
@media screen and (max-width: 1599.98px) {
  .ThankyouSection .thankyou-holder .thankyou-content small {
    font-size: 13px;
  }
}
@media screen and (max-width: 575.98px) {
  .ThankyouSection .thankyou-holder .thankyou-content small {
    font-size: 10px;
  }
}
.ThankyouSection .thankyou-holder .thankyou-content small {
  padding-bottom: 20px;
  font-weight: 400;
  position: relative;
  display: inline-flex;
  align-items: center;
  color: #785927;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: 3.2px;
  justify-content: center;
}
@media screen and (max-width: 1599.98px) {
  .ThankyouSection .thankyou-holder .thankyou-content small {
    font-size: 13px;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 1599.98px) and (max-width: 1599.98px) {
  .ThankyouSection .thankyou-holder .thankyou-content small {
    font-size: 10px;
  }
}
@media screen and (max-width: 1599.98px) and (max-width: 575.98px) {
  .ThankyouSection .thankyou-holder .thankyou-content small {
    font-size: 8px;
  }
}
.ThankyouSection .thankyou-holder .thankyou-content h1 {
  font-size: 96px;
}
@media screen and (max-width: 1599.98px) {
  .ThankyouSection .thankyou-holder .thankyou-content h1 {
    font-size: 77px;
  }
}
@media screen and (max-width: 575.98px) {
  .ThankyouSection .thankyou-holder .thankyou-content h1 {
    font-size: 62px;
  }
}
.ThankyouSection .thankyou-holder .thankyou-content h1 {
  font-weight: 700;
  line-height: 1.1;
  color: #ffffff;
  padding-bottom: 0px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767.98px) {
  .ThankyouSection .thankyou-holder .thankyou-content h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 1599.98px) {
  .ThankyouSection .thankyou-holder .thankyou-content h1 {
    font-size: 56px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 575.98px) {
  .ThankyouSection .thankyou-holder .thankyou-content h1 {
    font-size: 46px;
  }
}

/*=========================================================
  V MEDICAL - CONTACT US (contact-us.html, node 7457:1385, Inner Rev 1)
  S1 hero: shared .inner-hero.
  S2 get in touch 7457:1405: 1009 intro, 60 to two rows of 850 x 500 photo (radius 10)
     + 85 + info column (Roboto 24/1.36 #043850 heads, Roboto 18 lines 20 apart, a
     #d5d5d5 rule 50 above and below; clinic numbers in two 241 columns 50 apart,
     entries 25 apart). Row 2's 532 column runs 67 past the 1400 container as drawn.
  S3 locations 7457:1441: navy; map 1400 x 859 (same export as Signature S8), 40 to a
     2-up card slider (695 cards, gap 10) with long white arrows at the ends of the
     1680 row and dots 40 below. Cards = .gridbox-10.
  Cap conversions as the TD block (L-02). Below 1920 INFERRED (D-004).
=========================================================*/
.contact-touch {
  padding: 100px 0px;
}
.contact-touch .td-title {
  margin-top: -12.03px;
}

.contact-intro {
  max-width: 1009px;
}

.contact-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 85px;
  margin-top: 52.66px;
}
.contact-row + .contact-row {
  margin-top: 60px;
}
.contact-row.contact-row-reverse {
  justify-content: flex-start;
}

.contact-info {
  flex: 0 1 465px;
  min-width: 0px;
}
.contact-info.contact-numbers {
  flex: 0 0 532px;
}
@media (min-width: 1600px) {
  .contact-info.contact-numbers {
    margin-right: -67px;
  }
}

.contact-photo {
  position: relative;
  flex: 0 1 850px;
  min-width: 0px;
  aspect-ratio: 850/500;
  border-radius: 10px;
  overflow: hidden;
}
.contact-photo img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.contact-block {
  color: #212322;
}
.contact-block:first-child {
  margin-top: -7.464px;
}
.contact-block:last-child {
  margin-bottom: -7.34px;
}
.contact-block h3 {
  margin: 0px;
  padding: 0px !important;
  color: #043850;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.36;
  text-transform: capitalize;
  font-size: 24px;
}
@media screen and (max-width: 1599.98px) {
  .contact-block h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 575.98px) {
  .contact-block h3 {
    font-size: 16px;
  }
}
.contact-block p {
  margin: 25.028px 0px 0px;
  color: #212322;
}
.contact-block a {
  color: inherit;
  text-decoration: none;
}
.contact-block a:hover, .contact-block a:focus-visible {
  color: #043850;
  text-decoration: underline;
}

.contact-lines,
.contact-number-cols ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.contact-lines > li,
.contact-number-cols ul > li {
  padding: 0px;
  color: #212322;
  line-height: 1.5;
}
.contact-lines > li::before,
.contact-number-cols ul > li::before {
  display: none;
}

.contact-lines {
  margin-top: 25.028px;
}
.contact-lines > li + li {
  margin-top: 5.8px;
}

.contact-rule {
  margin: 42.66px 0px 42.536px;
  border: 0px;
  border-top: 1px solid #d5d5d5;
  opacity: 1;
}

.contact-number-cols {
  display: flex;
  gap: 50px;
  margin-top: 25.028px;
}
.contact-number-cols ul {
  flex: 1 1 0px;
  min-width: 0px;
}
.contact-number-cols ul > li + li {
  margin-top: 10.8px;
}

.contact-locations {
  padding: 100px 0px;
  background: #01314b;
}
.contact-locations .td-title {
  margin-top: -12.03px;
  color: #e7b777;
}

.contact-map {
  max-width: 1400px;
  margin: 30.025px auto 0px;
}
.contact-map img {
  display: block;
  width: 100%;
  height: auto;
}

.contact-rail {
  position: relative;
  width: calc(100% - 240px);
  max-width: 1680px;
  margin: 40px auto 0px;
}
.contact-rail .custom-arrows {
  position: absolute;
  left: 0px;
  right: 0px;
  top: calc((100% - 50px) / 2);
  transform: translateY(-50%);
  justify-content: space-between;
  pointer-events: none;
}
.contact-rail .custom-arrows .slick-arrow {
  margin: 0px;
  pointer-events: auto;
}

.contact-track {
  width: 1400px;
  max-width: calc(100% - 254px);
  margin: 0px auto;
}

.contact-slider {
  margin-left: -5px;
  margin-right: -5px;
}
.contact-slider .slick-track {
  display: flex;
}
.contact-slider .slick-slide {
  float: none;
  height: auto;
}
.contact-slider .slick-slide > div {
  height: 100%;
}
.contact-slider .slider-slide {
  height: 100%;
  padding: 0px 5px;
}
.contact-slider .slick-dots {
  margin-top: 40px;
}

@media screen and (max-width: 1599.98px) {
  .contact-row {
    gap: 60px;
  }
  .contact-info.contact-numbers {
    flex: 0 1 532px;
  }
  .contact-rail {
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 1199.98px) {
  .contact-touch,
  .contact-locations {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .contact-row,
  .contact-row.contact-row-reverse {
    flex-direction: column;
    align-items: stretch;
    gap: 48px;
  }
  .contact-row.contact-row-reverse .contact-photo {
    order: 2;
  }
  .contact-info,
  .contact-info.contact-numbers {
    flex: 0 0 auto;
    max-width: 640px;
  }
  .contact-photo {
    flex: 0 0 auto;
    width: 100%;
  }
  /* the 87 long arrows need their own gutter beside the cards */
  .contact-track {
    max-width: calc(100% - 220px);
  }
  .contact-rail {
    width: calc(100% - 60px);
  }
}
@media screen and (max-width: 991.98px) {
  .contact-track {
    max-width: calc(100% - 112px);
  }
}
@media screen and (max-width: 767.98px) {
  .contact-touch,
  .contact-locations {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .contact-rail {
    width: calc(100% - 30px);
  }
  .contact-rail .custom-arrows {
    top: auto;
    bottom: 5px;
    transform: translateY(50%);
  }
  .contact-track {
    max-width: 100%;
  }
  .contact-slider .slick-dots {
    width: -moz-max-content;
    width: max-content;
    max-width: calc(100% - 100px);
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 575.98px) {
  .contact-number-cols {
    gap: 24px;
  }
}/*# sourceMappingURL=main.css.map */