/* Home */
.home1 .col {
  padding-bottom: 0;
}

.home1 .col-left {
  flex-basis: 46.4%;
  max-width: 46.4%;
}

.home1 .col-right {
  flex-basis: 53.6%;
  max-width: 53.6%;
}

.home1 p {
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  margin-bottom: 32px;
}

.home1 h1 {
  font-weight: 600;
  font-size: 56px;
  color: #fff;
  margin-bottom: 32px;
}

.home1 h1 strong {
  background: linear-gradient(90deg, #ffffff 0%, #78c372 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  position: relative;
}

.home1 h1 strong::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -48px;
  width: 48px;
  height: 48px;
  background: url(../img/icon/rocket.svg) no-repeat center;
  background-size: contain;
}

.home1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 40px;
}

.home1 ul li {
  position: relative;
  margin: 0 0 12px 0;
  padding-left: 40px;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.home1 ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background: url(../img/icon/shield-tick.svg) no-repeat center;
  background-size: contain;
}

.home1 .grow-up {
  max-width: 90px;
  position: absolute;
  top: 21%;
  left: 5%;
}

.home1 .b-img {
  background-color: #fff;
  padding: 16px 20px;
  border-radius: 8px;
  box-shadow: 0px 4px 16px 0px #16747b1a;
  max-width: 130px;
  position: absolute;
  top: 48%;
  left: 4%;
  animation: floatUpDown 3s ease-in-out infinite;
}

.home1 .b-img.google {
  max-width: 122px;
  right: 5%;
  left: unset;
  top: 23%;
  animation-delay: 0.5s;
}

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

.home1 .icon-box {
  background-color: #fff;
  width: fit-content;
  padding: 12px 12px;
  border-radius: 12px;
  position: absolute;

  bottom: 18%;
  left: 10%;

  animation: iconMove 0.8s ease-out forwards;
}

.home1 .icon-box::before {
  content: "";
  position: absolute;
  bottom: -18px;
  right: 0;
  width: 24px;
  height: 28px;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2229%22%20viewBox%3D%220%200%2025%2029%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20filter%3D%22url(%23filter0_d_1364_3458)%22%3E%3Cpath%20d%3D%22M6.77838%2021.7279L1.51123%203.81821C1.05731%202.27478%202.58628%200.889456%204.07759%201.49295L20.1185%207.98423C21.6965%208.62279%2021.7279%2010.8456%2020.1685%2011.5285L13.7264%2014.3496C13.2392%2014.5629%2012.8621%2014.9685%2012.6848%2015.4699L10.4364%2021.8266C9.81441%2023.585%207.30465%2023.5173%206.77838%2021.7279Z%22%20fill%3D%22url(%23paint0_linear_1364_3458)%22%2F%3E%3Cpath%20d%3D%22M6.77838%2021.7279L1.51123%203.81821C1.05731%202.27478%202.58628%200.889456%204.07759%201.49295L20.1185%207.98423C21.6965%208.62279%2021.7279%2010.8456%2020.1685%2011.5285L13.7264%2014.3496C13.2392%2014.5629%2012.8621%2014.9685%2012.6848%2015.4699L10.4364%2021.8266C9.81441%2023.585%207.30465%2023.5173%206.77838%2021.7279Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.71429%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_1364_3458%22%20x%3D%22-1.74046e-05%22%20y%3D%220.489441%22%20width%3D%2223.8917%22%20height%3D%2225.7618%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dx%3D%220.571429%22%20dy%3D%221.14286%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%220.571429%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.0208333%200%200%200%200%200.0208333%200%200%200%200%200.0208333%200%200%200%200.24%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_1364_3458%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_1364_3458%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22paint0_linear_1364_3458%22%20x1%3D%222.3883%22%20y1%3D%222.5%22%20x2%3D%2223.3883%22%20y2%3D%2225%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2378C372%22%2F%3E%3Cstop%20offset%3D%220.09%22%20stop-color%3D%22%2363B76A%22%2F%3E%3Cstop%20offset%3D%220.27%22%20stop-color%3D%22%233FA35C%22%2F%3E%3Cstop%20offset%3D%220.45%22%20stop-color%3D%22%23239452%22%2F%3E%3Cstop%20offset%3D%220.63%22%20stop-color%3D%22%230F894A%22%2F%3E%3Cstop%20offset%3D%220.82%22%20stop-color%3D%22%23038346%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23008145%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E")
    no-repeat center;
  background-size: contain;

  animation: arrowDrop 0.6s ease-in forwards;
  animation-delay: 0.8s;

  will-change: transform, opacity;
}

@keyframes iconMove {
  from {
    transform: translate(50%, 80%);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}

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

.home1 .icon-box h3 {
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 0;
}

.home1 .icon-box p {
  font-weight: 500;
  font-size: 14px;
  color: #6b7280;
}

.home2 {
  padding-top: 100px;
  position: relative;
}

.home2 .rop-top {
  margin-bottom: 30px;
}

.home2 .bg_home2 {
  border-radius: 16px;
  overflow: hidden;
}

.home2 .row-bot {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 20px;
}

.home2 .row-bot .col-inner {
  padding: 24px 32px;
  background: var(--green-light-80);
  border-radius: 12px;
  position: relative;
  backdrop-filter: blur(32px);
  overflow: hidden;
}

.home2 .row-bot .col-inner::before {
  content: "";
  position: absolute;
  right: 0;
  top: 45%;
  transform: translateY(-50%);
  width: 75.4%;
  height: 180.98%;
  background: url(../img/frame/union.svg) no-repeat center;
  background-size: contain;
}

.home2 .row-bot p:first-of-type {
  font-weight: 600;
  font-size: 48px;
  margin-bottom: 4px;
  color: #fff;
}

.home2 .row-bot p:last-of-type {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  margin-bottom: 0;
}

.home2 .row-bot > .col:nth-child(2) .col-inner {
  background: var(--green-dark-80);
}

.home2 .row-bot > .col:nth-child(3) .col-inner {
  background: var(--blue-80);
}

.home2 .row-bot > .col:nth-child(4) .col-inner {
  background: var(--blue-dark-80);
}

.home2 .row-bot > .col:nth-child(2) .col-inner::before {
  background: url(../img/frame/union2.svg) no-repeat center;
}

.home2 .row-bot > .col:nth-child(3) .col-inner::before {
  background: url(../img/frame/union3.svg) no-repeat center;
}

.home2 .row-bot > .col:nth-child(4) .col-inner::before {
  background: url(../img/frame/union4.svg) no-repeat center;
}

.home3 {
  padding-top: 100px;
  padding-bottom: 60px;
}

.home3 .title h2 {
  margin-bottom: 24px;
}

.home3 .title p {
  margin-bottom: 64px;
}

.home3 .row-content h3 {
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 24px;
}

.home3 .row-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}

.home3 .row-content ul li {
  position: relative;
  margin: 0 0 12px 0;
  padding-left: 36px;
}

.home3 .row-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 24px;
  height: 24px;
  background: url(../img/icon/icon-container.svg) no-repeat center;
  background-size: contain;
}

.home3 .col-content .col-inner {
  padding-left: 100px;
}

.home3 .col-l-content .col-inner {
  padding-right: 100px;
}

.home4 {
  background-color: var(--neutral---background---surface-02);
  padding-top: 100px;
  padding-bottom: 80px;
}

.home4 .icon-box {
  background-color: #fff;
  padding: 24px;
  border: 1px solid #e9e9e9;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.home4 .icon-box-img {
  margin-bottom: 48px;
}

.home4 .icon-box h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 8px;
}

.home4 .icon-box p {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
}

.home4 .icon-box::before {
  content: "";
  position: absolute;
  top: -1%;
  right: 0;
  width: 75%;
  height: 82%;
  background: url(../img/frame/iunion.svg) no-repeat center;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.home4 .row-small .col:nth-child(2) .icon-box::before {
  background: url(../img/frame/iunion2.svg) no-repeat center;
}

.home4 .row-small .col:nth-child(3) .icon-box::before {
  background: url(../img/frame/iunion3.svg) no-repeat center;
}

.home4 .row-small .col:nth-child(4) .icon-box::before {
  background: url(../img/frame/iunion4.svg) no-repeat center;
}

.home4 .row-small .col:nth-child(2) .icon-box:hover {
  background-color: var(--primary---green-02);
}

.home4 .row-small .col:nth-child(3) .icon-box:hover {
  background-color: var(--primary---blue-01);
}

.home4 .row-small .col:nth-child(4) .icon-box:hover {
  background-color: var(--primary---blue-02);
}

.home4 .icon-box::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 6px solid var(--primary---green-02);
  border-radius: 12px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.home4 .row-small .col:nth-child(2) .icon-box::after {
  border-color: var(--primary---green-01);
}

.home4 .row-small .col:nth-child(3) .icon-box::after {
  border-color: var(--primary---blue-02);
}

.home4 .row-small .col:nth-child(4) .icon-box::after {
  border-color: var(--primary---blue-01);
}

.home4 .icon-box:hover:after {
  opacity: 1;
}

.home4 .icon-box:hover {
  background-color: var(--primary---green-01);
}

.home4 .icon-box:hover::before {
  opacity: 1;
}

.home4 .icon-box:hover h3 {
  color: #fff;
}

.home4 .icon-box:hover p {
  color: #fff;
  opacity: 80%;
}

.home5 {
  padding-top: 100px;
  padding-bottom: 80px;
}

.home5 .b-sliders {
  position: relative;
}

.home5 .b-sliders::before {
  content: "";
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 12%;
  z-index: 1;
}

.home5 .b-sliders::after {
  content: "";
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 12%;
  z-index: 1;
}

.home5 .box-image {
  padding: 15px;
}

.home5 .box-image img {
  max-width: 160px;
}

.home6 {
  padding-top: 80px;
  padding-bottom: 50px;
}

.home6 h2 {
  font-weight: 600;
  font-size: 48px;
  background: linear-gradient(90deg, #ffffff 0%, #78c372 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  position: relative;
  margin-bottom: 32px;
}

.home6 p {
  position: relative;
  background: linear-gradient(270deg, rgba(0, 89, 169, 0) 0%, #008145 100%);
  border-radius: 16px 0 0 16px;
  padding: 20px 32px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  overflow: hidden;
  margin-bottom: 0;
}

.home6 p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  border-radius: 16px 0 0 16px;
  background: linear-gradient(180deg, #ffffff 0%, #008145 100%);
}

.home6 .box {
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(32px);
  background: #ffffff03;
  border-radius: 8px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 130px;
}

.home6 .image-lightbox {
  color: #ffffff03 !important;
  height: 100%;
  display: block;
}

.home6 .gallery-col {
  max-width: 240px;
}

.home6 .col-inner {
  height: 100%;
}

.home6 .gallery-col:first-child img {
  aspect-ratio: 199 / 110;
  max-width: 199px;
}

.home6 .gallery-col:nth-child(2) img {
  aspect-ratio: 143 / 49;
  max-width: 143px;
}

.home6 .gallery-col:nth-child(3) img {
  aspect-ratio: 98 / 61;
  max-width: 98px;
}

.home6 .gallery-col:nth-child(4) img {
  aspect-ratio: 193 / 46;
  max-width: 193px;
}

.home6 .gallery-col:nth-child(3) {
  margin-left: 80px;
}

.home7 {
  background-color: var(--neutral---background---surface-02);
  padding-top: 100px;
  padding-bottom: 80px;
}

.home7 .tabbed-content {
  background-color: #fff;
  border-radius: 24px;
  padding: 8px;
  position: relative;
}

.home7 .tabbed-content .nav {
  background-color: var(--neutral---background---surface-01);
  border: 1px solid var(--neutral---border---line);
  padding: 8px;
  border-radius: 16px;
  counter-reset: tab-number;
  display: flex;
}

.home7 .tabbed-content .nav > li {
  flex: 1;
  margin: 0;
}

.home7 .tabbed-content .nav > li > a {
  font-weight: 500;
  font-size: 16px;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 0;
  width: 100%;
  justify-content: center;
  transition: all 0.3s ease;
}

.home7 .tabbed-content .nav > li > a::before {
  counter-increment: tab-number;
  content: counter(tab-number);
  margin-right: 6px;
  font-family: Roboto;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  background-color: #9ba4b2;
  width: 24px;
  height: 24px;
  color: #fff;
  text-align: center;
  border-radius: 99px;
  transition: all 0.3s ease;
}

.home7 .tabbed-content .nav > li.active > a,
.home7 .tabbed-content .nav > li:hover > a {
  background: linear-gradient(90deg, #007cc2 0.13%, #065baa 100.13%);
  color: #fff;
}

.home7 .tabbed-content .nav > li.active > a::before,
.home7 .tabbed-content .nav > li:hover > a::before {
  background-color: #fff;
  color: var(--fs-color-primary);
}

.home7 .nav:hover > li:not(:hover) > a:before {
  opacity: 1 !important;
}

.home7 .tab-panels {
  padding: 24px;
}

.home7 .tab-panels .col {
  padding-bottom: 0;
}

.home7 .tab-panels h3 strong {
  font-size: 56px;
  color: var(--fs-color-secondary);
  margin-top: 24px;
  margin-bottom: 24px;
  display: block;
}

.home7 .tab-panels h3 {
  font-weight: 600;
  font-size: 32px;
  color: #111827;
  margin-bottom: 16px;
}

.home7 .tab-panels p {
  font-weight: 400;
  font-size: 16px;
  color: #535a67;
}

.home7 .tab-panels .img {
  border-radius: 12px;
  overflow: hidden;
}

.home7 .tab-nav-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
  position: absolute;
  bottom: 32px;
  left: 32px;
}

.home7 .tab-nav-buttons button {
  margin: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  border: 1px solid #e9e9e9;
  border-radius: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home7 .tab-nav-buttons button path {
  transition: all 0.3s ease;
}

.home7 .tab-nav-buttons button:disabled {
  cursor: not-allowed;
}

.home7 .tab-nav-buttons button:not(:disabled):hover {
  background-color: var(--primary---green-01);
}

.home7 .tab-nav-buttons button:not(:disabled):hover path {
  fill: #fff;
}

.home7 .tab-nav-buttons button.tab-prev {
  transform: rotate(180deg);
}

.home8 {
  padding-top: 100px;
  padding-bottom: 80px;
  position: relative;
}

.home8::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #012a52 0%, #011c36 100%);
  opacity: 0.9;
  z-index: 0;
}

.home8 .title h2 {
  color: #fff;
  z-index: 1;
  position: relative;
}

.home8 .title h2 strong {
  color: var(--primary---green-01);
}

.home8 .img {
  border-radius: 12px;
  overflow: hidden;
}

.home9 {
  background-color: var(--neutral---background---surface-02);
  padding-top: 100px;
  padding-bottom: 100px;
}

.home9 .marquee-right-to-left .img {
  background-color: #fff;
  padding: 24px 20px;
  border-radius: 8px;
  border: 1px solid var(--neutral---border---bold);
}

.home9 .marquee-right-to-left .col {
  padding-bottom: 0 !important;
}

.home9 .marquee-right-to-left {
  position: relative;
}

.home9 .marquee-right-to-left::before {
  content: "";
  background: linear-gradient(270deg, rgba(247, 247, 247, 0) 0%, #f7f7f7 100%);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 10%;
  z-index: 1;
}

.home9 .marquee-right-to-left::after {
  content: "";
  background: linear-gradient(270deg, #f7f7f7 0%, rgba(247, 247, 247, 0) 100%);
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 10%;
  z-index: 1;
}

.home10 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.home10 .c-top .col1,
.home10 .c-top .col2 {
  flex-basis: 27.65625%;
  max-width: 27.65625%;
}

.home10 .c-top .col3 {
  flex-basis: 44.6875%;
  max-width: 44.6875%;
}

.home10 .c-top .img,
.home10 .c-top .box {
  border-radius: 12px;
  overflow: hidden;
}

.home10 .c-top .img img,
.home10 .c-top .box img {
  bottom: 0;
  font-family: "object-fit: cover;";
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.home10 .c-top .box-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  opacity: 1;
  transition: all 0.3s ease;
}

.home10 .c-top .box-text h3 {
  color: #fff;
  font-weight: 600;
  font-size: 28px;
}

.home10 .c-top .img1 .img-inner {
  padding-top: 101.7%;
}

.home10 .c-top .img2 .box-image {
  padding-top: 74.01%;
}

.home10 .c-top .img2 .box-text {
  background-color: rgb(from var(--primary---green-01) r g b / 90%);
}

.home10 .c-top .img3 .box-image {
  padding-top: 64.97%;
}

.home10 .c-top .img3 .box-text {
  background-color: rgb(from var(--primary---blue-02) r g b / 90%);
}

.home10 .c-top .img4 .img-inner {
  padding-top: 110.73%;
}

.home10 .c-top .img5 .box-image {
  padding-top: 58.3%;
}

.home10 .c-top .img5 .box-text {
  background-color: rgb(from var(--primary---green-02) r g b / 90%);
}

.home10 .c-top .img6 .box-image {
  padding-top: 100%;
}

.home10 .c-top .img6 .box-text {
  background-color: rgb(from var(--primary---blue-01) r g b / 90%);
}

.home10 .c-top .img7 .img-inner {
  padding-top: 100%;
}

.home10 .c-top .img2:hover .box-text,
.home10 .c-top .img3:hover .box-text,
.home10 .c-top .img5:hover .box-text,
.home10 .c-top .img6:hover .box-text {
  opacity: 0;
  backdrop-filter: blur(0px);
  background-color: transparent;
}

.home10 .c-top {
  margin-bottom: 80px;
}

.home10 .c-bot {
  background-image: url(/wp-content/uploads/2026/03/bg-cta.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
}

.home10 .c-bot .large-5 > .col-inner {
  padding: 48px 24px 48px 48px;
}

.home10 .c-bot h2 {
  font-weight: 600;
  font-size: 28px;
  color: #fff;
  margin-bottom: 24px;
}

.home10 .c-bot h2 strong {
  color: var(--primary---green-01);
}

.home10 .c-bot .img0 {
  position: relative;
  z-index: 2;
}

.home10 .c-bot .img1 {
  max-width: 100px;
  position: absolute;
  bottom: 30%;
  left: 0;
  z-index: 1;
}

.home10 .c-bot .img2 {
  max-width: 200px;
  position: absolute;
  bottom: 60%;
  z-index: 1;
}

.home10 .c-bot .img3 {
  max-width: 210px;
  position: absolute;
  bottom: 71%;
  left: 10%;
  z-index: 1;
}

.home10 .wpcf7 label {
  color: #fff;
}

.home10
  .wpcf7
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #fff;
}

.home10 .wpcf7 .wpcf7-form-control,
.home10 .select2-container .select2-selection {
  background: #ffffff1a;
  border: 1px solid #ffffff33;
}

.home10 .wpcf7 .wpcf7-form-control:focus {
  border: 1px solid var(--primary---green-01);
}

.home10 .wpcf7 textarea {
  margin-bottom: 12px;
}

.home11 {
  background-color: var(--neutral---background---surface-02);
  padding-top: 100px;
  padding-bottom: 100px;
}

.home11 .videos-block {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
}

.home11 .video-player-wrapper {
  position: relative;
  padding-top: 57%;
}

.home11 .video-frame {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}

.home11 .playlist-title {
  background-color: var(--fs-color-primary);
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.home11 .playlist-title svg {
  width: 24px;
  height: 24px;
  fill: #fff;
}

.home11 .playlist-title h3 {
  color: #fff;
  margin-bottom: 0;
}

.home11 .playlist-title .videos-number {
  color: #fff;
  font-size: 14px;
}

.home11 .video-playlist-item {
  display: flex;
  align-items: center;
  padding: 12px;
  gap: 12px;
  border-bottom: 1px solid var(--neutral---border---bold);
  cursor: pointer;
}

.home11 .video-playlist-item:hover,
.home11 .video-playlist-item.active {
  background-color: var(--neutral---background---surface-01);
}

.home11 .video-playlist-item:last-of-type {
  border: 0;
}

.home11 .video-thumbnail {
  width: 80px;
  min-width: 80px;
}

.home11 .video-thumbnail img {
  width: 80px;
  height: 55px;
  object-fit: cover;
  border-radius: 8px;
}

.home11 .video-info {
  position: relative;
}

.home11 .video-info h4 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.3;
}

.home11 .video-info .video-duration {
  font-size: 12px;
  display: block;
}

.home11 .video-number {
  font-size: 14px;
  font-weight: 600;
}

.home12 {
  padding-top: 100px;
  padding-bottom: 80px;
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .home1 {
    padding-top: 48px;
  }

  .home1 .col {
    flex-basis: 100%;
    max-width: 100%;
    padding: 0 15px 30px;
  }

  .home1 .col-right {
    padding-bottom: 0;
  }

  .home1 p {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .home1 h1 {
    font-size: 32px;
    margin-bottom: 16px;
  }

  .home1 ul li {
    font-size: 16px;
    margin-bottom: 8px;
    padding-left: 36px;
  }

  .home1 ul li::before {
    width: 24px;
    height: 24px;
  }

  .home1 .b-img {
    max-width: 90px;
    padding: 8px 10px;
  }

  .home1 .b-img.google {
    max-width: 95px;
  }

  .home2 {
    padding-top: 48px;
  }

  .home2 .title h2 {
    margin-bottom: 16px;
  }

  .home2 .rop-top > .large-5,
  .home2 .rop-top > .large-2 {
    padding-bottom: 0;
  }

  .home2 .row-bot {
    position: relative;
    padding: 8px 12px 0;
  }

  .home2 .row-bot > .col {
    padding: 0 4px 8px;
  }

  .home2 .row-bot .col-inner {
    padding: 16px;
  }

  .home2 .row-bot p:fist-of-type {
    font-size: 28px;
  }

  .home2 .row-bot p:last-of-type {
    font-size: 16px;
  }

  .home3 {
    padding-top: 40px;
    padding-bottom: 24px;
  }

  .home3 .title {
    text-align: left !important;
  }

  .home3 .title h2 {
    margin-bottom: 16px;
  }

  .home3 .title p {
    margin-bottom: 40px;
  }

  .home3 .title p br {
    display: none;
  }

  .home3 .col-content .col-inner {
    padding-left: 0;
  }

  .home3 .row-content h3 {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .home3 .row-content ul li br {
    display: none;
  }

  .home3 .col-l-content {
    order: 2;
  }

  .home3 .col-l-content .col-inner {
    padding-right: 0;
  }

  .home4 {
    padding-top: 48px;
    padding-bottom: 36px;
  }

  .home4 .row .col {
    padding-bottom: 12px;
  }

  .home5 {
    padding-top: 48px;
    padding-bottom: 36px;
  }

  .home5 .small-columns-2 .flickity-slider > .col {
    max-width: calc(100% / 3);
    padding: 0 6px 12px;
  }

  .home6 {
    padding-top: 48px;
    padding-bottom: 24px;
  }

  .home6 h2 {
    font-size: 28px;
    margin-bottom: 24px;
  }

  .home6 p {
    padding: 12px 20px;
    font-size: 16px;
  }

  .home6 p br {
    display: none;
  }

  .home6 .gallery-col {
    padding: 0px 8px 16px;
    max-width: 45%;
  }

  .home6 .gallery-col:nth-child(3) {
    margin-left: 5%;
  }

  .home6 .box {
    min-height: 80px;
  }

  .home6 .gallery-col:first-child img {
    max-width: 130px;
  }

  .home6 .gallery-col:nth-child(1) img .home6 .gallery-col:nth-child(2) img,
  .home6 .gallery-col:nth-child(3) img,
  .home6 .gallery-col:nth-child(4) img {
    width: auto;
    height: 35px;
  }

  .home7 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .home7 > .container:not(.title) {
    padding: 0;
  }

  .home7 .tabbed-content {
    border-radius: 0;
    padding: 15px;
  }

  .home7 .tabbed-content .nav {
    overflow: auto;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
    flex-flow: unset;
    border-radius: 8px;
  }

  .home7 .tabbed-content .nav > li {
    flex: 0 0 auto;
  }

  .home7 .tabbed-content .nav > li > a {
    padding: 8px 12px;
  }

  .home7 .tabbed-content .nav > li > a::before {
    width: 20px;
    height: 20px;
  }

  .home7 .tab-panels {
    padding: 0;
  }

  .home7 .tab-panels h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .home7 .tab-panels h3 strong {
    font-size: 32px;
    margin-top: 16px;
    margin-bottom: 8px;
  }

  .home7 .tab-panels h3 br:first-of-type {
    display: none;
  }

  .home7 .tab-nav-buttons {
    top: 130px;
    right: 15px;
    height: 48px;
    gap: 0;
    width: 96px;
    left: unset;
  }

  .home7 .tab-nav-buttons button {
    border: 0;
  }

  .home8 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .home8 .row-small > .flickity-viewport > .flickity-slider > .col,
  .home9 .row-small > .flickity-viewport > .flickity-slider > .col {
    padding: 0 6px 0;
  }

  .home9 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .home9 .title h2 strong {
    display: block;
  }

  .home10 {
    padding-top: 48px;
  }

  .home10 .c-top .col {
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: 8px;
  }

  .home10 .c-top .img1 .img-inner,
  .home10 .c-top .img2 .box-image,
  .home10 .c-top .img3 .box-image,
  .home10 .c-top .img4 .img-inner,
  .home10 .c-top .img7 .img-inner,
  .home10 .c-top .img5 .box-image {
    padding-top: 70%;
  }

  .home10 .c-top .img3 .box-image {
    padding-top: 100%;
  }

  .home10 .c-top .img4 {
    margin-bottom: 8px;
  }

  .home10 .c-top .box-text h3 {
    font-size: 20px;
  }

  .home10 .c-top .img2 .box-text h3 br {
    display: none;
  }

  .home10 .c-top .col2 .col-inner {
    display: flex;
    flex-flow: row wrap;
  }

  .home10 .c-top .img3,
  .home10 .c-top .sm1 {
    flex-basis: calc(50% - 4px);
    max-width: calc(50% - 4px);
    padding: 0;
  }

  .home10 .c-top .sm1 {
    margin-left: 8px;
  }

  .home10 .c-top .sm2 {
    padding: 0;
    margin-top: 8px;
  }

  .home10 .c-top {
    margin-bottom: 16px;
  }

  .home10 .c-bot .large-5 > .col-inner {
    padding: 32px 20px;
    padding-bottom: 0;
  }

  .home10 .c-bot h2 {
    font-size: 20px;
  }

  .home10 .c-bot .img2,
  .home10 .c-bot .img3 {
    max-width: 150px;
  }

  .home10 .c-bot .img1 {
    max-width: 60px;
  }

  .home11 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .home11 .video-playlist-wrapper {
    margin-bottom: 16px;
  }

  .home11 .video-playlist-nav {
    max-height: 300px;
    overflow-y: scroll;
  }

  .home11 .videos-block {
    background-color: transparent;
    border-radius: unset;
  }

  .home11 .video-player-wrapper {
    border-radius: 12px;
    overflow: hidden;
  }

  .home11 .video-playlist-nav-wrapper {
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
  }

  .home12 {
    padding-top: 48px;
    padding-bottom: 0;
  }

  .home12 .col-left .box {
    display: flex;
    flex-flow: row wrap;
  }

  .home12 .col-left .box .box-image {
    flex-basis: 33%;
    max-width: 33%;
  }

  .home12 .col-left .box .box-text {
    flex-basis: 67%;
    max-width: 67%;
    padding: 0;
    padding-left: 16px;
  }

  .home12 .col-left .post-item .post-title {
    font-size: 16px;
    min-height: unset;
  }

  .home12 .col-left .post-item .post-title a {
    -webkit-line-clamp: 3;
  }
}