@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --primary---green-01: #78c372;
  --primary---green-02: #008145;
  --primary---blue-01: #007cc2;
  --primary---blue-02: #065baa;
  --neutral---text-amp--icon---main: #22262d;
  --neutral---text-amp--icon---main--white: #ffffff;
  --neutral---text-amp--icon---meta: #535a67;
  --neutral---text-amp--icon---disable: #9ba4b2;
  --neutral---border---line: #e9e9e9;
  --neutral---border---bold: #e5e7eb;
  --neutral---background---surface-01: #f9fafb;
  --neutral---background---surface-02: #f7f7f7;
  --neutral---background---white: #ffffff;
  --base---white: #ffffff;
  --base---black: #000000;
  --green--1000: #78c372;
  --green--900: #78c372;
  --green--800: #78c372;
  --green--700: #78c372;
  --green--600: #78c372;
  --green--500: #78c372;
  --green--400: #78c372;
  --green--300: #78c372;
  --green--200: #78c372;
  --green--100: #78c372;
  --blue--1000: #007cc2;
  --blue--900: #007cc2;
  --blue--800: #007cc2;
  --blue--700: #007cc2;
  --blue--600: #007cc2;
  --blue--500: #007cc2;
  --blue--400: #007cc2;
  --blue--300: #007cc2;
  --blue--200: #007cc2;
  --blue--100: #007cc2;

  --green-light-80: #78c372cc;
  --green-dark-80: #008145cc;
  --blue-80: #007cc2cc;
  --blue-dark-80: #065baacc;

  /* Text-size styles */
  --heading---h1: 56px;
  --heading---h2: 48px;
  --heading---h3: 32px;
  --heading---h4: 28px;
  --heading---h5: 24px;
  --heading---h6: 20px;
  --body--18---body-18--semibold: 18px;
  --body--18---body-18--medium: 18px;
  --body--18---body-18--regular: 18px;
  --body--16---body-16--semibold: 16px;
  --body--16---body-16--medium: 16px;
  --body--16---body-16--regular: 16px;
  --body--15---body-15--semibold: 15px;
  --body--15---body-15--medium: 15px;
  --body--14---body-14--semibold: 14px;
  --body--14---body-14--medium: 14px;
  --body--14---body-14--regular: 14px;
  --body--13---body-13--semibold: 13px;
  --body--13---body-13--medium: 13px;
  --body--13---body-13--regular: 13px;

  /* Effect styles */
  --shadow-01: 0px 4px 16px rgba(0, 124, 194, 0.05);
  --shadow-02: 0px 4px 8px rgba(120, 195, 114, 0.2);
}

body {
  font-family: "Roboto", sans-serif;
  line-height: 1.6;
}

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

.dark,
.dark p,
.dark td {
  color: #fff;
  line-height: 1.6;
}

.box-text a:not(.button),
.box-text h1,
.box-text h2,
.box-text h3,
.box-text h4,
.box-text h5,
.box-text h6,
.box-text p {
  margin: 0;
}

.icon-box-img img,
.icon-box-img svg {
  padding: 0;
}

.col-inner > .img:not(:last-child),
.col > .img:not(:last-child) {
  margin-bottom: 0;
}

.slider.flickity-enabled button.flickity-prev-next-button {
  border-radius: 99px;
  width: 48px;
  height: 48px;
  min-height: 48px;
  top: 50%;
  bottom: unset;
  transform: translateY(-50%) !important;
  border: 0;
  border: 1px solid #e9e9e9;
  opacity: 1 !important;
  margin-top: unset;
  background-color: #fff;
}

.slider.flickity-enabled
  button.flickity-prev-next-button
  svg.flickity-button-icon {
  width: 32px;
  background-color: transparent !important;
  border-color: transparent !important;
  fill: #242424 !important;
}

.slider.flickity-enabled
  button.flickity-prev-next-button
  svg.flickity-button-icon
  path {
  fill: #242424 !important;
}

.button:focus-visible,
[role="radio"]:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 0px solid currentColor;
  outline-offset: 0px;
}

/* breadcrumb */
.csbreadcrumb {
  background-color: var(--neutral---background---surface-01);
  padding: 12px 0;
  color: var(--primary---blue-02);
  font-size: 15px;
  font-weight: 500;
}

#crumbs {
  height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.csbreadcrumb a {
  color: #535a67;
}

.csbreadcrumb svg {
  vertical-align: middle;
}

/* title */
.title h2 {
  font-weight: 600;
  font-size: 48px;
  margin-bottom: 56px;
}

.title h2 strong {
  color: var(--fs-color-primary);
}

/* btn */
.btn {
  background: linear-gradient(90deg, #007cc2 0.13%, #065baa 100.13%);
  border: 0;
  margin: 0;
  padding: 6px;
  padding-left: 24px;
  border-radius: 99px;
  overflow: hidden;
  box-shadow: none !important;
}

.btn span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-right: 16px;
  position: relative;
}

.btn i {
  background-color: #fff;
  border-radius: 99px;
  width: 44px;
  height: 44px;
  margin: 0 !important;
  top: unset;
  transition: all 0.3s ease;
  overflow: hidden;
}

.btn i.icon-angle-right::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
  width: 20px;
  height: 20px;
  background: url(../img/icon/arrow-right-hover.svg) no-repeat center;
  background-size: contain;
  transition: all 0.3s ease;
}

.btn i.icon-angle-right::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 20px;
  height: 20px;
  background: url(../img/icon/arrow-right.svg) no-repeat center;
  background-size: contain;
  transition: all 0.3s ease;
}

.btn.white {
  background: #ffffff;
}

.btn.white span {
  color: #22262d;
  transition: color 0.3s ease;
}

.btn.white i {
  background-color: var(--fs-color-secondary);
}

.btn.white i.icon-angle-right::before {
  background: url(../img/icon/arrow-right-dark.svg) no-repeat center;
  background-size: contain;
}

.btn::after {
  content: "";
  background-color: var(--fs-color-secondary);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 99px;

  transform: translateX(100%);
  transition: transform 0.3s ease;
  z-index: 0;
}

.btn:hover::after {
  transform: translateX(0);
}

.btn:hover span {
  color: #fff !important;
  z-index: 1;
}

.btn:hover i {
  background-color: #fff !important;
  z-index: 1;
}

.btn:hover i.icon-angle-right::before {
  right: -20px;
}

.btn:hover i.icon-angle-right::after {
  left: 12px;
}

ul.links {
  margin: 0;
}

ul.nav-pagination {
  margin-top: 30px;
}

.nav-pagination > li > a,
.nav-pagination > li > span {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 36px;
}

/* CF7 form */
.wpcf7 label {
  font-weight: 500;
  font-size: 16px;
  color: #123123;
  margin-bottom: 8px;
}

.wpcf7 label span {
  color: #ff0000;
}

.wpcf7 .wpcf7-form-control,
.select2-container .select2-selection {
  margin-bottom: 0;
  padding: 14px 16px;
  height: 48px;
  border-radius: 8px;
  font-size: 14px;
  color: #123123;
  box-shadow: none !important;
}

.wpcf7 .wpcf7-form-control::placeholder {
  color: #9ba4b2;
}

.wpcf7 select.wpcf7-form-control {
  color: #123123;
}

.wpcf7 .wpcf7-form-control:focus {
  border: 1px solid var(--primary---green-01);
  background-color: transparent;
  color: #fff;
}

.wpcf7
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 1.4;
}

.wpcf7
  .select2-container--default
  .select2-results
  > .select2-results__options {
  max-height: max-content;
}

.wpcf7 textarea {
  min-height: 64px;
}

.wpcf7 .wpcf7-submit {
  display: none !important;
}

.wpcf7-spinner {
  display: none !important;
}

.wpcf7 .wpcf7-not-valid-tip {
  position: relative;
  background-color: transparent;
  font-size: 14px;
  opacity: 1;
  left: 0;
  padding: 0;
  bottom: -15px;
  color: #ff0000;
}

.wpcf7 .wpcf7-not-valid-tip:after {
  display: none;
}

.wpcf7 input[type="file"] {
  padding: 0;
  border: 0 !important;
  font-weight: 500;
  font-size: 15px;
}

.wpcf7 input[type="file"]::file-selector-button {
  background: #fff;
  color: #111827;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  margin-right: 10px;
  border: 1px solid #e5e7eb;
}

form {
  margin-bottom: 0;
}

span.count-up {
  opacity: 1 !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  display: none !important;
}

#footer {
  color: #fff;
}

#footer .footer1 {
  padding-top: 80px;
}

#footer .img-logo {
  max-width: 245px;
  margin-bottom: 40px;
}

#footer .ft-text h3 {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  margin-bottom: 16px;
}

#footer .ft-text p {
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  opacity: 0.8;
  margin-bottom: 12px;
}

#footer .ft-text ul {
  margin: 0;
  list-style: none;
}

#footer .ft-text ul li {
  font-size: 14px;
  color: #fff;
  margin-left: 0;
  margin-bottom: 12px;
}

#footer .ft-text ul li a,
#footer .ft-contact a {
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease;
}

#footer .ft-text ul li a:hover,
#footer .ft-contact a:hover {
  opacity: 1;
}

#footer .ft-contact p {
  position: relative;
  opacity: 1;
  padding-left: 32px;
}

#footer .ft-contact p::before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.5416%2018.9587C13.6%2018.9587%2012.6083%2018.7337%2011.5833%2018.3003C10.5833%2017.8753%209.57496%2017.292%208.59163%2016.5837C7.61663%2015.867%206.67496%2015.067%205.78329%2014.192C4.89996%2013.3003%204.09996%2012.3587%203.39163%2011.392C2.67496%2010.392%202.09996%209.39199%201.69163%208.42532C1.25829%207.39199%201.04163%206.39199%201.04163%205.45033C1.04163%204.80033%201.15829%204.18366%201.38329%203.60866C1.61663%203.01699%201.99163%202.46699%202.49996%201.99199C3.14163%201.35866%203.87496%201.04199%204.65829%201.04199C4.98329%201.04199%205.31663%201.11699%205.59996%201.25033C5.92496%201.40033%206.19996%201.62533%206.39996%201.92533L8.33329%204.65033C8.50829%204.89199%208.64163%205.12533%208.73329%205.35866C8.84163%205.60866%208.89996%205.85866%208.89996%206.10033C8.89996%206.41699%208.80829%206.72533%208.63329%207.01699C8.50829%207.24199%208.31663%207.48366%208.07496%207.72533L7.50829%208.31699C7.51663%208.34199%207.52496%208.35866%207.53329%208.37533C7.63329%208.55033%207.83329%208.85033%208.21663%209.30033C8.62496%209.76699%209.00829%2010.192%209.39163%2010.5837C9.88329%2011.067%2010.2916%2011.4503%2010.675%2011.767C11.15%2012.167%2011.4583%2012.367%2011.6416%2012.4587L11.625%2012.5003L12.2333%2011.9003C12.4916%2011.642%2012.7416%2011.4503%2012.9833%2011.3253C13.4416%2011.042%2014.025%2010.992%2014.6083%2011.2337C14.825%2011.3253%2015.0583%2011.4503%2015.3083%2011.6253L18.075%2013.592C18.3833%2013.8003%2018.6083%2014.067%2018.7416%2014.3837C18.8666%2014.7003%2018.925%2014.992%2018.925%2015.2837C18.925%2015.6837%2018.8333%2016.0837%2018.6583%2016.4587C18.4833%2016.8337%2018.2666%2017.1587%2017.9916%2017.4587C17.5166%2017.9837%2017%2018.3587%2016.4%2018.6003C15.825%2018.8337%2015.2%2018.9587%2014.5416%2018.9587ZM4.65829%202.29199C4.19996%202.29199%203.77496%202.49199%203.36663%202.89199C2.98329%203.25033%202.71663%203.64199%202.54996%204.06699C2.37496%204.50033%202.29163%204.95866%202.29163%205.45033C2.29163%206.22533%202.47496%207.06699%202.84163%207.93366C3.21663%208.81699%203.74163%209.73366%204.40829%2010.6503C5.07496%2011.567%205.83329%2012.4587%206.66663%2013.3003C7.49996%2014.1253%208.39996%2014.892%209.32496%2015.567C10.225%2016.2253%2011.15%2016.7587%2012.0666%2017.142C13.4916%2017.7503%2014.825%2017.892%2015.925%2017.4337C16.35%2017.2587%2016.725%2016.992%2017.0666%2016.6087C17.2583%2016.4003%2017.4083%2016.1753%2017.5333%2015.9087C17.6333%2015.7003%2017.6833%2015.4837%2017.6833%2015.267C17.6833%2015.1337%2017.6583%2015.0003%2017.5916%2014.8503C17.5666%2014.8003%2017.5166%2014.7087%2017.3583%2014.6003L14.5916%2012.6337C14.425%2012.517%2014.275%2012.4337%2014.1333%2012.3753C13.95%2012.3003%2013.875%2012.2253%2013.5916%2012.4003C13.425%2012.4837%2013.275%2012.6087%2013.1083%2012.7753L12.475%2013.4003C12.15%2013.717%2011.65%2013.792%2011.2666%2013.6503L11.0416%2013.5503C10.7%2013.367%2010.3%2013.0837%209.85829%2012.7087C9.45829%2012.367%209.02496%2011.967%208.49996%2011.4503C8.09163%2011.0337%207.68329%2010.592%207.25829%2010.1003C6.86663%209.64199%206.58329%209.25033%206.40829%208.92533L6.30829%208.67533C6.25829%208.48366%206.24163%208.37533%206.24163%208.25866C6.24163%207.95866%206.34996%207.69199%206.55829%207.48366L7.18329%206.83366C7.34996%206.66699%207.47496%206.50866%207.55829%206.36699C7.62496%206.25866%207.64996%206.16699%207.64996%206.08366C7.64996%206.01699%207.62496%205.91699%207.58329%205.81699C7.52496%205.68366%207.43329%205.53366%207.31663%205.37533L5.38329%202.64199C5.29996%202.52533%205.19996%202.44199%205.07496%202.38366C4.94163%202.32533%204.79996%202.29199%204.65829%202.29199ZM11.625%2012.5087L11.4916%2013.0753L11.7166%2012.492C11.675%2012.4837%2011.6416%2012.492%2011.625%2012.5087Z%22%20fill%3D%22%2378C372%22%2F%3E%3C%2Fsvg%3E")
    no-repeat center;
  background-size: contain;
}

#footer .ft-contact p:last-of-type::before {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.1666%2017.7087H5.83329C2.79163%2017.7087%201.04163%2015.9587%201.04163%2012.917V7.08366C1.04163%204.04199%202.79163%202.29199%205.83329%202.29199H14.1666C17.2083%202.29199%2018.9583%204.04199%2018.9583%207.08366V12.917C18.9583%2015.9587%2017.2083%2017.7087%2014.1666%2017.7087ZM5.83329%203.54199C3.44996%203.54199%202.29163%204.70033%202.29163%207.08366V12.917C2.29163%2015.3003%203.44996%2016.4587%205.83329%2016.4587H14.1666C16.55%2016.4587%2017.7083%2015.3003%2017.7083%2012.917V7.08366C17.7083%204.70033%2016.55%203.54199%2014.1666%203.54199H5.83329Z%22%20fill%3D%22%2378C372%22%2F%3E%3Cpath%20d%3D%22M9.99986%2010.725C9.29986%2010.725%208.59153%2010.5083%208.04986%2010.0666L5.44152%207.98331C5.17485%207.76664%205.12486%207.37497%205.34153%207.10831C5.55819%206.84164%205.94986%206.79164%206.21653%207.00831L8.82485%209.09164C9.45819%209.59998%2010.5332%209.59998%2011.1665%209.09164L13.7749%207.00831C14.0415%206.79164%2014.4415%206.83331%2014.6499%207.10831C14.8665%207.37497%2014.8249%207.77498%2014.5499%207.98331L11.9415%2010.0666C11.4082%2010.5083%2010.6999%2010.725%209.99986%2010.725Z%22%20fill%3D%22%2378C372%22%2F%3E%3C%2Fsvg%3E")
    no-repeat center;
}

#footer .ft-map p {
  opacity: 0.8;
}

#footer .ft-map p:last-of-type::before {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2011.8079C8.22502%2011.8079%206.77502%2010.3662%206.77502%208.58288C6.77502%206.79954%208.22502%205.36621%2010%205.36621C11.775%205.36621%2013.225%206.80788%2013.225%208.59121C13.225%2010.3745%2011.775%2011.8079%2010%2011.8079ZM10%206.61621C8.91669%206.61621%208.02502%207.49954%208.02502%208.59121C8.02502%209.68288%208.90836%2010.5662%2010%2010.5662C11.0917%2010.5662%2011.975%209.68288%2011.975%208.59121C11.975%207.49954%2011.0834%206.61621%2010%206.61621Z%22%20fill%3D%22%2378C372%22%2F%3E%3Cpath%20d%3D%22M10%2018.967C8.76669%2018.967%207.52502%2018.5003%206.55836%2017.5753C4.10002%2015.2087%201.38336%2011.4337%202.40836%206.94199C3.33336%202.86699%206.89169%201.04199%2010%201.04199C10%201.04199%2010%201.04199%2010.0084%201.04199C13.1167%201.04199%2016.675%202.86699%2017.6%206.95033C18.6167%2011.442%2015.9%2015.2087%2013.4417%2017.5753C12.475%2018.5003%2011.2334%2018.967%2010%2018.967ZM10%202.29199C7.57503%202.29199%204.45836%203.58366%203.63336%207.21699C2.73336%2011.142%205.20002%2014.5253%207.43336%2016.667C8.87502%2018.0587%2011.1334%2018.0587%2012.575%2016.667C14.8%2014.5253%2017.2667%2011.142%2016.3834%207.21699C15.55%203.58366%2012.425%202.29199%2010%202.29199Z%22%20fill%3D%22%2378C372%22%2F%3E%3C%2Fsvg%3E")
    no-repeat center;
}

#footer .ft-copy p {
  font-weight: 400;
  font-size: 14px;
  opacity: 0.8;
  margin-bottom: 0;
}

#footer .divider {
  margin-bottom: 36px !important;
}

#footer .col-socials .col-inner {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}

#footer .col-socials .img {
  width: 40px;
  height: 40px;
  background: #ffffff1a;
  backdrop-filter: blur(16px);
  border-radius: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#footer .col-socials .img .img-inner {
  max-width: 20px;
}

.absolute-footer.dark {
  display: none !important;
}

#header .nav > li {
  margin: 0 15px;
}

#header .nav > li > a {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  text-transform: none;
}

#header .nav > li > a.btn {
  padding: 6px;
  padding-left: 24px;
}

#header .nav > li > a.btn i {
  width: 36px;
  height: 36px;
}

#header .nav > li > .btn i.icon-angle-right::before {
  right: 8px;
}

.contact1 {
  padding-bottom: 100px;
}

.contact1 .ct-box {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  margin-top: -64px;
  background-color: #fff;
  z-index: 1;
  position: relative;
  overflow: hidden;
}

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

.contact1 .title p {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--fs-color-secondary);
}

.contact1 .ct-box > .row > .col > .col-inner {
  padding: 48px;
}

.contact1 .col-left {
  background: linear-gradient(90deg, #007cc2 0.13%, #065baa 100.13%);
}

.contact1 .col-left .title h2 {
  color: #fff;
  font-size: 28px;
}

.contact1 .icon-box {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.contact1 .icon-box-img {
  margin: 0;
}

.contact1 .icon-inner {
  height: 24px;
}

.contact1 .icon-box svg,
.contact1 .icon-box-img svg path {
  fill: #fff;
}

.contact1 .icon-box h3,
.contact1 .icon-box p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  margin: 0;
  width: fit-content;
}

.contact1 .icon-box-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.mega-menu {
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  padding-top: 48px;
  padding-bottom: 18px;
  border-top: 1px solid var(--blue--200);
  overflow: hidden;
}

.mega-menu > .row:not(.row-collapse) {
  margin: 0 auto;
}

.mega-menu a.btn {
  padding: 6px;
  padding-left: 24px;
  margin-top: 24px;
}

.mega-menu a.btn i {
  width: 36px;
  height: 36px;
}

.mega-menu .ux-menu-link__link {
  font-size: 16px;
  font-weight: 500;
  color: #22262d;
  padding: 8px 0;
}

.mega-menu .ux-menu-link:hover .ux-menu-link__link,
.mega-menu .ux-menu-link--active .ux-menu-link__link {
  color: var(--fs-color-primary);
}

.mega-menu .box {
  border-radius: 16px;
  overflow: hidden;
  overflow: hidden;
}

.mega-menu .box-text {
  padding: 16px;
  background: linear-gradient(
    to top,
    rgba(6, 91, 170, 0.8),
    rgba(0, 124, 194, 0)
  );
}

.searchform input.search-field {
  margin: 0;
  height: 48px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: none !important;
}

.searchform button.submit-button {
  margin: 0;
  background: linear-gradient(90deg, #007cc2 0.13%, #065baa 100.13%);
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  min-width: 80px;
  text-transform: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.button-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99px;
  width: 44px;
  height: 44px;
  background-color: #1877f2;
  margin-bottom: 12px;
}

.button-contact a {
  display: block;
  width: 32px;
  height: 32px;
}

.button-contact svg {
  width: 32px;
  height: 32px;
}

.button-contacts {
  position: fixed;
  right: 16px;
  bottom: 12%;
  z-index: 9999999999;
}

#top-link {
  right: 16px;
  width: 44px;
  height: 44px;
  margin: 0;
  background-color: #78c372;
  color: #fff;
  border: 0;
}

.f-img1 {
  aspect-ratio: 80 / 72;
  max-width: 80px;
}

.f-img2 {
  aspect-ratio: 95 / 48;
  max-width: 95px;
}

.f-img3 {
  aspect-ratio: 80 / 40;
  max-width: 80px;
}

.f-img4 {
  aspect-ratio: 107 / 40;
  max-width: 107px;
}

.marquee-right-to-left .col {
  max-width: 100%;
  padding: 0 10px;
}

.marquee-right-to-left .splide__slide {
  width: 25% !important;
}

.home9 .marquee-right-to-left .splide__slide {
  width: calc(100% / 6) !important;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 15px 0 15px 15px;
}

@media only screen and (max-width: 48em) {
  .marquee-right-to-left .splide__slide {
    width: 75% !important;
  }

  .home9 .marquee-right-to-left .splide__slide {
    width: calc(100% / 2) !important;
  }

  .off-canvas-left.mfp-ready .mfp-content,
  .off-canvas-right.mfp-ready .mfp-content {
    background-color: #fff;
    width: 90%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  .nav-icon.has-icon::before,
  .nav-icon.has-icon::after {
    display: none;
  }

  .nav > li.has-icon > a > i {
    color: var(--fs-color-primary);
  }

  .off-canvas .nav-vertical > li > a,
  .mobile-sidebar-levels-2
    .nav-slide
    > li
    > .sub-menu
    > li:not(.nav-slide-header)
    > a,
  .mobile-sidebar-levels-2
    .nav-slide
    > li
    > ul.children
    > li:not(.nav-slide-header)
    > a {
    font-size: 16px;
    text-transform: none;
    color: #222;
    font-weight: 500;
  }

  .off-canvas:not(.off-canvas-center) .nav-vertical li > a:hover,
  .off-canvas:not(.off-canvas-center)
    .nav-vertical
    li.current-menu-ancestor
    > a,
  .off-canvas:not(.off-canvas-center) .nav-vertical li.current-page-parent > a,
  .off-canvas:not(.off-canvas-center) .nav-vertical li.current_page_item > a {
    color: var(--fs-color-primary) !important;
  }

  .off-canvas .nav-vertical > li > .toggle {
    color: var(--fs-color-primary);
  }

  .nav-vertical > li > ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #000;
  }

  .sidebar-menu-tabs {
    display: none !important;
  }

  .off-canvas:not(.off-canvas-center) .nav-vertical li > a.btn {
    padding: 4px;
    padding-left: 22px;
    line-height: 1.4;
    flex-grow: unset;
  }

  #logo.logo {
    width: 400px;
  }

  .btn {
    padding: 4px;
    padding-left: 22px;
    line-height: 1.4;
  }

  .btn i {
    width: 36px;
    height: 36px;
  }

  .btn i.icon-angle-right::before {
    right: 8px;
  }

  .btn:hover i.icon-angle-right::after {
    left: 8px;
  }

  .title h2 {
    font-size: 28px;
    margin-bottom: 32px;
  }

  .row-small > .col,
  .row-small > .flickity-viewport > .flickity-slider > .col {
    padding: 0 15px 24px;
  }

  .wpcf7 .wpcf7-form-control,
  .select2-container .select2-selection {
    height: 44px;
  }

  .slider.flickity-enabled button.flickity-prev-next-button {
    width: 36px;
    height: 36px;
    min-height: 36px;
  }

  .slider.flickity-enabled
    button.flickity-prev-next-button
    svg.flickity-button-icon {
    width: 24px;
  }

  #footer .footer1 {
    padding-top: 48px;
  }

  #footer .col-socials .col-inner {
    justify-content: start;
  }

  .b-sliders .box-image {
    padding: 0 10px !important;
  }
}