/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
  display: none;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.header_menu_ul {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.header_menu_ul .nav_link {
  height: 100%;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header_menu_ul .devide {
  height: 100%;
  width: 1px;
  position: relative;
}
.header_menu_ul .devide::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 42%;
  background-color: #EC1C24;
}
.header_menu_ul .sub_menu {
  padding: 30px 25px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 999;
  top: 80%;
  left: 50%;
  transform: translate(-50%, 5%);
  width: auto;
  min-width: 100%;
  height: auto;
  background-color: #ffffff;
  border-top: 5px solid #810708;
  transition: all ease-in-out 0.2s;
}
@media only screen and (min-width: 1001px) {
  .header_menu_ul .sub_menu:hover {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0%);
    transition: all ease-in-out 0.2s;
  }
}
.header_menu_ul .sub_menu li {
  width: 100%;
}
.header_menu_ul .sub_menu li a {
  display: block;
  width: 100%;
  padding: 10px 0;
  white-space: nowrap;
}
.header_menu_ul .have_sub {
  position: relative;
}
@media only screen and (min-width: 1001px) {
  .header_menu_ul .have_sub:hover .sub_menu {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0%);
    transition: all ease-in-out 0.2s;
  }
}

header.red_ .devide::before {
  background-color: #ffffff;
}

/************ MOBILE MENU *************/
.menu_container {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(100%);
  z-index: 10000;
  background-color: #810708;
  transition: 0.6s;
  display: none;
}
.menu_container.active {
  transform: translateX(0%);
  transition: 0.6s;
}
.menu_container .container_ {
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding-bottom: 80px;
}
.menu_container .container_ .menu_close {
  position: absolute;
  top: 0;
  right: 15px;
  width: 80px;
  height: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
}
.menu_container .container_ .menu_close .close_icon {
  width: 44px;
  height: 10px;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: space-between;
  transition: all ease-in-out 0.2s;
}
.menu_container .container_ .menu_close .close_icon span {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  transition: all ease-in-out 0.2s;
}
.menu_container .container_ .menu_close .close_icon.active {
  height: 2px;
  transition: all ease-in-out 0.2s;
}
.menu_container .container_ .mobile_logo_box {
  position: absolute;
  top: 0;
  left: 15px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.menu_container .container_ .mobile_logo_box .mobile_logo {
  max-width: 130px;
  margin-top: 6px;
}
.menu_container .container_ .mobile_menu {
  width: 100%;
  height: calc(100% - 160px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.menu_container .container_ .mobile_menu::-webkit-scrollbar {
  width: 3px;
}
.menu_container .container_ .mobile_menu::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 0.6;
}
.menu_container .container_ .mobile_menu::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  border-radius: 5px;
}
.menu_container .container_ .mobile_menu .mobile_menu_ul {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.menu_container .container_ .mobile_menu .mobile_menu_ul li {
  width: 100%;
  height: auto;
  background-color: #810708;
}
.menu_container .container_ .mobile_menu .mobile_menu_ul li .nav_link {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #ffffff;
  height: 52px;
  opacity: 0.7;
  font-size: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.menu_container .container_ .mobile_menu .mobile_menu_ul li .nav_link svg {
  margin-left: 30px;
  transform: rotate(-90deg);
  transition: all ease-in-out 0.2s;
}
.menu_container .container_ .mobile_menu .mobile_menu_ul li .sub_menu {
  width: 100%;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  display: none;
  transform: translateY(-100%);
  transition: all ease-in-out 0.4s;
}
.menu_container .container_ .mobile_menu .mobile_menu_ul li .sub_menu li {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.menu_container .container_ .mobile_menu .mobile_menu_ul li .sub_menu li .sub_link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  height: 42px;
  opacity: 0.7;
  font-size: 16px;
}
.menu_container .container_ .mobile_menu .mobile_menu_ul li.active .nav_link {
  opacity: 0.9;
}
.menu_container .container_ .mobile_menu .mobile_menu_ul li.active .nav_link svg {
  transform: rotate(0deg);
  transition: all ease-in-out 0.2s;
}
.menu_container .container_ .mobile_menu .mobile_menu_ul li.active .sub_menu {
  display: flex;
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  transition: all ease-in-out 0.4s;
}
.menu_container .container_ .mobile_menu .mobile_menu_ul li.social_links {
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.menu_container .container_ .mobile_menu .mobile_menu_ul li.social_links .social_links_ul {
  display: flex;
  flex-direction: row;
}
.menu_container .container_ .mobile_menu .mobile_menu_ul li.social_links .social_links_ul li {
  width: auto;
  border-bottom: none;
}
.menu_container .container_ .mobile_menu .mobile_menu_ul li.social_links .social_links_ul li svg {
  margin-right: 25px;
  margin-left: 0;
  transform: rotate(0deg);
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.grid_main {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.container_ {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  overflow: visible;
  width: min(95%, 1560px);
  padding: 0 15px;
}

main {
  width: 100%;
  background-color: #F2F2F2;
}

section {
  width: 100%;
}

.intro_inner {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.intro_inner:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 56.25%;
}
@media only screen and (max-width: 1000px) {
  .intro_inner:before {
    padding-top: 100vh;
  }
}
@media only screen and (max-width: 1000px) {
  .intro_inner:before {
    padding-top: 100vh;
  }
}
.intro_inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  .intro_inner img {
    height: 100%;
  }
}

.page_title_line_inner {
  width: 100%;
  margin-bottom: 4%;
}
.page_title_line_inner .title {
  font-family: 700;
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .page_title_line_inner .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .page_title_line_inner .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .page_title_line_inner .title {
    font-size: 20px;
  }
}

#subscribe_line {
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 0;
}
#subscribe_line .subscribe_line_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5% 0;
}
#subscribe_line .subscribe_line_inner .subtitle {
  color: #810708;
  margin-bottom: 4%;
}
#subscribe_line .subscribe_line_inner form {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 35%;
}
#subscribe_line .subscribe_line_inner form input[type=email] {
  flex: 1;
  max-width: 400px;
  height: 48px;
  padding: 16px 20px;
  font-family: 400;
  color: #000000;
  border: 1px solid #828282;
  border-radius: 0;
}
@media only screen and (min-width: 1921px) {
  #subscribe_line .subscribe_line_inner form input[type=email] {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  #subscribe_line .subscribe_line_inner form input[type=email] {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #subscribe_line .subscribe_line_inner form input[type=email] {
    font-size: 14px;
  }
}
#subscribe_line .subscribe_line_inner form input[type=submit] {
  margin-left: 10px;
  border-radius: 0;
  transition: all ease-in-out 0.2s;
}
#subscribe_line .subscribe_line_inner form input[type=submit]:hover {
  background-color: #00B189;
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1000px) {
  #subscribe_line {
    padding: 15px 0;
  }
  #subscribe_line form {
    width: 100% !important;
  }
  #subscribe_line form input[type=submit] {
    margin-left: 0 !important;
  }
}

#breadcrumbs {
  margin-bottom: 0;
}
#breadcrumbs .white_space {
  height: 95px;
}

.breadcrumbs {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 3% 0;
}
.breadcrumbs span {
  margin: 0 8px;
  font-family: "TT Chocolates Trl Regular";
  color: #BDBDBD;
}
@media only screen and (min-width: 1921px) {
  .breadcrumbs span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .breadcrumbs span {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .breadcrumbs span {
    font-size: 14px;
  }
}
.breadcrumbs span.divide {
  display: block;
  background-color: #BDBDBD;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 0 8px;
}
.breadcrumbs a {
  font-family: "TT Chocolates Trl Regular";
  color: #BDBDBD;
}
@media only screen and (min-width: 1921px) {
  .breadcrumbs a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .breadcrumbs a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .breadcrumbs a {
    font-size: 14px;
  }
}
.breadcrumbs a.active {
  color: #000000;
  transition: all ease-in-out 0.2s;
}
@media only screen and (min-width: 1001px) {
  .breadcrumbs a.active:hover {
    color: #810708;
    transition: all ease-in-out 0.2s;
  }
}

@media screen and (max-width: 1000px) {
  #breadcrumbs .container_ {
    display: none;
  }
  .container_ {
    width: 100%;
  }
}
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
  letter-spacing: .03em;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.grid_main {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.container_ {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  overflow: visible;
  width: min(95%, 1560px);
  padding: 0 15px;
}

main {
  width: 100%;
  background-color: #F2F2F2;
}

section {
  width: 100%;
}

.intro_inner {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.intro_inner:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 56.25%;
}
@media only screen and (max-width: 1000px) {
  .intro_inner:before {
    padding-top: 100vh;
  }
}
@media only screen and (max-width: 1000px) {
  .intro_inner:before {
    padding-top: 100vh;
  }
}
.intro_inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  .intro_inner img {
    height: 100%;
  }
}

.page_title_line_inner {
  width: 100%;
  margin-bottom: 4%;
}
.page_title_line_inner .title {
  font-family: 700;
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .page_title_line_inner .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .page_title_line_inner .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .page_title_line_inner .title {
    font-size: 20px;
  }
}

#subscribe_line {
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 0;
}
#subscribe_line .subscribe_line_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5% 0;
}
#subscribe_line .subscribe_line_inner .subtitle {
  color: #810708;
  margin-bottom: 4%;
}
#subscribe_line .subscribe_line_inner form {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 35%;
}
#subscribe_line .subscribe_line_inner form input[type=email] {
  flex: 1;
  max-width: 400px;
  height: 48px;
  padding: 16px 20px;
  font-family: 400;
  color: #000000;
  border: 1px solid #828282;
  border-radius: 0;
}
@media only screen and (min-width: 1921px) {
  #subscribe_line .subscribe_line_inner form input[type=email] {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  #subscribe_line .subscribe_line_inner form input[type=email] {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #subscribe_line .subscribe_line_inner form input[type=email] {
    font-size: 14px;
  }
}
#subscribe_line .subscribe_line_inner form input[type=submit] {
  margin-left: 10px;
  border-radius: 0;
  transition: all ease-in-out 0.2s;
}
#subscribe_line .subscribe_line_inner form input[type=submit]:hover {
  background-color: #00B189;
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1000px) {
  #subscribe_line {
    padding: 15px 0;
  }
  #subscribe_line form {
    width: 100% !important;
  }
  #subscribe_line form input[type=submit] {
    margin-left: 0 !important;
  }
}

#breadcrumbs {
  margin-bottom: 0;
}
#breadcrumbs .white_space {
  height: 95px;
}

.breadcrumbs {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 3% 0;
}
.breadcrumbs span {
  margin: 0 8px;
  font-family: "TT Chocolates Trl Regular";
  color: #BDBDBD;
}
@media only screen and (min-width: 1921px) {
  .breadcrumbs span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .breadcrumbs span {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .breadcrumbs span {
    font-size: 14px;
  }
}
.breadcrumbs span.divide {
  display: block;
  background-color: #BDBDBD;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 0 8px;
}
.breadcrumbs a {
  font-family: "TT Chocolates Trl Regular";
  color: #BDBDBD;
}
@media only screen and (min-width: 1921px) {
  .breadcrumbs a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .breadcrumbs a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .breadcrumbs a {
    font-size: 14px;
  }
}
.breadcrumbs a.active {
  color: #000000;
  transition: all ease-in-out 0.2s;
}
@media only screen and (min-width: 1001px) {
  .breadcrumbs a.active:hover {
    color: #810708;
    transition: all ease-in-out 0.2s;
  }
}

@media screen and (max-width: 1000px) {
  #breadcrumbs .container_ {
    display: none;
  }
  .container_ {
    width: 100%;
  }
}
header {
  position: fixed;
  top: -2px;
  z-index: 9999;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 100%;
  background-color: transparent;
  background-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (min-width: 1001px) {
  header {
    height: 95px;
  }
}
@media only screen and (max-width: 1000px) {
  header {
    height: 80px;
  }
}
header.red_ {
  background-color: #810708;
  background-image: none;
}
header.red_ .nav_link {
  font-family: 400;
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  header.red_ .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  header.red_ .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  header.red_ .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  header.red_ .nav_link:hover {
    color: #F2F2F2;
  }
}
header.red_ .nav_link a {
  font-family: 400;
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  header.red_ .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  header.red_ .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  header.red_ .nav_link a {
    font-size: 14px;
  }
}
header.red_ .nav_link svg path {
  fill: #ffffff;
}
header .header_inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
header .header_inner .header_menu {
  width: 70%;
}
@media only screen and (max-width: 1000px) {
  header .header_inner .header_menu {
    display: none;
  }
}
header .header_inner .logo_box {
  width: min(18%, 262px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: all ease-in-out 0.6s;
}
@media only screen and (max-width: 1000px) {
  header .header_inner .logo_box {
    width: 130px;
  }
}
@media only screen and (min-width: 1001px) {
  header .header_inner .logo_box:hover {
    transform: scale(1.1);
    transition: all ease-in-out 0.6s;
  }
}
header .header_inner .menu_open {
  height: 100%;
  width: 80px;
  display: flex;
  flex-direction: row;
  display: none;
  align-items: center;
  justify-content: end;
}
header .header_inner .menu_open .icon {
  width: 44px;
  height: 22px;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: space-between;
}
header .header_inner .menu_open .icon span {
  display: block;
  height: 1px;
  background-color: #ffffff;
  transition: all ease-in-out 0.2s;
}
header .header_inner .menu_open .icon span:nth-child(1) {
  width: 90%;
}
header .header_inner .menu_open .icon span:nth-child(2) {
  width: 50%;
}
header .header_inner .menu_open .icon span:nth-child(3) {
  width: 65%;
}
header .header_inner .menu_open .icon.active span:nth-child(1) {
  width: 100%;
}
header .header_inner .menu_open .icon.active span:nth-child(2) {
  width: 100%;
}
header .header_inner .menu_open .icon.active span:nth-child(3) {
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  header .header_inner .menu_open {
    display: flex;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.grid_main {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.container_ {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  overflow: visible;
  width: min(95%, 1560px);
  padding: 0 15px;
}

main {
  width: 100%;
  background-color: #F2F2F2;
}

section {
  width: 100%;
}

.intro_inner {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.intro_inner:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 56.25%;
}
@media only screen and (max-width: 1000px) {
  .intro_inner:before {
    padding-top: 100vh;
  }
}
@media only screen and (max-width: 1000px) {
  .intro_inner:before {
    padding-top: 100vh;
  }
}
.intro_inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  .intro_inner img {
    height: 100%;
  }
}

.page_title_line_inner {
  width: 100%;
  margin-bottom: 4%;
}
.page_title_line_inner .title {
  font-family: 700;
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .page_title_line_inner .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .page_title_line_inner .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .page_title_line_inner .title {
    font-size: 20px;
  }
}

#subscribe_line {
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 0;
}
#subscribe_line .subscribe_line_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5% 0;
}
#subscribe_line .subscribe_line_inner .subtitle {
  color: #810708;
  margin-bottom: 4%;
}
#subscribe_line .subscribe_line_inner form {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 35%;
}
#subscribe_line .subscribe_line_inner form input[type=email] {
  flex: 1;
  max-width: 400px;
  height: 48px;
  padding: 16px 20px;
  font-family: 400;
  color: #000000;
  border: 1px solid #828282;
  border-radius: 0;
}
@media only screen and (min-width: 1921px) {
  #subscribe_line .subscribe_line_inner form input[type=email] {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  #subscribe_line .subscribe_line_inner form input[type=email] {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #subscribe_line .subscribe_line_inner form input[type=email] {
    font-size: 14px;
  }
}
#subscribe_line .subscribe_line_inner form input[type=submit] {
  margin-left: 10px;
  border-radius: 0;
  transition: all ease-in-out 0.2s;
}
#subscribe_line .subscribe_line_inner form input[type=submit]:hover {
  background-color: #00B189;
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1000px) {
  #subscribe_line {
    padding: 15px 0;
  }
  #subscribe_line form {
    width: 100% !important;
  }
  #subscribe_line form input[type=submit] {
    margin-left: 0 !important;
  }
}

#breadcrumbs {
  margin-bottom: 0;
}
#breadcrumbs .white_space {
  height: 95px;
}

.breadcrumbs {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 3% 0;
}
.breadcrumbs span {
  margin: 0 8px;
  font-family: "TT Chocolates Trl Regular";
  color: #BDBDBD;
}
@media only screen and (min-width: 1921px) {
  .breadcrumbs span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .breadcrumbs span {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .breadcrumbs span {
    font-size: 14px;
  }
}
.breadcrumbs span.divide {
  display: block;
  background-color: #BDBDBD;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 0 8px;
}
.breadcrumbs a {
  font-family: "TT Chocolates Trl Regular";
  color: #BDBDBD;
}
@media only screen and (min-width: 1921px) {
  .breadcrumbs a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .breadcrumbs a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .breadcrumbs a {
    font-size: 14px;
  }
}
.breadcrumbs a.active {
  color: #000000;
  transition: all ease-in-out 0.2s;
}
@media only screen and (min-width: 1001px) {
  .breadcrumbs a.active:hover {
    color: #810708;
    transition: all ease-in-out 0.2s;
  }
}

@media screen and (max-width: 1000px) {
  #breadcrumbs .container_ {
    display: none;
  }
  .container_ {
    width: 100%;
  }
}
footer {
  width: 100%;
  padding: 3% 0px 10px 0px;
  background-color: #000000;
  overflow: hidden;
}
footer .footer_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
}
footer .footer_inner .footer_top {
  display: flex;
  flex-direction: row;
  width: 100%;
}
footer .footer_inner .footer_top .footer_section {
  width: 25%;
}
footer .footer_inner .footer_top .footer_section .footer_section__title {
  font-family: 600;
  color: #828282;
  text-transform: capitalize;
  margin-bottom: 6%;
  cursor: default;
}
@media only screen and (min-width: 1921px) {
  footer .footer_inner .footer_top .footer_section .footer_section__title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  footer .footer_inner .footer_top .footer_section .footer_section__title {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  footer .footer_inner .footer_top .footer_section .footer_section__title {
    font-size: 13px;
  }
}
footer .footer_inner .footer_top .footer_section span, footer .footer_inner .footer_top .footer_section a:not(.logo_box, .last_section_span) {
  font-family: 400;
  color: #828282;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 4%;
  cursor: default;
  transition: all ease-in-out 0.2s;
}
@media only screen and (min-width: 1921px) {
  footer .footer_inner .footer_top .footer_section span, footer .footer_inner .footer_top .footer_section a:not(.logo_box, .last_section_span) {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  footer .footer_inner .footer_top .footer_section span, footer .footer_inner .footer_top .footer_section a:not(.logo_box, .last_section_span) {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  footer .footer_inner .footer_top .footer_section span, footer .footer_inner .footer_top .footer_section a:not(.logo_box, .last_section_span) {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  footer .footer_inner .footer_top .footer_section span:hover, footer .footer_inner .footer_top .footer_section a:not(.logo_box, .last_section_span):hover {
    color: #ffffff;
    transition: all ease-in-out 0.2s;
  }
  footer .footer_inner .footer_top .footer_section span:hover img, footer .footer_inner .footer_top .footer_section a:not(.logo_box, .last_section_span):hover img {
    margin-right: 15px;
    transition: all ease-in-out 0.2s;
  }
}
footer .footer_inner .footer_top .footer_section span img, footer .footer_inner .footer_top .footer_section a:not(.logo_box, .last_section_span) img {
  max-height: 18px;
  width: auto;
  margin-right: 10px;
  transition: all ease-in-out 0.2s;
}
footer .footer_inner .footer_top .footer_section span.last_section_span {
  margin-bottom: 0;
}
footer .footer_inner .footer_top .footer_section .logo_box {
  width: min(55%, 262px);
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: all ease-in-out 0.6s;
}
@media only screen and (min-width: 1001px) {
  footer .footer_inner .footer_top .footer_section .logo_box:hover {
    transform: scale(1.1);
    transition: all ease-in-out 0.6s;
  }
}
footer .footer_inner .footer_top .footer_section .logo_box img {
  width: 100%;
  height: 100%;
}
footer .footer_inner .footer_top .footer_section .email {
  text-decoration: underline;
  margin-top: 8%;
  margin-bottom: 8%;
}
footer .footer_inner .footer_top .footer_section .socials {
  display: flex;
  flex-direction: row;
}
footer .footer_inner .footer_top .footer_section .socials svg {
  width: 30px;
  height: 30px;
  margin-right: 20px;
  transition: all ease-in-out 0.2s;
}
@media only screen and (min-width: 1001px) {
  footer .footer_inner .footer_top .footer_section .socials svg:hover path {
    fill: #ffffff;
    transition: all ease-in-out 0.2s;
  }
}
@media only screen and (max-width: 1000px) {
  footer .footer_inner .footer_top {
    display: flex;
    flex-direction: column;
  }
  footer .footer_inner .footer_top .footer_section {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
  }
  footer .footer_inner .footer_top .footer_section .logo_box {
    width: 220px;
    margin-bottom: 30px;
  }
  footer .footer_inner .footer_top .footer_section .footer_section__title {
    color: #810708;
    font-size: 18px;
    margin-bottom: 10px;
  }
  footer .footer_inner .footer_top .footer_section span.last_section_span {
    margin-bottom: 4px;
  }
}
footer .footer_inner .copyright_line {
  width: 100%;
  padding: 20px 0 30px 0;
}
footer .footer_inner .copyright_line span {
  font-family: 400;
  color: #828282;
  transition: all ease-in-out 0.2s;
  cursor: default;
}
@media only screen and (min-width: 1921px) {
  footer .footer_inner .copyright_line span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  footer .footer_inner .copyright_line span {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  footer .footer_inner .copyright_line span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  footer .footer_inner .copyright_line span:hover {
    color: #ffffff;
    transition: all ease-in-out 0.2s;
  }
}
@media only screen and (max-width: 1000px) {
  footer {
    min-height: calc(100vh - 78px);
    padding-top: 42px;
    padding-bottom: 60px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.btn_red {
  width: 200px;
  height: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
  background-color: #EC1C24;
  transition: all ease-in-out 0.2s;
}
@media only screen and (min-width: 1921px) {
  .btn_red {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .btn_red {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .btn_red {
    font-size: 13px;
  }
}
.btn_red:hover {
  background-color: #000000;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .btn_red {
    width: 160px;
    height: 44px;
  }
}

.btn_black {
  width: 111px;
  height: 48px;
  padding: 11px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
  font-family: 400;
  color: #ffffff;
  background-color: #000000;
  transition: all ease-in-out 0.2s;
  cursor: pointer;
}
@media only screen and (min-width: 1921px) {
  .btn_black {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .btn_black {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .btn_black {
    font-size: 14px;
  }
}
.btn_black:hover {
  background-color: #EC1C24;
  transition: all ease-in-out 0.2s;
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

.video_intro {
  position: relative;
  width: 100%;
}
.video_intro .video_img {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.video_intro .video_img:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 56.25%;
}
@media only screen and (max-width: 1000px) {
  .video_intro .video_img:before {
    padding-top: 100vh;
  }
}
@media only screen and (max-width: 1000px) {
  .video_intro .video_img:before {
    padding-top: 100vh;
  }
}
.video_intro .video_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  .video_intro .video_img img {
    height: 100%;
  }
}
.video_intro .video_img img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  .video_intro .video_img img {
    height: 100%;
  }
}
.video_intro .video_video {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.video_intro .video_video:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 56.25%;
}
@media only screen and (max-width: 1000px) {
  .video_intro .video_video:before {
    padding-top: 100vh;
  }
}
@media only screen and (max-width: 1000px) {
  .video_intro .video_video:before {
    padding-top: 100vh;
  }
}
.video_intro .video_video img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  .video_intro .video_video img {
    height: 100%;
  }
}
.video_intro .video_video video {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  .video_intro .video_video video {
    height: 100%;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
.video_intro .video_content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.video_intro .video_content .container_ {
  justify-content: flex-end;
}
.video_intro .video_content .container_ .video_content_inner {
  width: 25%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  margin-bottom: 8%;
  z-index: 2;
}
@media only screen and (max-width: 1000px) {
  .video_intro .video_content .container_ .video_content_inner {
    width: 100%;
    top: 60%;
    transform: translateY(-60%);
    margin-bottom: 8%;
  }
}
.video_intro .video_content .container_ .video_content_inner .video_title {
  width: 100%;
}
.video_intro .video_content .container_ .video_content_inner .video_title img {
  width: 57px;
  height: 57px;
  margin-bottom: -6px;
}
@media only screen and (max-width: 1000px) {
  .video_intro .video_content .container_ .video_content_inner .video_title {
    margin-bottom: 3%;
  }
}
.video_intro .video_content .container_ .video_content_inner .video_subtitle {
  width: 100%;
}
.video_intro .video_content .container_ .video_content_inner .discover {
  margin-top: 6%;
}
.video_intro .video_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}

.page_title {
  width: 100%;
  padding-bottom: 4%;
}
.page_title .title {
  border-bottom: 1px solid #810708;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.what_we_offer_inner {
  width: min(100%, 1920px);
  display: flex;
  flex-direction: column;
}
.what_we_offer_inner .offers_section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.what_we_offer_inner .offers_section .offer_box {
  width: 33.3333333333%;
  transition: all ease-in-out 0.2s;
  overflow: hidden;
  position: relative;
}
.what_we_offer_inner .offers_section .offer_box:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 36%;
}
@media only screen and (max-width: 1000px) {
  .what_we_offer_inner .offers_section .offer_box:before {
    padding-top: 45%;
  }
}
@media only screen and (max-width: 1000px) {
  .what_we_offer_inner .offers_section .offer_box:before {
    padding-top: 45%;
  }
}
@media only screen and (max-width: 1000px) {
  .what_we_offer_inner .offers_section .offer_box {
    width: 100%;
  }
}
.what_we_offer_inner .offers_section .offer_box .offer_content {
  width: 100%;
  height: 100%;
  padding: 4% 8%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.what_we_offer_inner .offers_section .offer_box .offer_content .offer_icon {
  max-height: 30%;
  overflow: hidden;
  margin-bottom: 2%;
}
.what_we_offer_inner .offers_section .offer_box .offer_content .offer_icon img {
  height: 100%;
  width: auto;
}
@media only screen and (max-width: 1000px) {
  .what_we_offer_inner .offers_section .offer_box .offer_content .offer_icon {
    margin-bottom: 15px !important;
  }
}
.what_we_offer_inner .offers_section .offer_box .offer_content h6 {
  display: block;
  margin-bottom: 2%;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box .offer_content .offer_text {
  display: block;
  height: 50px;
  overflow-y: hidden;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1000px) {
  .what_we_offer_inner .offers_section .offer_box .offer_content {
    padding: 4% 6%;
  }
}
@media only screen and (min-width: 1001px) {
  .what_we_offer_inner .offers_section .offer_box:hover .offer_image {
    transform: scale(1.1);
    transition: all ease-in-out 0.4s;
  }
}
.what_we_offer_inner .offers_section .offer_box .offer_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all ease-in-out 0.4s;
}
@media only screen and (max-width: 1000px) {
  .what_we_offer_inner .offers_section .offer_box .offer_image {
    height: 100%;
  }
}
.what_we_offer_inner .offers_section .offer_box:nth-child(3) {
  background-color: #EC1C24;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(3) h6, .what_we_offer_inner .offers_section .offer_box:nth-child(3) span {
  color: #ffffff;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(3):hover {
  background-color: #810708;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(3):hover .offer_content h6 {
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(3):hover .offer_content .offer_text {
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(5) {
  background-color: #EC1C24;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(5) h6, .what_we_offer_inner .offers_section .offer_box:nth-child(5) span {
  color: #ffffff;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(5):hover {
  background-color: #810708;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(5):hover .offer_content h6 {
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(5):hover .offer_content .offer_text {
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(4) {
  background-color: #000000;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(4) h6, .what_we_offer_inner .offers_section .offer_box:nth-child(4) span {
  color: #ffffff;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(4):hover {
  background-color: #810708;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(4):hover .offer_content h6 {
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(4):hover .offer_content .offer_text {
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(9) {
  background-color: #000000;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(9) h6, .what_we_offer_inner .offers_section .offer_box:nth-child(9) span {
  color: #ffffff;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(9):hover {
  background-color: #810708;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(9):hover .offer_content h6 {
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(9):hover .offer_content .offer_text {
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(1) {
  background-color: #ffffff;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(1):hover {
  background-color: #810708;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(1):hover .offer_content h6 {
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(1):hover .offer_content .offer_text {
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(8) {
  background-color: #ffffff;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(8):hover {
  background-color: #810708;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(8):hover .offer_content h6 {
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
.what_we_offer_inner .offers_section .offer_box:nth-child(8):hover .offer_content .offer_text {
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1000px) {
  .what_we_offer_inner .offers_section div.offer_box {
    display: none;
  }
}

#customers .customers_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#customers .customers_inner .customer_box {
  width: 100%;
  height: 150px;
  padding: 2%;
  border: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out 0.2s;
}
#customers .customers_inner .customer_box img {
  max-width: 90%;
  filter: grayscale(1);
  transition: all ease-in-out 0.2s;
}
#customers .customers_inner .customer_box:hover {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  transition: all ease-in-out 0.2s;
}
#customers .customers_inner .customer_box:hover img {
  filter: grayscale(0);
  transform: scale(1.1);
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1000px) {
  #customers {
    padding-bottom: 60px;
  }
}

#about_us {
  width: 100%;
  background-color: #313033;
  margin-bottom: 0;
}
#about_us .about_us_inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 7.95%;
}
@media only screen and (max-width: 1000px) {
  #about_us .about_us_inner {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 42px;
    display: flex;
    flex-direction: column;
  }
}
#about_us .about_us_inner .about_us_content {
  width: 45%;
  height: 100%;
  padding-right: 5%;
  display: flex;
  flex-direction: column;
}
#about_us .about_us_inner .about_us_content .about_title {
  font-family: "TT Chocolates Trl DemiBold";
  color: #ffffff;
  display: block;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1921px) {
  #about_us .about_us_inner .about_us_content .about_title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  #about_us .about_us_inner .about_us_content .about_title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #about_us .about_us_inner .about_us_content .about_title {
    font-size: 20px;
  }
}
#about_us .about_us_inner .about_us_content .about_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #EC1C24;
  display: block;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1921px) {
  #about_us .about_us_inner .about_us_content .about_subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  #about_us .about_us_inner .about_us_content .about_subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #about_us .about_us_inner .about_us_content .about_subtitle {
    font-size: 18px;
  }
}
#about_us .about_us_inner .about_us_content .about_text .text {
  font-family: "TT Chocolates Trl Regular";
  color: #F2F2F2;
  display: block;
}
@media only screen and (min-width: 1921px) {
  #about_us .about_us_inner .about_us_content .about_text .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #about_us .about_us_inner .about_us_content .about_text .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #about_us .about_us_inner .about_us_content .about_text .text {
    font-size: 13px;
  }
}
#about_us .about_us_inner .about_us_content .about_text .text:nth-child(1) {
  margin-bottom: 10%;
}
#about_us .about_us_inner .about_us_content .read_more {
  margin-top: 10%;
}
@media only screen and (max-width: 1000px) {
  #about_us .about_us_inner .about_us_content {
    width: 100%;
  }
  #about_us .about_us_inner .about_us_content .read_more {
    margin-top: 15px;
  }
  #about_us .about_us_inner .about_us_content .about_text {
    margin-bottom: 15px;
  }
  #about_us .about_us_inner .about_us_content .about_text .text:nth-child(1) {
    margin-bottom: 15px;
  }
}
#about_us .about_us_inner .about_image {
  width: 55%;
  position: relative;
}
#about_us .about_us_inner .about_image .about_img_box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
#about_us .about_us_inner .about_image .about_img_box img {
  width: auto;
  height: 100%;
  transition: all ease-in-out 0.6s;
}
@media only screen and (min-width: 1001px) {
  #about_us .about_us_inner .about_image .about_img_box img:hover {
    transform: scale(1.1);
    transition: all ease-in-out 0.6s;
  }
}
#about_us .about_us_inner .about_image .about_red_box_1 {
  overflow: hidden;
  position: relative;
  position: absolute;
  background-color: #EC1C24;
  width: 40%;
  bottom: 100%;
  left: 0;
}
#about_us .about_us_inner .about_image .about_red_box_1:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 36%;
}
@media only screen and (max-width: 1000px) {
  #about_us .about_us_inner .about_image .about_red_box_1:before {
    padding-top: 45%;
  }
}
@media only screen and (max-width: 1000px) {
  #about_us .about_us_inner .about_image .about_red_box_1:before {
    padding-top: 45%;
  }
}
#about_us .about_us_inner .about_image .about_red_box_2 {
  overflow: hidden;
  position: relative;
  position: absolute;
  background-color: #EC1C24;
  width: 40%;
  bottom: 0;
  right: 0;
}
#about_us .about_us_inner .about_image .about_red_box_2:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 36%;
}
@media only screen and (max-width: 1000px) {
  #about_us .about_us_inner .about_image .about_red_box_2:before {
    padding-top: 45%;
  }
}
@media only screen and (max-width: 1000px) {
  #about_us .about_us_inner .about_image .about_red_box_2:before {
    padding-top: 45%;
  }
}
@media only screen and (max-width: 1000px) {
  #about_us .about_us_inner .about_image {
    width: 100%;
    padding-top: 30px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
  #about_us .about_us_inner .about_image .red_box {
    display: none;
  }
}

#who_you_are {
  background-color: #000000;
  padding: 8% 0;
}
#who_you_are .who_you_are_inner {
  width: 100%;
}
#who_you_are .who_you_are_inner .title {
  font-family: "TT Chocolates Trl DemiBold";
  color: #ffffff;
  border-bottom: 1px solid #333333;
}
@media only screen and (min-width: 1921px) {
  #who_you_are .who_you_are_inner .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  #who_you_are .who_you_are_inner .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #who_you_are .who_you_are_inner .title {
    font-size: 20px;
  }
}
#who_you_are .who_you_are_inner .slider_box {
  position: relative;
  width: 100%;
}
#who_you_are .who_you_are_inner .slider_box .who_you_are_slider {
  width: 100%;
}
#who_you_are .who_you_are_inner .slider_box .who_you_are_slider .who_you_are_box {
  width: 100%;
  display: block;
  transition: all ease-in-out 0.4s;
  overflow: hidden;
  position: relative;
}
#who_you_are .who_you_are_inner .slider_box .who_you_are_slider .who_you_are_box:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 100%;
}
#who_you_are .who_you_are_inner .slider_box .who_you_are_slider .who_you_are_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#who_you_are .who_you_are_inner .slider_box .who_you_are_slider .who_you_are_box:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(236, 28, 36, 0) 0%, rgba(236, 28, 36, 0.7) 100%);
  transition: all ease-in-out 0.4s;
}
#who_you_are .who_you_are_inner .slider_box .who_you_are_slider .who_you_are_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all ease-in-out 0.4s;
}
@media only screen and (min-width: 1001px) {
  #who_you_are .who_you_are_inner .slider_box .who_you_are_slider .who_you_are_box:hover > img {
    transform: scale(1.2);
    transition: all ease-in-out 0.4s;
  }
}
#who_you_are .who_you_are_inner .slider_box .who_you_are_slider .who_you_are_box:hover::after {
  opacity: 0.6;
  transition: all ease-in-out 0.4s;
}
#who_you_are .who_you_are_inner .slider_box .who_you_are_slider .who_you_are_box .who_you_are_content {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10% 5%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
#who_you_are .who_you_are_inner .slider_box .who_you_are_slider .who_you_are_box .who_you_are_content .who_icon {
  max-width: 15%;
  max-height: 25%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ffffff;
}
#who_you_are .who_you_are_inner .slider_box .who_you_are_slider .who_you_are_box .who_you_are_content .who_icon img {
  width: auto;
  height: 100%;
  position: relative;
}
#who_you_are .who_you_are_inner .slider_box .who_you_are_slider .who_you_are_box .who_you_are_content .who_title {
  font-family: "TT Chocolates Trl Medium";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  #who_you_are .who_you_are_inner .slider_box .who_you_are_slider .who_you_are_box .who_you_are_content .who_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  #who_you_are .who_you_are_inner .slider_box .who_you_are_slider .who_you_are_box .who_you_are_content .who_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #who_you_are .who_you_are_inner .slider_box .who_you_are_slider .who_you_are_box .who_you_are_content .who_title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1000px) {
  #who_you_are {
    padding-top: 8%;
    padding-bottom: calc(8% + 60px);
    margin-bottom: 0;
  }
  #who_you_are .slider_btns {
    bottom: -70px;
  }
}

#news {
  position: relative;
}
#news .news_inner {
  width: 100%;
}
#news .news_inner .news_line {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#news .news_inner .news_line .news_box {
  width: 45%;
  padding: 0;
  display: flex;
  flex-direction: column;
  transition: all ease-in-out 0.2s;
}
#news .news_inner .news_line .news_box .news_img {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5%;
  background-color: #ffffff;
}
#news .news_inner .news_line .news_box .news_img .img_box {
  width: 85%;
  overflow: hidden;
  position: relative;
}
#news .news_inner .news_line .news_box .news_img .img_box:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 68%;
}
#news .news_inner .news_line .news_box .news_img .img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all ease-in-out 0.4s;
}
#news .news_inner .news_line .news_box .news_img:before {
  position: absolute;
  bottom: -5%;
  left: 0;
  display: block;
  content: "";
  width: 10%;
  height: 1px;
  background-color: #EC1C24;
}
#news .news_inner .news_line .news_box .news_img:hover {
  transition: all ease-in-out 0.2s;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 1001px) {
  #news .news_inner .news_line .news_box .news_img:hover .img_box img {
    transition: all ease-in-out 0.4s;
    transform: scale(1.05);
  }
}
#news .news_inner .news_line .news_box .news_content_line {
  margin-top: 5%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#news .news_inner .news_line .news_box .news_content_line h4 {
  flex: 1;
}
#news .news_inner .news_line .news_box .news_content_line span {
  color: #313033;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#news .news_inner .news_line .news_box .news_content_line span img {
  width: 17px;
  margin-right: 10px;
}
#news .news_inner .news_line .news_box .news_readmore {
  margin-top: 20px;
}
@media only screen and (max-width: 1000px) {
  #news {
    padding-top: 42px;
    background-color: #ffffff;
  }
  #news .news_inner .news_line {
    display: flex;
    flex-direction: column;
  }
  #news .news_inner .news_line .news_box {
    width: 100%;
    margin-bottom: 30px;
  }
  #news .news_inner .news_line .news_box .news_img {
    padding: 0;
  }
  #news .news_inner .news_line .news_box .news_img .img_box {
    width: 100%;
  }
  #news .news_inner .news_line .news_box .news_readmore {
    margin-top: 15px;
  }
}

/************** RESPONSIVITY ***************/
@media screen and (max-width: 1537px) {
  .what_we_offer_inner .offers_section .offer_box .offer_content .offer_icon {
    max-height: 25%;
    margin-bottom: 2%;
  }
  .what_we_offer_inner .offers_section .offer_box .offer_content h6 {
    margin-bottom: 2%;
  }
}
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
#certificates {
  width: 100%;
}
#certificates .certificates_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}
#certificates .certificates_inner .certificate_box {
  width: calc((100% - 60px) / 4);
  border: 1px solid #E0E0E0;
  overflow: hidden;
  position: relative;
}
#certificates .certificates_inner .certificate_box:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 110%;
}
#certificates .certificates_inner .certificate_box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-width: 90%;
  max-height: 90%;
}
@media only screen and (min-width: 1001px) {
  #certificates .certificates_inner .certificate_box:hover {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
  }
}
@media only screen and (max-width: 1000px) {
  #certificates .certificates_inner {
    gap: 15px;
  }
  #certificates .certificates_inner .certificate_box {
    width: calc((100% - 15px) / 2);
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
#categories {
  width: 100%;
}
#categories .categories_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}
#categories .categories_inner .category_box {
  width: calc((100% - 20px) / 2);
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  transition: all ease-in-out 0.4s;
}
#categories .categories_inner .category_box .category_img {
  width: 50%;
  overflow: hidden;
  position: relative;
}
#categories .categories_inner .category_box .category_img:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 100%;
}
#categories .categories_inner .category_box .category_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#categories .categories_inner .category_box .category_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#categories .categories_inner .category_box .category_info {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 4%;
}
#categories .categories_inner .category_box .category_info .category_name {
  margin-bottom: 20px;
}
#categories .categories_inner .category_box .category_info .products {
  display: flex;
  flex-direction: column;
  margin-bottom: 8%;
}
#categories .categories_inner .category_box .category_info .products .product {
  margin-bottom: 10px;
}
#categories .categories_inner .category_box .category_info .show_more {
  color: #810708;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#categories .categories_inner .category_box .category_info .show_more svg {
  margin-left: 6px;
}
@media only screen and (min-width: 1001px) {
  #categories .categories_inner .category_box:hover {
    border: 1px solid #E0E0E0;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
    transition: all ease-in-out 0.4s;
  }
}
@media only screen and (max-width: 1000px) {
  #categories .categories_inner {
    display: flex;
    flex-direction: column;
  }
  #categories .categories_inner .category_box {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #categories .categories_inner .category_box .category_img {
    width: 100%;
  }
  #categories .categories_inner .category_box .category_info {
    width: 100%;
  }
  #categories .categories_inner .category_box .category_info .category_name {
    font-size: 22px;
    margin-bottom: 15px;
  }
  #categories .categories_inner .category_box .category_info .products {
    margin-bottom: 15px;
  }
  #categories .categories_inner .category_box .category_info .show_more {
    margin-bottom: 15px;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#news {
  width: 100%;
}
#news .news_inner {
  width: 100%;
}
#news .news_inner .news_line_ {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
#news .news_inner .news_line_ .news_box {
  width: calc((100% - 42px) / 3);
  transition: all ease-in-out 0.4s;
  display: flex;
  flex-direction: column;
}
#news .news_inner .news_line_ .news_box .news_img {
  position: relative;
  padding: 0;
}
#news .news_inner .news_line_ .news_box .news_img .img_box {
  width: 100%;
  overflow: hidden;
  position: relative;
}
#news .news_inner .news_line_ .news_box .news_img .img_box:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 68%;
}
#news .news_inner .news_line_ .news_box .news_img .img_box img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-position: top;
     object-position: top;
  transition: all ease-in-out 0.4s;
}
#news .news_inner .news_line_ .news_box .news_img:before {
  position: absolute;
  bottom: -10%;
  left: 10%;
  display: block;
  content: "";
  width: 10%;
  height: 1px;
  background-color: #ffffff;
}
#news .news_inner .news_line_ .news_box .news_body {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 6% 10%;
  max-height: 30%;
}
#news .news_inner .news_line_ .news_box .box_title {
  color: #ffffff;
  margin-top: 5%;
  margin-bottom: 10%;
}
#news .news_inner .news_line_ .news_box .news_content_line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#news .news_inner .news_line_ .news_box .news_content_line .news_readmore {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: all ease-in-out 0.4s;
}
@media only screen and (min-width: 1921px) {
  #news .news_inner .news_line_ .news_box .news_content_line .news_readmore {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #news .news_inner .news_line_ .news_box .news_content_line .news_readmore {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #news .news_inner .news_line_ .news_box .news_content_line .news_readmore {
    font-size: 13px;
  }
}
#news .news_inner .news_line_ .news_box .news_content_line .news_readmore img {
  width: 16px;
  margin-left: 8px;
  transition: all ease-in-out 0.4s;
}
#news .news_inner .news_line_ .news_box .news_content_line .news_readmore:hover {
  color: #EC1C24;
  transition: all ease-in-out 0.4s;
}
#news .news_inner .news_line_ .news_box .news_content_line .news_readmore:hover img {
  margin-left: 12px;
  transition: all ease-in-out 0.4s;
}
#news .news_inner .news_line_ .news_box .news_content_line .news_date {
  color: #313033;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#news .news_inner .news_line_ .news_box .news_content_line .news_date img {
  width: 17px;
  margin-right: 8px;
}
#news .news_inner .news_line_ .news_box .news_content_line .news_date .nav_link:hover {
  color: #ffffff;
}
#news .news_inner .news_line_ .news_box:nth-child(3n+1) {
  background-color: #810708;
}
#news .news_inner .news_line_ .news_box:nth-child(3n+1):hover {
  background-color: #000000;
}
#news .news_inner .news_line_ .news_box:nth-child(3n+2) {
  background-color: #313033;
}
#news .news_inner .news_line_ .news_box:nth-child(3n+2):hover {
  background-color: #000000;
}
#news .news_inner .news_line_ .news_box:nth-child(3n+3) {
  background-color: #EC1C24;
}
#news .news_inner .news_line_ .news_box:nth-child(3n+3):hover {
  background-color: #000000;
}
#news .news_inner .news_line_ .news_box:hover {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 1001px) {
  #news .news_inner .news_line_ .news_box:hover .img_box img {
    transform: scale(1.1);
    transition: all ease-in-out 0.4s;
  }
}
@media only screen and (max-width: 1000px) {
  #news .news_inner .news_line_ {
    gap: 15px;
  }
  #news .news_inner .news_line_ .news_box {
    width: 100%;
  }
  #news .news_inner .news_line_ .news_box .news_img::before {
    display: none;
  }
  #news .news_inner .news_line_ .news_box .news_body {
    padding: 10px 15px;
    padding-bottom: 30px;
  }
  #news .news_inner .news_line_ .news_box .news_body .box_title {
    margin-top: 10px;
    margin-bottom: 15px;
  }
}

/*******************/
.about_subtitle_inner {
  width: 100%;
}
.about_subtitle_inner .subtitle {
  margin-bottom: 10px;
}
.about_subtitle_inner p {
  font-family: "TT Chocolates Trl Medium";
  color: #828282;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1921px) {
  .about_subtitle_inner p {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .about_subtitle_inner p {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .about_subtitle_inner p {
    font-size: 16px;
  }
}

#news_detail .about_us_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#news_detail .about_us_inner .about_text_section {
  width: 52%;
  margin-bottom: 60px;
  padding-right: 60px;
}
#news_detail .about_us_inner .about_text_section h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #810708;
  margin: 2% 0;
}
@media only screen and (min-width: 1921px) {
  #news_detail .about_us_inner .about_text_section h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  #news_detail .about_us_inner .about_text_section h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #news_detail .about_us_inner .about_text_section h4 {
    font-size: 16px;
  }
}
#news_detail .about_us_inner .about_text_section span {
  display: block;
}
#news_detail .about_us_inner .about_imgs_section {
  width: 48%;
}
#news_detail .about_us_inner .about_imgs_section .details_slider_box {
  width: 100%;
  position: relative;
}
#news_detail .about_us_inner .about_imgs_section .details_slider_box .news_details_slider {
  width: 100%;
  margin-bottom: 20px;
}
#news_detail .about_us_inner .about_imgs_section .details_slider_box .news_details_slider:before {
  content: "";
  display: block;
  padding-top: 68%;
}
#news_detail .about_us_inner .about_imgs_section .details_slider_box .news_details_slider .swiper-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
#news_detail .about_us_inner .about_imgs_section .details_slider_box .news_details_slider .swiper-wrapper .swiper-slide.details_slide {
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
}
#news_detail .about_us_inner .about_imgs_section .details_slider_box .news_details_slider .swiper-wrapper .swiper-slide.details_slide:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 68%;
}
#news_detail .about_us_inner .about_imgs_section .details_slider_box .news_details_slider .swiper-wrapper .swiper-slide.details_slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
#news_detail .about_us_inner .about_imgs_section .details_slider_box .news_details_slider_thumbs .swiper-slide {
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
}
#news_detail .about_us_inner .about_imgs_section .details_slider_box .news_details_slider_thumbs .swiper-slide:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 68%;
}
#news_detail .about_us_inner .about_imgs_section .details_slider_box .news_details_slider_thumbs .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
#news_detail .about_us_inner .about_imgs_section .details_slider_box .news_details_slider_thumbs .swiper-slide::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  background-color: #313033;
  opacity: 0.4;
}
#news_detail .about_us_inner .about_imgs_section .details_slider_box .news_details_slider_thumbs .swiper-slide.swiper-slide-visible.swiper-slide-thumb-active::after {
  display: none;
}
@media only screen and (max-width: 1000px) {
  #news_detail .about_us_inner {
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
  }
  #news_detail .about_us_inner .about_text_section {
    width: 100%;
    padding-right: 0;
  }
  #news_detail .about_us_inner .about_imgs_section {
    width: 100%;
    margin-bottom: 30px;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

.about_subtitle_inner {
  width: 100%;
}
.about_subtitle_inner .subtitle {
  margin-bottom: 10px;
}
.about_subtitle_inner p {
  color: #828282;
  margin-bottom: 10px;
}

#about_ .about_us_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#about_ .about_us_inner .about_text_section {
  width: 48%;
}
#about_ .about_us_inner .about_text_section h4 {
  color: #810708;
  margin: 2% 0;
}
#about_ .about_us_inner .about_text_section p {
  color: #313033;
}
#about_ .about_us_inner .about_imgs_section {
  width: 45%;
}
#about_ .about_us_inner .about_imgs_section .about_img_section_inner {
  width: 100%;
  height: auto;
  position: relative;
}
#about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_img_1_ {
  width: 80%;
  padding-bottom: 20%;
  overflow: hidden;
  position: relative;
}
#about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_img_1_ img {
  width: 100%;
}
#about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: end;
}
#about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom .about_red_box_1_ {
  overflow: hidden;
  position: relative;
  position: absolute;
  background-color: #EC1C24;
  width: 8%;
  height: 15%;
  bottom: 0;
  left: 7%;
}
#about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom .about_red_box_1_:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 36%;
}
@media only screen and (max-width: 1000px) {
  #about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom .about_red_box_1_:before {
    padding-top: 45%;
  }
}
@media only screen and (max-width: 1000px) {
  #about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom .about_red_box_1_:before {
    padding-top: 45%;
  }
}
#about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom .about_red_box_2_ {
  overflow: hidden;
  position: relative;
  position: relative;
  background-color: #EC1C24;
  width: 40%;
  height: 22%;
  right: 0;
  margin-left: auto;
}
#about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom .about_red_box_2_:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 36%;
}
@media only screen and (max-width: 1000px) {
  #about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom .about_red_box_2_:before {
    padding-top: 45%;
  }
}
@media only screen and (max-width: 1000px) {
  #about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom .about_red_box_2_:before {
    padding-top: 45%;
  }
}
#about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom .about_transparent_box_ {
  overflow: hidden;
  position: relative;
  position: relative;
  background-color: transparent;
  width: 40%;
  right: 0;
  margin-left: auto;
}
#about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom .about_transparent_box_:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 36%;
}
@media only screen and (max-width: 1000px) {
  #about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom .about_transparent_box_:before {
    padding-top: 45%;
  }
}
@media only screen and (max-width: 1000px) {
  #about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom .about_transparent_box_:before {
    padding-top: 45%;
  }
}
#about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom .about_img_2_ {
  width: 85%;
  position: relative;
  right: 0;
  bottom: 0;
}
#about_ .about_us_inner .about_imgs_section .about_img_section_inner .about_imgs_bottom .about_img_2_ img {
  width: 100%;
  min-height: 100%;
}
@media only screen and (max-width: 1000px) {
  #about_ .about_us_inner {
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
  }
  #about_ .about_us_inner .about_text_section {
    width: 100%;
  }
  #about_ .about_us_inner .about_imgs_section {
    width: 100%;
    margin-bottom: 15px;
  }
  #about_ .about_us_inner .about_imgs_section .red_box {
    display: none;
  }
}

#about_2 {
  background-color: #000000;
  padding: 5% 0;
}
#about_2 .about_2_inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#about_2 .about_2_inner .about_left {
  width: 48%;
  overflow: hidden;
  position: relative;
  transition: all ease-in-out 0.6s;
}
#about_2 .about_2_inner .about_left img {
  width: 100%;
  transition: all ease-in-out 0.6s;
}
@media only screen and (min-width: 1001px) and (min-width: 1001px) {
  #about_2 .about_2_inner .about_left img:hover {
    transform: scale(1.1);
    transition: all ease-in-out 0.6s;
  }
}
#about_2 .about_2_inner .about_right {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#about_2 .about_2_inner .about_right .about_text {
  overflow: hidden;
  max-height: 50%;
}
#about_2 .about_2_inner .about_right .about_text h2 {
  color: #ffffff;
}
@media only screen and (max-width: 1000px) {
  #about_2 .about_2_inner .about_right .about_text h2 {
    font-size: 16px;
    margin: 15px 0;
  }
}
#about_2 .about_2_inner .about_right .about_text p {
  color: #ffffff;
}
#about_2 .about_2_inner .about_right .about_img {
  width: 100%;
  overflow: hidden;
  transition: all ease-in-out 0.6s;
}
#about_2 .about_2_inner .about_right .about_img img {
  width: 100%;
  transition: all ease-in-out 0.6s;
}
@media only screen and (min-width: 1001px) {
  #about_2 .about_2_inner .about_right .about_img img:hover {
    transform: scale(1.1);
    transition: all ease-in-out 0.6s;
  }
}
@media only screen and (max-width: 1000px) {
  #about_2 .about_2_inner {
    display: flex;
    flex-direction: column;
  }
  #about_2 .about_2_inner .about_left {
    width: 100%;
  }
  #about_2 .about_2_inner .about_right {
    width: 100%;
    margin-bottom: 15px;
  }
  #about_2 .about_2_inner .about_right p {
    font-size: 14px;
    display: block;
    margin: 15px 0;
  }
}
@media only screen and (max-width: 1000px) {
  #about_2 {
    margin-bottom: 0;
  }
}

#about_3 {
  width: 100%;
  padding: 5% 0;
  margin-bottom: 0;
  background-color: #ffffff;
}
#about_3 .title_line {
  width: 100%;
}
#about_3 .title_line .title_inner {
  width: 100%;
}
#about_3 .title_line .title_inner h2 {
  color: #EC1C24;
  margin-bottom: 10px;
}
#about_3 .title_line .title_inner p {
  font-family: "TT Chocolates Trl Regular";
  color: #828282;
  margin-bottom: 4%;
}
@media only screen and (min-width: 1921px) {
  #about_3 .title_line .title_inner p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #about_3 .title_line .title_inner p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #about_3 .title_line .title_inner p {
    font-size: 13px;
  }
}
#about_3 .icons_line {
  width: 100%;
}
#about_3 .icons_line .icons_line_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#about_3 .icons_line .icons_line_inner .icon_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 25%;
  padding: 2%;
  transition: all ease-in-out 0.4s;
}
#about_3 .icons_line .icons_line_inner .icon_box:not(:last-child) {
  border-right: 1px solid #F2F2F2;
}
#about_3 .icons_line .icons_line_inner .icon_box .icon {
  width: 55%;
  overflow: hidden;
  transition: all ease-in-out 0.4s;
}
#about_3 .icons_line .icons_line_inner .icon_box .icon img {
  width: 100%;
}
#about_3 .icons_line .icons_line_inner .icon_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #828282;
  margin-top: 30px;
  transition: all ease-in-out 0.2s;
}
@media only screen and (min-width: 1921px) {
  #about_3 .icons_line .icons_line_inner .icon_box h4 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  #about_3 .icons_line .icons_line_inner .icon_box h4 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #about_3 .icons_line .icons_line_inner .icon_box h4 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1001px) {
  #about_3 .icons_line .icons_line_inner .icon_box:hover .icon {
    transition: all ease-in-out 0.4s;
    transform: scale(1.05) rotate(13deg);
  }
  #about_3 .icons_line .icons_line_inner .icon_box:hover h4 {
    transition: all ease-in-out 0.2s;
    color: #000000;
  }
}
@media only screen and (max-width: 1000px) {
  #about_3 .icons_line .icons_line_inner {
    flex-wrap: wrap;
  }
  #about_3 .icons_line .icons_line_inner .icon_box {
    width: 50%;
    margin-bottom: 15px;
  }
  #about_3 .icons_line .icons_line_inner .icon_box h4 {
    font-size: 16px;
    margin-top: 6px;
    text-align: center;
  }
}

#about_4 {
  width: 100%;
  background-color: #313033;
}
#about_4 .about_4_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#about_4 .about_4_inner .about_text {
  padding: 7% 0;
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#about_4 .about_4_inner .about_text .text_box {
  width: 100%;
}
#about_4 .about_4_inner .about_text .text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #EC1C24;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1921px) {
  #about_4 .about_4_inner .about_text .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  #about_4 .about_4_inner .about_text .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #about_4 .about_4_inner .about_text .text_box h4 {
    font-size: 16px;
  }
}
#about_4 .about_4_inner .about_text .text_box p {
  font-family: "TT Chocolates Trl Regular";
  color: #E0E0E0;
  margin-bottom: 3%;
}
@media only screen and (min-width: 1921px) {
  #about_4 .about_4_inner .about_text .text_box p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  #about_4 .about_4_inner .about_text .text_box p {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #about_4 .about_4_inner .about_text .text_box p {
    font-size: 14px;
  }
}
#about_4 .about_4_inner .about_text .text_box:first-child {
  margin-bottom: 10%;
}
#about_4 .about_4_inner .about_img {
  width: 60%;
  padding: 7% 0;
  display: flex;
  flex-direction: row;
  justify-content: end;
}
#about_4 .about_4_inner .about_img .about_img_inner {
  width: 90%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
#about_4 .about_4_inner .about_img .about_img_inner .about_img_box {
  width: 100%;
  flex: 1;
  overflow: hidden;
  position: relative;
  transition: all ease-in-out 0.6s;
}
#about_4 .about_4_inner .about_img .about_img_inner .about_img_box img {
  width: auto;
  height: 100%;
}
@media only screen and (min-width: 1001px) {
  #about_4 .about_4_inner .about_img .about_img_inner .about_img_box img:hover {
    transform: scale(1.1);
    transition: all ease-in-out 0.6s;
  }
}
#about_4 .about_4_inner .about_img .about_img_inner .about_red_box_1 {
  position: absolute;
  background-color: #EC1C24;
  width: 25%;
  right: 0;
  bottom: 100%;
}
#about_4 .about_4_inner .about_img .about_img_inner .about_red_box_1:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 52%;
}
#about_4 .about_4_inner .about_img .about_img_inner .about_red_box_2 {
  overflow: hidden;
  position: relative;
  position: absolute;
  z-index: 2;
  background-color: #EC1C24;
  width: 30%;
  bottom: 0;
  left: 0;
}
#about_4 .about_4_inner .about_img .about_img_inner .about_red_box_2:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 56.25%;
}
@media only screen and (max-width: 1000px) {
  #about_4 .about_4_inner {
    display: flex;
    flex-direction: column;
  }
  #about_4 .about_4_inner .about_text {
    width: 100%;
  }
  #about_4 .about_4_inner .about_img {
    width: 100%;
  }
  #about_4 .about_4_inner .about_img .red_box {
    display: none;
  }
  #about_4 .about_4_inner .about_img .about_img_inner {
    width: 100%;
  }
}
@media only screen and (max-width: 1000px) {
  #about_4 {
    margin-bottom: 0;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#anto_corruption {
  width: 100%;
}
#anto_corruption .qp_dark_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#anto_corruption .qp_dark_inner .anti_corruption_section_light {
  width: 100%;
  display: flex;
  flex-direction: row;
}
#anto_corruption .qp_dark_inner .anti_corruption_section_light .qp_dark_text_section {
  width: 52%;
  display: flex;
  flex-direction: column;
  margin-bottom: 60px;
}
#anto_corruption .qp_dark_inner .anti_corruption_section_light .qp_dark_text_section h4 {
  font-family: "TT Chocolates Trl Regular";
  color: #810708;
  margin-bottom: 3%;
}
@media only screen and (min-width: 1921px) {
  #anto_corruption .qp_dark_inner .anti_corruption_section_light .qp_dark_text_section h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  #anto_corruption .qp_dark_inner .anti_corruption_section_light .qp_dark_text_section h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #anto_corruption .qp_dark_inner .anti_corruption_section_light .qp_dark_text_section h4 {
    font-size: 16px;
  }
}
#anto_corruption .qp_dark_inner .anti_corruption_section_light .qp_dark_text_section p {
  color: #313033;
  line-height: 130%;
}
#anto_corruption .qp_dark_inner .anti_corruption_section_light .qp_dark_images_section {
  width: 48%;
}
#anto_corruption .qp_dark_inner .anti_corruption_section_light .qp_dark_images_section .img_box {
  width: 90%;
  margin-left: auto;
  overflow: hidden;
  position: relative;
}
#anto_corruption .qp_dark_inner .anti_corruption_section_light .qp_dark_images_section .img_box img {
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #anto_corruption .qp_dark_inner .anti_corruption_section_light {
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
  }
  #anto_corruption .qp_dark_inner .anti_corruption_section_light .qp_dark_text_section {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
  }
  #anto_corruption .qp_dark_inner .anti_corruption_section_light .qp_dark_images_section {
    width: 100%;
  }
  #anto_corruption .qp_dark_inner .anti_corruption_section_light .qp_dark_images_section .img_box {
    width: 100%;
  }
}
#anto_corruption .anti_corruption_section_dark {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 60px 0;
  margin-top: 60px;
  background-color: #313033;
}
#anto_corruption .anti_corruption_section_dark .container_ {
  display: flex;
  flex-direction: row;
}
#anto_corruption .anti_corruption_section_dark .container_ .anti_corruption_text_box_two {
  width: 52%;
}
#anto_corruption .anti_corruption_section_dark .container_ .anti_corruption_text_box_two h4 {
  color: #ffffff;
}
#anto_corruption .anti_corruption_section_dark .container_ .anti_corruption_text_box_two p {
  color: #ffffff;
}
#anto_corruption .anti_corruption_section_dark .container_ .qp_dark_images_two {
  width: 48%;
  padding-right: 60px;
}
#anto_corruption .anti_corruption_section_dark .container_ .qp_dark_images_two .img_box {
  width: 100%;
  overflow: hidden;
  position: relative;
}
#anto_corruption .anti_corruption_section_dark .container_ .qp_dark_images_two .img_box img {
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #anto_corruption .anti_corruption_section_dark .container_ {
    display: flex;
    flex-direction: column;
  }
  #anto_corruption .anti_corruption_section_dark .container_ .anti_corruption_text_box_two {
    width: 100%;
  }
  #anto_corruption .anti_corruption_section_dark .container_ .qp_dark_images_two {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
  #anto_corruption .anti_corruption_section_dark .container_ .qp_dark_images_two .img_box {
    width: 100%;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#careers {
  width: 100%;
}
#careers .careers_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#careers .careers_inner .careers_left {
  width: 50%;
  padding-right: 5%;
}
#careers .careers_inner .careers_left .text_box {
  margin-bottom: 5%;
}
#careers .careers_inner .careers_left .text_box h4 {
  color: #810708;
  margin-bottom: 20px;
}
#careers .careers_inner .careers_left .text_box p {
  color: #828282;
}
#careers .careers_inner .careers_left .text_box_dark {
  background-color: #313033;
  padding: 5% 8%;
  margin-bottom: 8%;
}
#careers .careers_inner .careers_left .text_box_dark p {
  color: #BDBDBD;
  line-height: 140%;
}
#careers .careers_inner .careers_left .text_box_dark h4 {
  margin-bottom: 20px;
  color: #ffffff;
}
#careers .careers_inner .careers_left .form_box {
  width: 100%;
  margin-top: 10%;
}
#careers .careers_inner .careers_left .form_box .form_title {
  color: #810708;
  margin-bottom: 5%;
}
#careers .careers_inner .careers_left .form_box form {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#careers .careers_inner .careers_left .form_box form .input_div {
  position: relative;
  width: 100%;
  padding-bottom: 6%;
  display: flex;
  flex-direction: column;
}
#careers .careers_inner .careers_left .form_box form .input_div label {
  font-family: "TT Chocolates Trl Regular";
  color: #EC1C24;
  position: absolute;
  top: calc(60px + 6%);
}
@media only screen and (min-width: 1921px) {
  #careers .careers_inner .careers_left .form_box form .input_div label {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #careers .careers_inner .careers_left .form_box form .input_div label {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #careers .careers_inner .careers_left .form_box form .input_div label {
    font-size: 13px;
  }
}
#careers .careers_inner .careers_left .form_box form .input_div .input_ {
  width: 100%;
  height: 60px;
  background: #E0E0E0;
  border-radius: 0;
  padding: 10px 25px;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  #careers .careers_inner .careers_left .form_box form .input_div .input_ {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #careers .careers_inner .careers_left .form_box form .input_div .input_ {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #careers .careers_inner .careers_left .form_box form .input_div .input_ {
    font-size: 13px;
  }
}
#careers .careers_inner .careers_left .form_box form .input_div .input_::-moz-placeholder {
  font-family: "TT Chocolates Trl Regular";
  color: #BDBDBD;
}
#careers .careers_inner .careers_left .form_box form .input_div .input_::placeholder {
  font-family: "TT Chocolates Trl Regular";
  color: #BDBDBD;
}
@media only screen and (min-width: 1921px) {
  #careers .careers_inner .careers_left .form_box form .input_div .input_::-moz-placeholder {
    font-size: 16px;
  }
  #careers .careers_inner .careers_left .form_box form .input_div .input_::placeholder {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #careers .careers_inner .careers_left .form_box form .input_div .input_::-moz-placeholder {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
  #careers .careers_inner .careers_left .form_box form .input_div .input_::placeholder {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #careers .careers_inner .careers_left .form_box form .input_div .input_::-moz-placeholder {
    font-size: 13px;
  }
  #careers .careers_inner .careers_left .form_box form .input_div .input_::placeholder {
    font-size: 13px;
  }
}
#careers .careers_inner .careers_left .form_box form .file_box {
  position: relative;
  flex: 1;
  height: 60px;
  background: #E0E0E0;
  border-radius: 0;
  margin-bottom: 20px;
  margin-right: 20px;
}
#careers .careers_inner .careers_left .form_box form .file_box .input_file {
  width: 100%;
  height: 100%;
  opacity: 0;
}
#careers .careers_inner .careers_left .form_box form .file_box label {
  font-family: "TT Chocolates Trl Regular";
  color: #BDBDBD;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: calc(100% - 25px);
  overflow-x: hidden;
  z-index: 2;
  padding: 10px 25px;
  cursor: pointer;
}
@media only screen and (min-width: 1921px) {
  #careers .careers_inner .careers_left .form_box form .file_box label {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #careers .careers_inner .careers_left .form_box form .file_box label {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #careers .careers_inner .careers_left .form_box form .file_box label {
    font-size: 13px;
  }
}
#careers .careers_inner .careers_left .form_box form .file_box .error {
  font-family: "TT Chocolates Trl Regular";
  color: #EC1C24;
  position: absolute;
  top: calc(60px + 6%);
  padding: 0;
  margin-top: 3%;
}
@media only screen and (min-width: 1921px) {
  #careers .careers_inner .careers_left .form_box form .file_box .error {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #careers .careers_inner .careers_left .form_box form .file_box .error {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #careers .careers_inner .careers_left .form_box form .file_box .error {
    font-size: 13px;
  }
}
#careers .careers_inner .careers_left .form_box form .send_btn {
  width: 33.3333333333%;
  height: 60px;
  background: #F2F2F2;
  border: 1px solid #313033;
  border-radius: 0;
  padding: 10px 25px;
  font-family: "TT Chocolates Trl Regular";
  color: #000000;
  transition: all ease-in-out 0.2s;
}
@media only screen and (min-width: 1921px) {
  #careers .careers_inner .careers_left .form_box form .send_btn {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #careers .careers_inner .careers_left .form_box form .send_btn {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #careers .careers_inner .careers_left .form_box form .send_btn {
    font-size: 13px;
  }
}
#careers .careers_inner .careers_left .form_box form .send_btn:hover {
  border: 1px solid #00B189;
  background-color: #00B189;
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
#careers .careers_inner .careers_right {
  width: 50%;
  padding-left: 3%;
}
#careers .careers_inner .careers_right .careers_images {
  width: 100%;
  overflow: hidden;
  position: relative;
  overflow: visible;
}
#careers .careers_inner .careers_right .careers_images:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 56.25%;
}
#careers .careers_inner .careers_right .careers_images .careers_img_box_ {
  width: 100%;
  overflow: hidden;
  position: relative;
  position: absolute;
  bottom: 0;
  right: 0;
}
#careers .careers_inner .careers_right .careers_images .careers_img_box_:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 56.25%;
}
#careers .careers_inner .careers_right .careers_images .careers_img_box_ img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#careers .careers_inner .careers_right .careers_images .careers_red_box {
  width: 10%;
  height: 40%;
  background-color: #EC1C24;
  position: absolute;
  bottom: 0;
  left: -5%;
  z-index: 2;
}
@media only screen and (max-width: 1000px) {
  #careers .careers_inner {
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
  }
  #careers .careers_inner .careers_left {
    width: 100%;
    padding-right: 0%;
  }
  #careers .careers_inner .careers_left .file_box {
    width: 100%;
    flex: auto !important;
    margin-right: 0 !important;
  }
  #careers .careers_inner .careers_left .send_btn {
    width: 100% !important;
    font-size: 14px !important;
  }
  #careers .careers_inner .careers_right {
    width: 100%;
    padding-left: 0%;
    margin-bottom: 30px;
  }
  #careers .careers_inner .careers_right .red_box {
    display: none;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#code_of_conduct {
  width: 100%;
}
#code_of_conduct .qp_dark_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#code_of_conduct .qp_dark_inner .qp_dark_text_section {
  width: 52%;
  display: flex;
  flex-direction: column;
}
#code_of_conduct .qp_dark_inner .qp_dark_text_section h4 {
  font-family: "TT Chocolates Trl Regular";
  color: #000000;
  margin-bottom: 3%;
}
@media only screen and (min-width: 1921px) {
  #code_of_conduct .qp_dark_inner .qp_dark_text_section h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  #code_of_conduct .qp_dark_inner .qp_dark_text_section h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #code_of_conduct .qp_dark_inner .qp_dark_text_section h4 {
    font-size: 16px;
  }
}
#code_of_conduct .qp_dark_inner .qp_dark_text_section p {
  color: #313033;
  line-height: 130%;
  margin-bottom: 6%;
}
#code_of_conduct .qp_dark_inner .qp_dark_text_section .hidden_section {
  width: 100%;
  overflow: hidden;
  height: 0px;
}
#code_of_conduct .qp_dark_inner .qp_dark_text_section .hidden_section.active {
  height: auto;
}
#code_of_conduct .qp_dark_inner .qp_dark_images_section {
  width: 48%;
}
#code_of_conduct .qp_dark_inner .qp_dark_images_section .img_box {
  width: 90%;
  margin-left: auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
#code_of_conduct .qp_dark_inner .qp_dark_images_section .img_box img {
  width: 100%;
}
#code_of_conduct .qp_dark_inner .qp_dark_images_section .qp_red_box {
  background-color: #EC1C24;
  width: 42%;
  height: 80px;
  position: relative;
  right: 0;
  left: auto;
  margin-left: auto;
  margin-top: -10px;
}
@media only screen and (max-width: 1000px) {
  #code_of_conduct .qp_dark_inner {
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
  }
  #code_of_conduct .qp_dark_inner .qp_dark_text_section {
    width: 100%;
    margin-top: 30px;
  }
  #code_of_conduct .qp_dark_inner .qp_dark_images_section {
    width: 100%;
  }
  #code_of_conduct .qp_dark_inner .qp_dark_images_section .red_box {
    display: none;
  }
  #code_of_conduct .qp_dark_inner .qp_dark_images_section .img_box {
    width: 100%;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#contacts {
  width: 100%;
}
#contacts .contacts_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#contacts .contacts_inner .contacts_info {
  width: 40%;
}
#contacts .contacts_inner .contacts_info .box_title {
  margin-bottom: 3%;
}
#contacts .contacts_inner .contacts_info .text {
  margin-bottom: 3%;
}
#contacts .contacts_inner .contacts_map_form {
  width: 60%;
  padding-left: 30px;
}
#contacts .contacts_inner .contacts_map_form .map_box {
  width: 100%;
  border-radius: 0;
  overflow: hidden;
  overflow: hidden;
  position: relative;
}
#contacts .contacts_inner .contacts_map_form .map_box:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 56.25%;
}
#contacts .contacts_inner .contacts_map_form .map_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#contacts .contacts_inner .contacts_map_form .text_box {
  margin: 6% 0;
}
#contacts .contacts_inner .contacts_map_form .text_box .title {
  margin-bottom: 3%;
}
#contacts .contacts_inner .contacts_map_form .form_box {
  width: 100%;
}
#contacts .contacts_inner .contacts_map_form .form_box form#contact_us {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div {
  width: calc((100% - 50px) / 3);
  display: flex;
  flex-direction: column;
}
#contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div label {
  font-family: "TT Chocolates Trl Regular";
  color: #EC1C24;
  margin-top: 3%;
}
@media only screen and (min-width: 1921px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div label {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div label {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div label {
    font-size: 13px;
  }
}
#contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div .input_ {
  width: 100%;
  height: 60px;
  background: #E0E0E0;
  border-radius: 0;
  padding: 10px 25px;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div .input_ {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div .input_ {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div .input_ {
    font-size: 13px;
  }
}
#contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div .input_::-moz-placeholder {
  font-family: "TT Chocolates Trl Regular";
  color: #BDBDBD;
}
#contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div .input_::placeholder {
  font-family: "TT Chocolates Trl Regular";
  color: #BDBDBD;
}
@media only screen and (min-width: 1921px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div .input_::-moz-placeholder {
    font-size: 16px;
  }
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div .input_::placeholder {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div .input_::-moz-placeholder {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div .input_::placeholder {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div .input_::-moz-placeholder {
    font-size: 13px;
  }
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .input_div .input_::placeholder {
    font-size: 13px;
  }
}
#contacts .contacts_inner .contacts_map_form .form_box form#contact_us label {
  font-family: "TT Chocolates Trl Regular";
  color: #EC1C24;
  margin-top: 3%;
}
@media only screen and (min-width: 1921px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us label {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us label {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us label {
    font-size: 13px;
  }
}
#contacts .contacts_inner .contacts_map_form .form_box form#contact_us .send_btn {
  width: calc((100% - 50px) / 3);
  height: 60px;
  background: #F2F2F2;
  border: 1px solid #313033;
  border-radius: 0;
  padding: 10px 25px;
  font-family: "TT Chocolates Trl Regular";
  color: #000000;
  transition: all ease-in-out 0.2s;
}
@media only screen and (min-width: 1921px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .send_btn {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .send_btn {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .send_btn {
    font-size: 13px;
  }
}
#contacts .contacts_inner .contacts_map_form .form_box form#contact_us .send_btn:hover {
  border: 1px solid #00B189;
  background-color: #00B189;
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
#contacts .contacts_inner .contacts_map_form .form_box form#contact_us .textarea_box {
  width: 100%;
  height: 230px;
  background: #E0E0E0;
  border-radius: 0;
  padding: 25px 0;
  margin: 25px 0;
  overflow: hidden;
}
#contacts .contacts_inner .contacts_map_form .form_box form#contact_us .textarea_box textarea {
  width: 100%;
  height: 100%;
  background: transparent;
  padding: 0 25px;
  resize: none;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .textarea_box textarea {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .textarea_box textarea {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .textarea_box textarea {
    font-size: 13px;
  }
}
#contacts .contacts_inner .contacts_map_form .form_box form#contact_us .textarea_box textarea::-moz-placeholder {
  font-family: "TT Chocolates Trl Regular";
  color: #BDBDBD;
}
#contacts .contacts_inner .contacts_map_form .form_box form#contact_us .textarea_box textarea::placeholder {
  font-family: "TT Chocolates Trl Regular";
  color: #BDBDBD;
}
@media only screen and (min-width: 1921px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .textarea_box textarea::-moz-placeholder {
    font-size: 16px;
  }
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .textarea_box textarea::placeholder {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .textarea_box textarea::-moz-placeholder {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .textarea_box textarea::placeholder {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .textarea_box textarea::-moz-placeholder {
    font-size: 13px;
  }
  #contacts .contacts_inner .contacts_map_form .form_box form#contact_us .textarea_box textarea::placeholder {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1000px) {
  #contacts .contacts_inner {
    display: flex;
    flex-direction: column;
  }
  #contacts .contacts_inner .contacts_info {
    width: 100%;
    margin-bottom: 30px;
  }
  #contacts .contacts_inner .contacts_map_form {
    width: 100%;
    padding-left: 0;
    margin-bottom: 30px;
  }
  #contacts .contacts_inner .contacts_map_form form#contact_us .input_div {
    width: 100% !important;
    display: flex;
    flex-direction: column;
  }
  #contacts .contacts_inner .contacts_map_form form#contact_us .send_btn {
    font-size: 14px !important;
    width: 100% !important;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#domestic_solution .who_details_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#domestic_solution .who_details_inner .who_details_text_section {
  width: 55%;
  display: flex;
  flex-direction: column;
  padding-right: 2%;
}
#domestic_solution .who_details_inner .who_details_text_section .text_box {
  margin-bottom: 7%;
}
#domestic_solution .who_details_inner .who_details_text_section .text_box h4 {
  color: #810708;
  margin-bottom: 3%;
}
#domestic_solution .who_details_inner .who_details_text_section .text_box p {
  display: block;
  line-height: 130%;
  margin-bottom: 15px;
}
#domestic_solution .who_details_inner .who_details_images_section {
  width: 45%;
  display: flex;
  flex-direction: column;
  padding-left: 2%;
}
#domestic_solution .who_details_inner .who_details_images_section .who_images {
  overflow: hidden;
  position: relative;
}
#domestic_solution .who_details_inner .who_details_images_section .who_images:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 100%;
}
#domestic_solution .who_details_inner .who_details_images_section .who_images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#domestic_solution .who_details_inner .who_details_images_section .who_images .who_imgs_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: 100%;
  height: 100%;
}
#domestic_solution .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1 {
  overflow: hidden;
  position: relative;
  z-index: 2;
  width: 70%;
  top: 0;
  left: 0;
}
#domestic_solution .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 72%;
}
#domestic_solution .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#domestic_solution .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_2 {
  position: absolute !important;
  overflow: hidden;
  position: relative;
  width: 70%;
  bottom: 0;
  right: 0;
}
#domestic_solution .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_2:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 72%;
}
#domestic_solution .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_2 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#domestic_solution .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_red_box {
  position: absolute !important;
  z-index: 4;
  overflow: hidden;
  position: relative;
  background-color: #EC1C24;
  width: 30%;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#domestic_solution .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_red_box:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 36%;
}
@media only screen and (max-width: 1000px) {
  #domestic_solution .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_red_box:before {
    padding-top: 45%;
  }
}
@media only screen and (max-width: 1000px) {
  #domestic_solution .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_red_box:before {
    padding-top: 45%;
  }
}
@media only screen and (max-width: 1000px) {
  #domestic_solution .who_details_inner {
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
  }
  #domestic_solution .who_details_inner .who_details_text_section {
    width: 100%;
  }
  #domestic_solution .who_details_inner .who_details_images_section {
    width: 100%;
    padding-left: 0;
    margin-bottom: 30px;
  }
  #domestic_solution .who_details_inner .who_details_images_section .red_box {
    display: none;
  }
  #domestic_solution .who_details_inner .who_details_images_section .who_images::before {
    display: none;
  }
  #domestic_solution .who_details_inner .who_details_images_section .who_images .who_imgs_inner {
    position: relative;
  }
  #domestic_solution .who_details_inner .who_details_images_section .who_img_box_1 {
    width: 100% !important;
  }
  #domestic_solution .who_details_inner .who_details_images_section .who_img_box_2 {
    display: none;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#marine_industry .who_details_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#marine_industry .who_details_inner .who_details_text_section {
  width: 55%;
  display: flex;
  flex-direction: column;
  padding-right: 2%;
}
#marine_industry .who_details_inner .who_details_text_section .text_box {
  margin-bottom: 3%;
}
#marine_industry .who_details_inner .who_details_text_section .text_box h4 {
  color: #810708;
  margin-bottom: 3%;
}
#marine_industry .who_details_inner .who_details_text_section .text_box h6 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
  margin: 3% 0;
}
@media only screen and (min-width: 1921px) {
  #marine_industry .who_details_inner .who_details_text_section .text_box h6 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #marine_industry .who_details_inner .who_details_text_section .text_box h6 {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #marine_industry .who_details_inner .who_details_text_section .text_box h6 {
    font-size: 13px;
  }
}
#marine_industry .who_details_inner .who_details_text_section .text_box p {
  display: block;
  line-height: 130%;
}
#marine_industry .who_details_inner .who_details_images_section {
  width: 45%;
  display: flex;
  flex-direction: column;
  padding-left: 2%;
}
#marine_industry .who_details_inner .who_details_images_section .who_images .who_imgs_inner {
  width: 100%;
  height: 100%;
}
#marine_industry .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1 {
  overflow: hidden;
  position: relative;
  width: 100%;
}
#marine_industry .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 72%;
}
#marine_industry .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#marine_industry .who_details_inner .who_details_images_section .who_images .who_imgs_inner .red_box_1 {
  background-color: #EC1C24;
  width: 42%;
  height: 60px;
  position: relative;
  left: 0;
}
#marine_industry .who_details_inner .who_details_images_section .who_images .who_imgs_inner .red_box_2 {
  background-color: #EC1C24;
  width: 42%;
  height: 60px;
  position: relative;
  right: 0;
  left: auto;
  bottom: 10%;
  margin-left: auto;
}
@media only screen and (max-width: 1000px) {
  #marine_industry .who_details_inner {
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
  }
  #marine_industry .who_details_inner .who_details_text_section {
    width: 100%;
    padding-right: 0;
  }
  #marine_industry .who_details_inner .who_details_images_section {
    width: 100%;
    padding-left: 0;
    margin-bottom: 30px;
  }
  #marine_industry .who_details_inner .who_details_images_section .red_box {
    display: none;
  }
  #marine_industry .who_details_inner .who_details_images_section .who_images::before {
    display: none;
  }
  #marine_industry .who_details_inner .who_details_images_section .who_images .who_imgs_inner {
    position: relative;
  }
  #marine_industry .who_details_inner .who_details_images_section .who_img_box_1 {
    width: 100% !important;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#mining_industry .who_details_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#mining_industry .who_details_inner .who_details_text_section {
  width: 55%;
  display: flex;
  flex-direction: column;
  padding-right: 2%;
}
#mining_industry .who_details_inner .who_details_text_section .text_box {
  margin-bottom: 3%;
}
#mining_industry .who_details_inner .who_details_text_section .text_box h4 {
  color: #810708;
  margin-bottom: 3%;
}
#mining_industry .who_details_inner .who_details_text_section .text_box h6 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
  margin: 3% 0;
}
@media only screen and (min-width: 1921px) {
  #mining_industry .who_details_inner .who_details_text_section .text_box h6 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #mining_industry .who_details_inner .who_details_text_section .text_box h6 {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #mining_industry .who_details_inner .who_details_text_section .text_box h6 {
    font-size: 13px;
  }
}
#mining_industry .who_details_inner .who_details_text_section .text_box p {
  line-height: 130%;
}
#mining_industry .who_details_inner .who_details_images_section {
  width: 45%;
  display: flex;
  flex-direction: column;
  padding-left: 2%;
}
#mining_industry .who_details_inner .who_details_images_section .who_images {
  overflow: hidden;
  position: relative;
}
#mining_industry .who_details_inner .who_details_images_section .who_images:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 100%;
}
#mining_industry .who_details_inner .who_details_images_section .who_images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#mining_industry .who_details_inner .who_details_images_section .who_images .who_imgs_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: 100%;
  height: 100%;
}
#mining_industry .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1 {
  overflow: hidden;
  position: relative;
  width: 100%;
}
#mining_industry .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 72%;
}
#mining_industry .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#mining_industry .who_details_inner .who_details_images_section .who_images .who_imgs_inner .red_box_1 {
  background-color: #EC1C24;
  width: 42%;
  height: 60px;
  position: relative;
  right: 0;
  left: auto;
  margin-left: auto;
}
#mining_industry .who_details_inner .who_details_images_section .who_images .who_imgs_inner .red_box_2 {
  background-color: #EC1C24;
  width: 42%;
  height: 60px;
  position: relative;
  left: 0;
  bottom: 10%;
}
@media only screen and (max-width: 1000px) {
  #mining_industry .who_details_inner {
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
  }
  #mining_industry .who_details_inner .who_details_text_section {
    width: 100%;
  }
  #mining_industry .who_details_inner .who_details_images_section {
    width: 100%;
    padding-left: 0;
    margin-bottom: 30px;
  }
  #mining_industry .who_details_inner .who_details_images_section .red_box {
    display: none;
  }
  #mining_industry .who_details_inner .who_details_images_section .who_images::before {
    display: none;
  }
  #mining_industry .who_details_inner .who_details_images_section .who_images .who_imgs_inner {
    position: relative;
  }
  #mining_industry .who_details_inner .who_details_images_section .who_img_box_1 {
    width: 100% !important;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#modern_slavery {
  width: 100%;
}
#modern_slavery .qp_dark_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#modern_slavery .qp_dark_inner .qp_dark_text_section {
  width: 52%;
  display: flex;
  flex-direction: column;
}
#modern_slavery .qp_dark_inner .qp_dark_text_section h4 {
  font-family: "TT Chocolates Trl Regular";
  color: #000000;
  margin-bottom: 3%;
}
#modern_slavery .qp_dark_inner .qp_dark_text_section p {
  color: #313033;
  line-height: 130%;
  margin-bottom: 6%;
}
#modern_slavery .qp_dark_inner .qp_dark_text_section .hidden_section {
  width: 100%;
  overflow: hidden;
  height: 0px;
}
#modern_slavery .qp_dark_inner .qp_dark_text_section .hidden_section.active {
  height: auto;
}
#modern_slavery .qp_dark_inner .qp_dark_text_section .read_more_text {
  margin-left: auto;
}
#modern_slavery .qp_dark_inner .qp_dark_images_section {
  width: 48%;
}
#modern_slavery .qp_dark_inner .qp_dark_images_section .img_box {
  width: 90%;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
#modern_slavery .qp_dark_inner .qp_dark_images_section .img_box img {
  width: 100%;
}
#modern_slavery .qp_dark_inner .qp_dark_images_section .qp_red_box {
  background-color: #EC1C24;
  width: 42%;
  height: 80px;
  position: relative;
  right: auto;
  left: 0;
  margin-right: auto;
  margin-top: -10px;
}
@media only screen and (max-width: 1000px) {
  #modern_slavery .qp_dark_inner {
    display: flex;
    flex-direction: column;
  }
  #modern_slavery .qp_dark_inner .qp_dark_text_section {
    width: 100%;
    margin-top: 30px;
  }
  #modern_slavery .qp_dark_inner .qp_dark_images_section {
    width: 100%;
  }
  #modern_slavery .qp_dark_inner .qp_dark_images_section .red_box {
    display: none;
  }
  #modern_slavery .qp_dark_inner .qp_dark_images_section .img_box {
    width: 100%;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#partners {
  width: 100%;
}
#partners .partners_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 35px;
  flex-wrap: wrap;
}
#partners .partners_inner .partner_box {
  width: calc((100% - 140px) / 5);
  border: 1px solid #E0E0E0;
  overflow: hidden;
  position: relative;
}
#partners .partners_inner .partner_box:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 56.25%;
}
#partners .partners_inner .partner_box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 8% 11%;
}
#partners .partners_inner .partner_box:hover {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
}
@media only screen and (max-width: 1000px) {
  #partners .partners_inner {
    gap: 15px;
  }
  #partners .partners_inner .partner_box {
    width: calc((100% - 15px) / 2);
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#policy {
  width: 100%;
}
#policy .qp_dark_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
#policy .qp_dark_inner .qp_dark_text_section {
  width: 54%;
  padding-right: 60px;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
#policy .qp_dark_inner .qp_dark_text_section h4 {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #810708;
  margin-bottom: 3%;
}
@media only screen and (min-width: 1921px) {
  #policy .qp_dark_inner .qp_dark_text_section h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  #policy .qp_dark_inner .qp_dark_text_section h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #policy .qp_dark_inner .qp_dark_text_section h4 {
    font-size: 16px;
  }
}
#policy .qp_dark_inner .qp_dark_text_section p {
  color: #313033;
  line-height: 130%;
  margin-bottom: 6%;
}
#policy .qp_dark_inner .images_section {
  width: 46%;
  position: relative;
}
#policy .qp_dark_inner .images_section .img_box {
  width: 100%;
  overflow: hidden;
  position: relative;
}
#policy .qp_dark_inner .images_section .img_box img {
  width: 100%;
}
#policy .qp_dark_inner .images_section .img_box_1 {
  width: 80%;
  overflow: hidden;
  position: relative;
  margin-left: auto;
}
#policy .qp_dark_inner .images_section .img_box_1:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 72%;
}
#policy .qp_dark_inner .images_section .img_box_1 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#policy .qp_dark_inner .images_section .img_box_2 {
  width: 90%;
  overflow: hidden;
  position: relative;
  margin-top: -5%;
  position: relative;
  z-index: 2;
}
#policy .qp_dark_inner .images_section .img_box_2:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 72%;
}
#policy .qp_dark_inner .images_section .img_box_2 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#policy .qp_dark_inner .images_section .qp_red_box {
  background-color: #EC1C24;
  right: 0;
  bottom: 60px;
  width: 50%;
  height: 120px;
  position: relative;
  margin-left: auto;
  z-index: 1;
}
#policy .qp_dark_inner .text_section_two {
  width: 52%;
}
#policy .qp_dark_inner .text_section_two h4 {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #810708;
  margin-bottom: 3%;
}
@media only screen and (min-width: 1921px) {
  #policy .qp_dark_inner .text_section_two h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  #policy .qp_dark_inner .text_section_two h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #policy .qp_dark_inner .text_section_two h4 {
    font-size: 16px;
  }
}
#policy .qp_dark_inner .text_section_two p {
  display: block;
  color: #313033;
  line-height: 130%;
  margin-bottom: 6%;
}
@media only screen and (max-width: 1000px) {
  #policy .qp_dark_inner {
    display: flex;
    flex-direction: column;
  }
  #policy .qp_dark_inner .qp_dark_text_section {
    width: 100%;
    padding-right: 0;
    order: 2;
  }
  #policy .qp_dark_inner .text_section_two {
    width: 100%;
    order: 3;
  }
  #policy .qp_dark_inner .images_section {
    width: 100%;
    order: 1;
  }
  #policy .qp_dark_inner .images_section .img_box_1 {
    width: 100%;
    margin-bottom: 30px;
  }
  #policy .qp_dark_inner .images_section .img_box_2 {
    display: none;
  }
  #policy .qp_dark_inner .images_section .qp_red_box {
    display: none;
  }
  #policy .qp_dark_inner .images_section .img_box {
    display: none;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#product_details .product_details_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#product_details .product_details_inner .download_files {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
#product_details .product_details_inner .download_files .download_pdf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "TT Chocolates Trl Regular";
  color: #810708;
  width: 250px;
  height: 48px;
  background-color: transparent;
  border: 1px solid #810708;
  margin-right: 3%;
}
@media only screen and (min-width: 1921px) {
  #product_details .product_details_inner .download_files .download_pdf {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #product_details .product_details_inner .download_files .download_pdf {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #product_details .product_details_inner .download_files .download_pdf {
    font-size: 13px;
  }
}
#product_details .product_details_inner .product_info {
  width: 50%;
  padding-right: 3%;
}
#product_details .product_details_inner .product_info .product_desc {
  display: block;
  margin-bottom: 5%;
  width: 80%;
}
#product_details .product_details_inner .product_info .product_files {
  width: 50%;
  display: flex;
  flex-direction: column;
}
#product_details .product_details_inner .product_info .product_files a {
  margin-bottom: 25px;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #BDBDBD;
}
#product_details .product_details_inner .product_info .product_files a svg {
  width: 20px;
  margin-right: 10px;
}
#product_details .product_details_inner .product_info .product_files a .file_name {
  display: block;
  max-width: 85%;
}
#product_details .product_details_inner .product_images {
  width: 50%;
  padding-left: 3%;
}
#product_details .product_details_inner .product_images .details_slider_box {
  width: 100%;
  position: relative;
}
#product_details .product_details_inner .product_images .details_slider_box .details_slider {
  width: 100%;
  margin-bottom: 20px;
}
#product_details .product_details_inner .product_images .details_slider_box .details_slider:before {
  content: "";
  display: block;
  padding-top: 72%;
}
#product_details .product_details_inner .product_images .details_slider_box .details_slider .swiper-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
#product_details .product_details_inner .product_images .details_slider_box .details_slider .swiper-wrapper .swiper-slide.details_slide {
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
}
#product_details .product_details_inner .product_images .details_slider_box .details_slider .swiper-wrapper .swiper-slide.details_slide:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 72%;
}
#product_details .product_details_inner .product_images .details_slider_box .details_slider .swiper-wrapper .swiper-slide.details_slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
#product_details .product_details_inner .product_images .details_slider_box .details_slider_thumbs .swiper-slide {
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
}
#product_details .product_details_inner .product_images .details_slider_box .details_slider_thumbs .swiper-slide:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 72%;
}
#product_details .product_details_inner .product_images .details_slider_box .details_slider_thumbs .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
#product_details .product_details_inner .product_images .details_slider_box .details_slider_thumbs .swiper-slide::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  background-color: #313033;
  opacity: 0.4;
}
#product_details .product_details_inner .product_images .details_slider_box .details_slider_thumbs .swiper-slide.swiper-slide-visible.swiper-slide-thumb-active::after {
  display: none;
}
@media only screen and (max-width: 1000px) {
  #product_details .product_details_inner {
    display: flex;
    flex-direction: column;
  }
  #product_details .product_details_inner .download_files {
    order: 1;
    width: 100%;
  }
  #product_details .product_details_inner .download_files .download_pdf {
    width: 180px;
    height: 44px;
    font-size: 14px;
  }
  #product_details .product_details_inner .product_info {
    order: 3;
    width: 100%;
  }
  #product_details .product_details_inner .product_info .product_desc {
    margin-bottom: 30px;
    width: 100%;
  }
  #product_details .product_details_inner .product_info .product_files {
    width: 100%;
  }
  #product_details .product_details_inner .product_info .product_files .text {
    margin-bottom: 10px;
  }
  #product_details .product_details_inner .product_images {
    order: 2;
    width: 100%;
    padding-left: 0;
    margin-bottom: 30px;
  }
}

#similar_products .title_line {
  width: 100%;
  padding: 3% 0;
}
#similar_products .title_line .subtitle {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  #similar_products .title_line .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  #similar_products .title_line .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #similar_products .title_line .subtitle {
    font-size: 18px;
  }
}
#similar_products .similar_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  transition: all ease-in-out 0.4s;
}
#similar_products .similar_box .similar_img {
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
}
#similar_products .similar_box .similar_img:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 100%;
}
#similar_products .similar_box .similar_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#similar_products .similar_box .similar_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  transition: all ease-in-out 0.4s;
}
#similar_products .similar_box .similar_content {
  width: 100%;
  padding: 25px 0;
  display: flex;
  flex-direction: column;
}
#similar_products .similar_box .similar_content .similar_title {
  margin-bottom: 2%;
}
#similar_products .similar_box .similar_content .similar_desc {
  display: block;
  width: 100%;
  margin-bottom: 25px;
}
#similar_products .similar_box .similar_content .show_more {
  color: #810708;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#similar_products .similar_box .similar_content .show_more svg {
  margin-left: 6px;
}
#similar_products .similar_box:hover .similar_img {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 1001px) {
  #similar_products .similar_box:hover .similar_img > img {
    transform: translate(-50%, -50%) scale(1.1);
    transition: all ease-in-out 0.4s;
  }
}
@media only screen and (max-width: 1000px) {
  #similar_products {
    padding-bottom: 50px;
  }
  #similar_products .slider_btns {
    bottom: -50px !important;
  }
  #similar_products .similar_title {
    font-size: 18px;
  }
  #similar_products .show_more {
    font-size: 20px;
    font-family: "TT Chocolates Trl Medium";
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#products {
  width: 100%;
}
#products .products_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}
#products .products_inner .download_files {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
#products .products_inner .download_files .download_pdf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "TT Chocolates Trl Regular";
  color: #810708;
  width: 250px;
  height: 48px;
  background-color: transparent;
  border: 1px solid #810708;
  margin-right: 3%;
}
@media only screen and (min-width: 1921px) {
  #products .products_inner .download_files .download_pdf {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #products .products_inner .download_files .download_pdf {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #products .products_inner .download_files .download_pdf {
    font-size: 13px;
  }
}
#products .products_inner .download_files .pricelist {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
  width: 250px;
  height: 48px;
  background-color: #BDBDBD;
  border: 1px solid #313033;
}
@media only screen and (min-width: 1921px) {
  #products .products_inner .download_files .pricelist {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #products .products_inner .download_files .pricelist {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #products .products_inner .download_files .pricelist {
    font-size: 13px;
  }
}
#products .products_inner .product_box {
  width: calc((100% - 20px) / 2);
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  transition: all ease-in-out 0.4s;
}
#products .products_inner .product_box .product_img {
  width: 50%;
  overflow: hidden;
  position: relative;
}
#products .products_inner .product_box .product_img:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 100%;
}
#products .products_inner .product_box .product_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#products .products_inner .product_box .product_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
#products .products_inner .product_box .product_info {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 4%;
}
#products .products_inner .product_box .product_info .product_name {
  margin-bottom: 20px;
}
#products .products_inner .product_box .product_info .product_desc {
  margin-bottom: 30px;
  color: #BDBDBD;
}
#products .products_inner .product_box .product_info .product_files {
  display: flex;
  flex-direction: column;
  max-height: 45%;
  margin-bottom: 8%;
}
#products .products_inner .product_box .product_info .product_files a {
  margin-bottom: 25px;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #BDBDBD;
}
#products .products_inner .product_box .product_info .product_files a svg {
  width: 20px;
  margin-right: 6px;
}
#products .products_inner .product_box .product_info .product_files a .file_name {
  display: block;
  max-width: 85%;
}
#products .products_inner .product_box .product_info .show_more {
  color: #810708;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#products .products_inner .product_box .product_info .show_more svg {
  margin-left: 6px;
}
#products .products_inner .product_box:hover {
  border: 1px solid #E0E0E0;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
  transition: all ease-in-out 0.4s;
}
@media only screen and (max-width: 1000px) {
  #products .products_inner {
    display: flex;
    flex-direction: column;
  }
  #products .products_inner .download_files {
    width: 100%;
  }
  #products .products_inner .product_box {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #products .products_inner .product_box .product_img {
    width: 100%;
  }
  #products .products_inner .product_box .product_info {
    width: 100%;
  }
  #products .products_inner .product_box .product_info .product_name {
    font-size: 22px;
    margin-bottom: 15px;
  }
  #products .products_inner .product_box .product_info .product_files {
    display: none;
  }
  #products .products_inner .product_box .product_info .text {
    font-size: 14px;
    margin-bottom: 15px;
  }
  #products .products_inner .product_box .product_info .show_more {
    font-size: 18px;
    font-family: "TT Chocolates Trl Medium";
    display: block;
    margin-bottom: 20px;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#quality_policy .quality_policy_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#quality_policy .quality_policy_inner .qp_text_section {
  width: 50%;
  display: flex;
  flex-direction: column;
}
#quality_policy .quality_policy_inner .qp_text_section .text_box {
  margin-bottom: 7%;
}
#quality_policy .quality_policy_inner .qp_text_section .text_box h4 {
  color: #810708;
  margin-bottom: 3%;
}
#quality_policy .quality_policy_inner .qp_text_section .text_box p {
  line-height: 130%;
}
#quality_policy .quality_policy_inner .qp_details_images_section {
  width: 50%;
  display: flex;
  flex-direction: column;
}
#quality_policy .quality_policy_inner .qp_details_images_section .qp_images {
  overflow: hidden;
  position: relative;
}
#quality_policy .quality_policy_inner .qp_details_images_section .qp_images:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 100%;
}
#quality_policy .quality_policy_inner .qp_details_images_section .qp_images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#quality_policy .quality_policy_inner .qp_details_images_section .qp_images .qp_imgs_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: 100%;
  height: 100%;
}
#quality_policy .quality_policy_inner .qp_details_images_section .qp_images .qp_imgs_inner .qp_img_box_1 {
  overflow: hidden;
  position: relative;
  z-index: 2;
  width: 100%;
  top: 0;
  left: 0;
}
#quality_policy .quality_policy_inner .qp_details_images_section .qp_images .qp_imgs_inner .qp_img_box_1:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 56.25%;
}
#quality_policy .quality_policy_inner .qp_details_images_section .qp_images .qp_imgs_inner .qp_img_box_1 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#quality_policy .quality_policy_inner .qp_details_images_section .qp_images .qp_imgs_inner .qp_red_box {
  overflow: hidden;
  position: relative;
  background-color: #EC1C24;
  width: 35%;
  margin-top: -2px;
}
#quality_policy .quality_policy_inner .qp_details_images_section .qp_images .qp_imgs_inner .qp_red_box:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 36%;
}
@media only screen and (max-width: 1000px) {
  #quality_policy .quality_policy_inner .qp_details_images_section .qp_images .qp_imgs_inner .qp_red_box:before {
    padding-top: 45%;
  }
}
@media only screen and (max-width: 1000px) {
  #quality_policy .quality_policy_inner .qp_details_images_section .qp_images .qp_imgs_inner .qp_red_box:before {
    padding-top: 45%;
  }
}
@media only screen and (max-width: 1000px) {
  #quality_policy .quality_policy_inner {
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
  }
  #quality_policy .quality_policy_inner .qp_text_section {
    width: 100%;
  }
  #quality_policy .quality_policy_inner .qp_details_images_section {
    width: 100%;
    margin-bottom: 30px;
  }
  #quality_policy .quality_policy_inner .qp_details_images_section .red_box {
    display: none;
  }
  #quality_policy .quality_policy_inner .qp_details_images_section .qp_images {
    width: 100%;
  }
  #quality_policy .quality_policy_inner .qp_details_images_section .qp_images::before {
    display: none;
  }
  #quality_policy .quality_policy_inner .qp_details_images_section .qp_images .qp_imgs_inner {
    position: relative;
  }
  #quality_policy .quality_policy_inner .qp_details_images_section .qp_images .qp_imgs_inner .qp_img_box_1 {
    position: relative;
  }
}

#quality_policy_dark {
  width: 100%;
  background-color: #313033;
  padding: 3% 0;
}
#quality_policy_dark .qp_dark_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#quality_policy_dark .qp_dark_inner .qp_dark_text_section {
  width: 52%;
  display: flex;
  flex-direction: column;
  margin-bottom: 7%;
}
#quality_policy_dark .qp_dark_inner .qp_dark_text_section h4 {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
  margin-bottom: 3%;
}
#quality_policy_dark .qp_dark_inner .qp_dark_text_section p {
  color: #BDBDBD;
  line-height: 130%;
}
#quality_policy_dark .qp_dark_inner .qp_dark_images_section {
  width: 48%;
}
#quality_policy_dark .qp_dark_inner .qp_dark_images_section .img_box {
  width: 90%;
  margin-left: auto;
  overflow: hidden;
  position: relative;
}
#quality_policy_dark .qp_dark_inner .qp_dark_images_section .img_box:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 100%;
}
#quality_policy_dark .qp_dark_inner .qp_dark_images_section .img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#quality_policy_dark .qp_dark_inner .qp_dark_images_section .img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#quality_policy_dark .qp_dark_inner .qp_dark_images_section .qp_red_box {
  background-color: #EC1C24;
  width: 42%;
  height: 7%;
  position: relative;
  right: 0;
  left: auto;
  margin-left: auto;
}
@media only screen and (max-width: 1000px) {
  #quality_policy_dark .qp_dark_inner {
    display: flex;
    flex-direction: column;
    padding: 42px 0;
  }
  #quality_policy_dark .qp_dark_inner .qp_dark_text_section {
    width: 100%;
    margin-bottom: 30px;
  }
  #quality_policy_dark .qp_dark_inner .qp_dark_images_section {
    width: 100%;
  }
  #quality_policy_dark .qp_dark_inner .qp_dark_images_section .red_box {
    display: none;
  }
  #quality_policy_dark .qp_dark_inner .qp_dark_images_section .img_box {
    width: 100%;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#renewable_energy .who_details_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#renewable_energy .who_details_inner .who_details_text_section {
  width: 55%;
  display: flex;
  flex-direction: column;
  padding-right: 2%;
}
#renewable_energy .who_details_inner .who_details_text_section .text_box {
  margin-bottom: 7%;
}
#renewable_energy .who_details_inner .who_details_text_section .text_box h4 {
  color: #810708;
  margin-bottom: 3%;
}
#renewable_energy .who_details_inner .who_details_text_section .text_box h6 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
  margin: 3% 0;
}
@media only screen and (min-width: 1921px) {
  #renewable_energy .who_details_inner .who_details_text_section .text_box h6 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #renewable_energy .who_details_inner .who_details_text_section .text_box h6 {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #renewable_energy .who_details_inner .who_details_text_section .text_box h6 {
    font-size: 13px;
  }
}
#renewable_energy .who_details_inner .who_details_text_section .text_box p {
  line-height: 130%;
}
#renewable_energy .who_details_inner .who_details_text_section_dark {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 60px 0;
}
#renewable_energy .who_details_inner .who_details_text_section_dark .text_box {
  margin-bottom: 6%;
}
#renewable_energy .who_details_inner .who_details_text_section_dark .text_box h4 {
  color: #810708;
  margin-bottom: 3%;
}
#renewable_energy .who_details_inner .who_details_text_section_dark .text_box h6 {
  font-family: "TT Chocolates Trl Medium";
  color: #810708;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1921px) {
  #renewable_energy .who_details_inner .who_details_text_section_dark .text_box h6 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #renewable_energy .who_details_inner .who_details_text_section_dark .text_box h6 {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #renewable_energy .who_details_inner .who_details_text_section_dark .text_box h6 {
    font-size: 13px;
  }
}
#renewable_energy .who_details_inner .who_details_text_section_dark .text_box p {
  display: block;
  line-height: 130%;
  margin-bottom: 30px;
}
#renewable_energy .who_details_inner .who_details_images_section {
  width: 45%;
  display: flex;
  flex-direction: column;
  padding-left: 2%;
}
#renewable_energy .who_details_inner .who_details_images_section .who_images {
  overflow: hidden;
  position: relative;
}
#renewable_energy .who_details_inner .who_details_images_section .who_images:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 100%;
}
#renewable_energy .who_details_inner .who_details_images_section .who_images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#renewable_energy .who_details_inner .who_details_images_section .who_images .who_imgs_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: 100%;
  height: 100%;
}
#renewable_energy .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1 {
  overflow: hidden;
  position: relative;
  position: absolute;
  width: 80%;
  top: 0;
  right: 0;
}
#renewable_energy .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 72%;
}
#renewable_energy .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#renewable_energy .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_2 {
  overflow: hidden;
  position: relative;
  position: absolute;
  width: 80%;
  bottom: 0;
  left: 0;
  z-index: 2;
}
#renewable_energy .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_2:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 72%;
}
#renewable_energy .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_2 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#renewable_energy .who_details_inner .who_details_images_section .who_images .who_imgs_inner .red_box {
  background-color: #EC1C24;
  width: 45%;
  height: 30%;
  position: absolute;
  right: 0;
  left: auto;
  bottom: 0;
  margin-left: auto;
}
@media only screen and (max-width: 1000px) {
  #renewable_energy .who_details_inner {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  #renewable_energy .who_details_inner .who_details_text_section {
    width: 100%;
    order: 2;
  }
  #renewable_energy .who_details_inner .who_details_images_section {
    width: 100%;
    padding-left: 0;
    margin-bottom: 30px;
    order: 1;
  }
  #renewable_energy .who_details_inner .who_details_images_section .red_box {
    display: none;
  }
  #renewable_energy .who_details_inner .who_details_images_section .who_images::before {
    display: none;
  }
  #renewable_energy .who_details_inner .who_details_images_section .who_images .who_imgs_inner {
    position: relative;
  }
  #renewable_energy .who_details_inner .who_details_images_section .who_img_box_1 {
    position: relative !important;
    width: 100% !important;
  }
  #renewable_energy .who_details_inner .who_details_images_section .who_img_box_2 {
    display: none;
  }
  #renewable_energy .who_details_inner .who_details_text_section_dark {
    padding: 0;
    order: 3;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#telecommunication {
  margin-bottom: 60px;
}
#telecommunication .who_details_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#telecommunication .who_details_inner .who_details_text_section {
  width: 55%;
  display: flex;
  flex-direction: column;
  padding-right: 2%;
}
#telecommunication .who_details_inner .who_details_text_section .text_box h4 {
  color: #810708;
  margin-bottom: 3%;
}
#telecommunication .who_details_inner .who_details_text_section .text_box h6 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
  margin: 3% 0;
}
@media only screen and (min-width: 1921px) {
  #telecommunication .who_details_inner .who_details_text_section .text_box h6 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #telecommunication .who_details_inner .who_details_text_section .text_box h6 {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #telecommunication .who_details_inner .who_details_text_section .text_box h6 {
    font-size: 13px;
  }
}
#telecommunication .who_details_inner .who_details_text_section .text_box p {
  line-height: 130%;
}
@media only screen and (max-width: 1000px) {
  #telecommunication .who_details_inner {
    display: flex;
    flex-direction: column;
  }
  #telecommunication .who_details_inner .who_details_text_section {
    width: 100%;
  }
  #telecommunication .who_details_inner .who_details_images_section {
    width: 100%;
    padding-left: 0;
    margin-bottom: 30px;
  }
  #telecommunication .who_details_inner .who_details_images_section .red_box {
    display: none;
  }
  #telecommunication .who_details_inner .who_details_images_section .who_images::before {
    display: none;
  }
  #telecommunication .who_details_inner .who_details_images_section .who_images .who_imgs_inner {
    position: relative;
  }
  #telecommunication .who_details_inner .who_details_images_section .who_img_box_1 {
    width: 100% !important;
  }
  #telecommunication .who_details_inner .who_details_images_section .who_img_box_2 {
    display: none;
  }
  #telecommunication .who_details_inner .text_box_last {
    margin-top: 0;
  }
}

#telecommunication_dark {
  background-color: #000000;
  padding: 60px 0;
}
#telecommunication_dark .tele_dark_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#telecommunication_dark .tele_dark_inner .tele_dark_text_section {
  width: 52%;
}
#telecommunication_dark .tele_dark_inner .tele_dark_text_section .text_box {
  margin-bottom: 7%;
}
#telecommunication_dark .tele_dark_inner .tele_dark_text_section .text_box h4 {
  color: #EC1C24;
  margin-bottom: 3%;
}
#telecommunication_dark .tele_dark_inner .tele_dark_text_section .text_box h6 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
  margin: 3% 0;
}
@media only screen and (min-width: 1921px) {
  #telecommunication_dark .tele_dark_inner .tele_dark_text_section .text_box h6 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #telecommunication_dark .tele_dark_inner .tele_dark_text_section .text_box h6 {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #telecommunication_dark .tele_dark_inner .tele_dark_text_section .text_box h6 {
    font-size: 13px;
  }
}
#telecommunication_dark .tele_dark_inner .tele_dark_text_section .text_box p {
  line-height: 130%;
  margin-bottom: 3%;
  color: #F2F2F2;
}
#telecommunication_dark .tele_dark_inner .tele_dark_images_section {
  width: 48%;
  overflow: hidden;
  position: relative;
}
#telecommunication_dark .tele_dark_inner .tele_dark_images_section:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 72%;
}
#telecommunication_dark .tele_dark_inner .tele_dark_images_section .img_box {
  overflow: hidden;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: 90%;
  margin-left: auto;
  bottom: 0;
  right: 0;
  top: auto;
}
#telecommunication_dark .tele_dark_inner .tele_dark_images_section .img_box:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 72%;
}
#telecommunication_dark .tele_dark_inner .tele_dark_images_section .img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#telecommunication_dark .tele_dark_inner .tele_dark_images_section .red_box {
  width: 10%;
  height: 35%;
  background-color: #EC1C24;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 1000px) {
  #telecommunication_dark .tele_dark_inner {
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
  }
  #telecommunication_dark .tele_dark_inner .tele_dark_text_section {
    width: 100%;
  }
  #telecommunication_dark .tele_dark_inner .tele_dark_images_section {
    width: 100%;
    margin-bottom: 30px;
  }
  #telecommunication_dark .tele_dark_inner .tele_dark_images_section .img_box {
    width: 100%;
  }
  #telecommunication_dark .tele_dark_inner .tele_dark_images_section .red_box {
    display: none;
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#who_you {
  width: 100%;
}
#who_you .who_inner {
  width: 100%;
}
#who_you .who_inner .who_line_ {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}
#who_you .who_inner .who_line_ .who_you_are_box {
  width: calc((100% - 60px) / 4);
  overflow: hidden;
  position: relative;
}
#who_you .who_inner .who_line_ .who_you_are_box:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 100%;
}
#who_you .who_inner .who_line_ .who_you_are_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#who_you .who_inner .who_line_ .who_you_are_box:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(236, 28, 36, 0) 0%, rgba(236, 28, 36, 0.7) 100%);
}
#who_you .who_inner .who_line_ .who_you_are_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#who_you .who_inner .who_line_ .who_you_are_box .who_you_are_content {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10% 5%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
#who_you .who_inner .who_line_ .who_you_are_box .who_you_are_content .who_icon {
  max-width: 15%;
  max-height: 25%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ffffff;
}
#who_you .who_inner .who_line_ .who_you_are_box .who_you_are_content .who_icon img {
  width: auto;
  height: 100%;
  position: relative;
}
#who_you .who_inner .who_line_ .who_you_are_box .who_you_are_content .who_title {
  font-family: "TT Chocolates Trl DemiBold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  #who_you .who_inner .who_line_ .who_you_are_box .who_you_are_content .who_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  #who_you .who_inner .who_line_ .who_you_are_box .who_you_are_content .who_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #who_you .who_inner .who_line_ .who_you_are_box .who_you_are_content .who_title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1000px) {
  #who_you .who_inner .who_line_ {
    gap: 15px;
  }
  #who_you .who_inner .who_line_ .who_you_are_box {
    width: calc((100% - 15px) / 2);
  }
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
.slide_up {
  opacity: 0.4;
  transform: translateY(22px);
  transition: all ease-in-out 0.4s;
}

.slide_up.on_screen {
  opacity: 1;
  transform: translateY(0px);
  transition: all ease-in-out 0.4s;
}

.slide_left {
  opacity: 0.4;
  transform: translateX(22px);
  transition: all ease-in-out 0.4s;
}

.slide_left.on_screen {
  opacity: 1;
  transform: translateX(0px);
  transition: all ease-in-out 0.4s;
}

.fade_in {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.fade_in.on_screen {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 14px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 14px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

.slider_box {
  width: 100%;
  position: relative;
}
.slider_box .swiper {
  width: 100%;
  height: 100%;
}
.slider_box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.slider_box .slider_btns {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  bottom: -80px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns {
    gap: 15px;
  }
}
.slider_box .slider_btns .swiper_prev,
.slider_box .slider_btns .swiper_next {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.slider_box .slider_btns .swiper_prev:hover path,
.slider_box .slider_btns .swiper_next:hover path {
  fill: #bdbdbd;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 1440px) {
  .slider_box .slider_btns .swiper_prev svg,
  .slider_box .slider_btns .swiper_next svg {
    width: 45px;
    height: 45px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********************************************************************************/
/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Regular.otf");
  font-family: "TT Chocolates Trl Regular";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Medium.otf");
  font-family: "TT Chocolates Trl Medium";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial DemiBold.otf");
  font-family: "TT Chocolates Trl DemiBold";
}
@font-face {
  src: url("../assets/fonts/TT Chocolates Trial Bold.otf");
  font-family: "TT Chocolates Trl Bold";
}
.video_title {
  font-family: "TT Chocolates Trl Bold";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_title {
    font-size: calc(34px + 62 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_title {
    font-size: 30px;
  }
}

.video_subtitle {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .video_subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .video_subtitle {
    font-size: calc(15px + 17 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .video_subtitle {
    font-size: 18px;
  }
}

.title {
  font-family: "TT Chocolates Trl Bold";
  color: #810708;
}
@media only screen and (min-width: 1921px) {
  .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1001px) {
  .title {
    font-size: calc(20px + 16 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .title {
    font-size: 20px;
  }
}

.subtitle {
  font-family: "TT Chocolates Trl DemiBold";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  .subtitle {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
  }
}

.box_title {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .box_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .box_title {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .box_title {
    font-size: 16px;
  }
}

.text {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text {
    font-size: 13px;
  }
}

.nav_link {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link {
    font-size: calc(14px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link {
    font-size: 15px;
  }
}
.nav_link:hover {
  color: #EC1C24;
}
.nav_link a {
  font-family: "TT Chocolates Trl Regular";
  color: #ffffff;
}
@media only screen and (min-width: 1921px) {
  .nav_link a {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1001px) {
  .nav_link a {
    font-size: calc(14px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .nav_link a {
    font-size: 15px;
  }
}

.sub_link {
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .sub_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .sub_link {
    font-size: calc(13px + 1 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .sub_link {
    font-size: 14px;
  }
}
.sub_link:hover {
  color: #000000;
}

h2 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1001px) {
  h2 {
    font-size: calc(18px + 6 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 18px;
  }
}

.text_box h4 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
}
@media only screen and (min-width: 1921px) {
  .text_box h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box h4 {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box h4 {
    font-size: 16px;
  }
}

.text_box p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  .text_box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  .text_box p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  .text_box p {
    font-size: 13px;
  }
}

p {
  display: block;
  font-family: "TT Chocolates Trl Regular";
  color: #313033;
}
@media only screen and (min-width: 1921px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  p {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  p {
    font-size: 13px;
  }
}

/********************************************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
}

body {
  min-height: 100vh;
  background-color: #ffffff;
  color: #ffffff;
  font-family: "TT Chocolates Trl Regular";
}

img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

input,
input:focus,
input:hover,
input:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active,
button,
button:focus,
button:hover,
button:active {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  section {
    margin-bottom: 42px;
  }
}

main {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #313033;
}

::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#who_details .who_details_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#who_details .who_details_inner .who_details_text_section {
  width: 55%;
  display: flex;
  flex-direction: column;
  padding-right: 2%;
}
#who_details .who_details_inner .who_details_text_section .text_box {
  margin-bottom: 7%;
}
#who_details .who_details_inner .who_details_text_section .text_box h4 {
  color: #810708;
  margin-bottom: 3%;
}
#who_details .who_details_inner .who_details_text_section .text_box h6 {
  font-family: "TT Chocolates Trl Medium";
  color: #000000;
  margin: 3% 0;
}
@media only screen and (min-width: 1921px) {
  #who_details .who_details_inner .who_details_text_section .text_box h6 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1001px) {
  #who_details .who_details_inner .who_details_text_section .text_box h6 {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media only screen and (max-width: 1000px) {
  #who_details .who_details_inner .who_details_text_section .text_box h6 {
    font-size: 13px;
  }
}
#who_details .who_details_inner .who_details_text_section .text_box p {
  line-height: 130%;
}
#who_details .who_details_inner .who_details_images_section {
  width: 45%;
  display: flex;
  flex-direction: column;
  padding-left: 2%;
}
#who_details .who_details_inner .who_details_images_section .who_images {
  overflow: hidden;
  position: relative;
}
#who_details .who_details_inner .who_details_images_section .who_images:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 100%;
}
#who_details .who_details_inner .who_details_images_section .who_images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#who_details .who_details_inner .who_details_images_section .who_images .who_imgs_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: 100%;
  height: 100%;
}
#who_details .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1 {
  overflow: hidden;
  position: relative;
  z-index: 2;
  width: 70%;
  top: 0;
  left: 0;
}
#who_details .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 72%;
}
#who_details .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_1 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#who_details .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_2 {
  position: absolute !important;
  overflow: hidden;
  position: relative;
  width: 70%;
  bottom: 0;
  right: 0;
}
#who_details .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_2:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 72%;
}
#who_details .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_img_box_2 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#who_details .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_red_box {
  position: absolute !important;
  z-index: 4;
  overflow: hidden;
  position: relative;
  background-color: #EC1C24;
  width: 30%;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#who_details .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_red_box:before {
  width: 100%;
  display: block;
  content: "";
  padding-top: 36%;
}
@media only screen and (max-width: 1000px) {
  #who_details .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_red_box:before {
    padding-top: 45%;
  }
}
@media only screen and (max-width: 1000px) {
  #who_details .who_details_inner .who_details_images_section .who_images .who_imgs_inner .who_red_box:before {
    padding-top: 45%;
  }
}
@media only screen and (max-width: 1000px) {
  #who_details .who_details_inner {
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
  }
  #who_details .who_details_inner .who_details_text_section {
    width: 100%;
  }
  #who_details .who_details_inner .who_details_images_section {
    width: 100%;
    padding-left: 0;
    margin-bottom: 30px;
  }
  #who_details .who_details_inner .who_details_images_section .red_box {
    display: none;
  }
  #who_details .who_details_inner .who_details_images_section .who_images::before {
    display: none;
  }
  #who_details .who_details_inner .who_details_images_section .who_images .who_imgs_inner {
    position: relative;
  }
  #who_details .who_details_inner .who_details_images_section .who_img_box_1 {
    width: 100% !important;
  }
  #who_details .who_details_inner .who_details_images_section .who_img_box_2 {
    display: none;
  }
}


.response_success, .subscribe_response_success{
    width: 100%;
    display: block;
    margin: 25px 0;
    font-weight: 600;
    line-height: 22px;
    color: #00B189;
}
.response_success p { color: #00B189; }
.response_error, .subscribe_response_error{
  width: 100%;
  display: block;
  margin: 25px 0;
  font-weight: 600;
  line-height: 22px;
  color: #EB5757;
}
.response_error p { color: #EB5757; }