@charset "UTF-8";

:root {
  --plr-blue: #008dff;
  --plr-cian: #008080;
  --plr-yellow: #fce91d;
  --plr-gray: #4c4c4c;
  --plr-green: #008000;
  --plr-red: #800000;

  --plr-dark-blue: #000080;
  --plr-dark-cian: #324b4b;
  --plr-dark-yellow: #cfbf17;
  --plr-dark-gray: ##1d1d1d;
  --plr-dark-green: #004d00;

  --plr-ntak: #ffa333;
  --plr-dark-ntak: #d47a04;
  --plr-ndn: #5f493f;
  --plr-dark-ndn: #41312b;

  --plr-pricer: #80ba26;
  --plr-dark-pricer: #27a956;

  --plr-security-contact: #3296b8;

  --plr-privat-blue: #006db7;
  --plr-privat-yellow: #ffed00;

  --bs-blue: #2937f0;
  --bs-purple: #9f1ae2;
  --bs-primary: #2937f0;
  --bs-secondary: #9f1ae2;
  --bs-primary-rgb: 41, 55, 240;
  --bs-secondary-rgb: 159, 26, 226;
  --bs-body-font-family: Mulish, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --bs-body-font-weight: 500;
}

body {
  font-family: var(--bs-body-font-family);
  font-weight: var(--bs-body-font-weight);
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: "Newsreader", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  line-height: 1.2;
}

.btn-outline-light-reversed {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light-reversed:hover {
  color: #f8f9fa;
  background-color: transparent;
  border-color: #f8f9fa;
}
.btn-check:focus + .btn-outline-light-reversed, .btn-outline-light-reversed:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-light-reversed, .btn-check:active + .btn-outline-light-reversed, .btn-outline-light-reversed:active, .btn-outline-light-reversed.active, .btn-outline-light-reversed.dropdown-toggle.show {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:checked + .btn-outline-light-reversed:focus, .btn-check:active + .btn-outline-light-reversed:focus, .btn-outline-light-reversed:active:focus, .btn-outline-light-reversed.active:focus, .btn-outline-light-reversed.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light-reversed:disabled, .btn-outline-light-reversed.disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-plr-blue {
  color: var(--bs-white);
  border-color: #f8f9fa;
}
.btn-outline-plr-blue:hover {
  color: var(--bs-white);
  background-color: var(--plr-blue);
  border-color: var(--plr-blue);
}
.btn-check:focus + .btn-outline-plr-blue, .btn-outline-plr-blue:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-plr-blue, .btn-check:active + .btn-outline-plr-blue, .btn-outline-plr-blue:active, .btn-outline-plr-blue.active, .btn-outline-plr-blue.dropdown-toggle.show {
  color: var(--bs-white);
  background-color: var(--plr-blue);
  border-color: var(--plr-blue);
}
.btn-check:checked + .btn-outline-plr-blue:focus, .btn-check:active + .btn-outline-plr-blue:focus, .btn-outline-plr-blue:active:focus, .btn-outline-plr-blue.active:focus, .btn-outline-plr-blue.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-plr-blue:disabled, .btn-outline-plr-blue.disabled {
  color: var(--bs-white);
  background-color: transparent;
}

.btn-outline-plr-cian {
  color: var(--bs-white);
  border-color: #f8f9fa;
}
.btn-outline-plr-cian:hover {
  color: var(--bs-white);
  background-color: var(--plr-cian);
  border-color: var(--plr-cian);
}
.btn-check:focus + .btn-outline-plr-cian, .btn-outline-plr-cian:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-plr-cian, .btn-check:active + .btn-outline-plr-cian, .btn-outline-plr-cian:active, .btn-outline-plr-cian.active, .btn-outline-plr-cian.dropdown-toggle.show {
  color: var(--bs-white);
  background-color: var(--plr-cian);
  border-color: var(--plr-cian);
}
.btn-check:checked + .btn-outline-plr-cian:focus, .btn-check:active + .btn-outline-plr-cian:focus, .btn-outline-plr-cian:active:focus, .btn-outline-plr-cian.active:focus, .btn-outline-plr-cian.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-plr-cian:disabled, .btn-outline-plr-cian.disabled {
  color: var(--bs-white);
  background-color: transparent;
}

.btn-outline-plr-ndn {
  color: var(--bs-white);
  border-color: #f8f9fa;
}
.btn-outline-plr-ndn:hover {
  color: var(--bs-white);
  background-color: var(--plr-ndn);
  border-color: var(--plr-ndn);
}
.btn-check:focus + .btn-outline-plr-ndn, .btn-outline-plr-ndn:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-plr-ndn, .btn-check:active + .btn-outline-plr-ndn, .btn-outline-plr-ndn:active, .btn-outline-plr-ndn.active, .btn-outline-plr-ndn.dropdown-toggle.show {
  color: var(--bs-white);
  background-color: var(--plr-ndn);
  border-color: var(--plr-ndn);
}
.btn-check:checked + .btn-outline-plr-ndn:focus, .btn-check:active + .btn-outline-plr-ndn:focus, .btn-outline-plr-ndn:active:focus, .btn-outline-plr-ndn.active:focus, .btn-outline-plr-ndn.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-plr-ndn:disabled, .btn-outline-plr-ndn.disabled {
  color: var(--bs-white);
  background-color: transparent;
}

.btn-outline-plr-ntak {
  color: var(--bs-white);
  border-color: #f8f9fa;
}
.btn-outline-plr-ntak:hover {
  color: var(--bs-white);
  background-color: var(--plr-ntak);
  border-color: var(--plr-ntak);
}
.btn-check:focus + .btn-outline-plr-ntak, .btn-outline-plr-ntak:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-plr-ntak, .btn-check:active + .btn-outline-plr-ntak, .btn-outline-plr-ntak:active, .btn-outline-plr-ntak.active, .btn-outline-plr-ntak.dropdown-toggle.show {
  color: var(--bs-white);
  background-color: var(--plr-ntak);
  border-color: var(--plr-ntak);
}
.btn-check:checked + .btn-outline-plr-ntak:focus, .btn-check:active + .btn-outline-plr-ntak:focus, .btn-outline-plr-ntak:active:focus, .btn-outline-plr-ntak.active:focus, .btn-outline-plr-ntak.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-plr-ntak:disabled, .btn-outline-plr-ntak.disabled {
  color: var(--bs-white);
  background-color: transparent;
}

html {
  scroll-padding-top: 4.5rem;
}

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

.bg-gradient-primary-to-secondary {
  background: linear-gradient(45deg, #2937f0, #9f1ae2) !important;
}

.font-alt {
  font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.text-gradient {
  background: -webkit-linear-gradient(#2937f0, #9f1ae2);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

aside,
section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.section-footer {
  padding-top: 3rem;
}

.app-badge {
  height: 3rem;
}

#mainNav {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #fff;
  -webkit-transition: padding-top 0.2s ease, padding-bottom 0.2s ease;
  -moz-transition: padding-top 0.2s ease, padding-bottom 0.2s ease; 
  -o-transition: padding-top 0.2s ease, padding-bottom 0.2s ease;        
  transition: padding-top 0.2s ease, padding-bottom 0.2s ease; 
}
#mainNav .navbar-brand {
  font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#mainNav .navbar-brand:hover, #mainNav .navbar-brand:active {
  color: #2937f0;
}
#mainNav .navbar-toggler {
  font-size: 0.875rem;
  padding: 0.75rem 1rem;
  color: #212529;
}
#mainNav .navbar-nav .nav-item .nav-link {
  color: #212529;
}
#mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #6c757d;
}
#mainNav .navbar-nav .nav-item .nav-link.active {
  color: #2937f0;
}
#mainNav.shrink {
  padding-top: 2px;
  padding-bottom: 2px;
}

.icon-feature {
  font-size: 4rem;
}

footer a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}
footer a:hover, footer a:active, footer a:focus {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: underline;
}

.masthead {
  background-color: #fff;
  padding-top: 9.5rem;
  padding-bottom: 5rem;
}
.masthead {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.masthead .circle {
  position: absolute;
  fill: url(#circleGradient);
  width: 70%;
  display: none;
}
.masthead .circle .gradient-start-color {
  stop-color: #2937f0;
}
.masthead .circle .gradient-end-color {
  stop-color: #9f1ae2;
}
.masthead .shape-1 {
  position: absolute;
  height: 1rem;
  width: 1rem;
  transform: rotate(-10deg);
  fill: #2937f0;
  bottom: 15%;
  left: 10%;
}
.masthead .shape-2 {
  position: absolute;
  height: 0.75rem;
  width: 0.75rem;
  fill: #2937f0;
  top: 15%;
  right: 10%;
}
.masthead .device-wrapper {
  max-width: 10rem;
}
@media (min-width: 576px) {
  .masthead .circle {
    width: 70%;
    display: block;
  }
  .masthead .device-wrapper {
    max-width: 12.5rem;
  }
}
@media (min-width: 768px) {
  .masthead .circle {
    width: 60%;
  }
  .masthead .device-wrapper {
    max-width: 15rem;
  }
}
@media (min-width: 992px) {
  .masthead .circle {
    width: 90%;
  }
  .masthead .device-wrapper {
    max-width: 15rem;
  }
}
@media (min-width: 1200px) {
  .masthead .circle {
    width: 75%;
  }
  .masthead .device-wrapper {
    max-width: 15rem;
  }
}
@media (min-width: 1400px) {
  .masthead .circle {
    width: 70%;
  }
  .masthead .device-wrapper {
    max-width: 17rem;
  }
}

/***************
 ****  PLR  ****
 ***************/

.top-logo{
  height: 50px;
}

.social-logo{
  height: 50px;
}

.btn-large{
  width: 200px;
  height: 60px;
  font-size: 1.25rem;
}

.text-quote{
  color: var(--plr-dark-gray);
}

.text-footer-quote{
  font-size: 1.2rem;
}

.text-footer-link{
  font-size: 0.9rem;
}

.footer-hr{
  width: 100px; 
  height: 2px;
  background-color:var(--bs-white); 
}

.btn-info {
  color: #000;
  background-color: var(--plr-yellow);
  border-color: var(--plr-yellow);
}
.btn-info:hover {
  color: #fff;
  background-color: var(--plr-dark-yellow);
  border-color: var(--plr-dark-yellow);
}
.btn-check:focus + .btn-info, .btn-info:focus {
  color: #fff;
  background-color: var(--plr-dark-yellow);
  border-color: var(--plr-dark-yellow);
  box-shadow: var(--plr-dark-yellow);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: var(--plr-dark-yellow);
  border-color: var(--plr-dark-yellow);
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: var(--plr-dark-yellow);
}
.btn-info:disabled, .btn-info.disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-primary {
  color: #fff;
  background-color: var(--plr-blue);
  border-color: var(--plr-blue);
}
.btn-primary:hover {
  color: #fff;
  background-color: var(--plr-dark-blue);
  border-color: var(--plr-dark-blue);
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: var(--plr-dark-blue);
  border-color: var(--plr-dark-blue);
  box-shadow: var(--plr-dark-blue);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--plr-dark-blue);
  border-color: var(--plr-dark-blue);
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: var(--plr-dark-blue);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #2937f0;
  border-color: #2937f0;
}

.btn-secondary {
  color: #fff;
  background-color: var(--plr-ntak);
  border-color: var(--plr-ntak);
}
.btn-secondary:hover {
  color: #fff;
  background-color: var(--plr-dark-ntak);
  border-color: var(--plr-dark-ntak);
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: var(--plr-dark-ntak);
  border-color: var(--plr-dark-ntak);
  box-shadow: var(--plr-dark-ntak);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: var(--plr-dark-ntak);
  border-color: var(--plr-dark-ntak);
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: var(--plr-dark-ntak);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #9f1ae2;
  border-color: #9f1ae2;
}

.btn-plr-blue {
  color: #fff;
  background-color: var(--plr-blue);
  border-color: var(--plr-blue);
}
.btn-plr-blue:hover {
  color: #fff;
  background-color: var(--plr-dark-blue);
  border-color: var(--plr-dark-blue);
}
.btn-check:focus + .btn-plr-blue, .btn-plr-blue:focus {
  color: #fff;
  background-color: var(--plr-dark-blue);
  border-color: var(--plr-dark-blue);
  box-shadow: var(--plr-dark-blue);
}
.btn-check:checked + .btn-plr-blue, .btn-check:active + .btn-plr-blue, .btn-plr-blue:active, .btn-plr-blue.active, .show > .btn-plr-blue.dropdown-toggle {
  color: #fff;
  background-color: var(--plr-dark-blue);
  border-color: var(--plr-dark-blue);
}
.btn-check:checked + .btn-plr-blue:focus, .btn-check:active + .btn-plr-blue:focus, .btn-plr-blue:active:focus, .btn-plr-blue.active:focus, .show > .btn-plr-blue.dropdown-toggle:focus {
  box-shadow: var(--plr-dark-blue);
}
.btn-plr-blue:disabled, .btn-plr-blue.disabled {
  color: #fff;
  background-color: #9f1ae2;
  border-color: #9f1ae2;
}

.btn-plr-cian {
  color: #fff;
  background-color: var(--plr-cian);
  border-color: var(--plr-cian);
}
.btn-plr-cian:hover {
  color: #fff;
  background-color: var(--plr-dark-cian);
  border-color: var(--plr-dark-cian);
}
.btn-check:focus + .btn-plr-cian, .btn-plr-cian:focus {
  color: #fff;
  background-color: var(--plr-dark-cian);
  border-color: var(--plr-dark-cian);
  box-shadow: var(--plr-dark-cian);
}
.btn-check:checked + .btn-plr-cian, .btn-check:active + .btn-plr-cian, .btn-plr-cian:active, .btn-plr-cian.active, .show > .btn-plr-cian.dropdown-toggle {
  color: #fff;
  background-color: var(--plr-dark-cian);
  border-color: var(--plr-dark-cian);
}
.btn-check:checked + .btn-plr-cian:focus, .btn-check:active + .btn-plr-cian:focus, .btn-plr-cian:active:focus, .btn-plr-cian.active:focus, .show > .btn-plr-cian.dropdown-toggle:focus {
  box-shadow: var(--plr-dark-cian);
}
.btn-plr-cian:disabled, .btn-plr-cian.disabled {
  color: #fff;
  background-color: #9f1ae2;
  border-color: #9f1ae2;
}

.btn-plr-ndn {
  color: #fff;
  background-color: var(--plr-ndn);
  border-color: var(--plr-ndn);
}
.btn-plr-ndn:hover {
  color: #fff;
  background-color: var(--plr-dark-ndn);
  border-color: var(--plr-dark-ndn);
}
.btn-check:focus + .btn-plr-ndn, .btn-plr-ndn:focus {
  color: #fff;
  background-color: var(--plr-dark-ndn);
  border-color: var(--plr-dark-ndn);
  box-shadow: var(--plr-dark-ndn);
}
.btn-check:checked + .btn-plr-ndn, .btn-check:active + .btn-plr-ndn, .btn-plr-ndn:active, .btn-plr-ndn.active, .show > .btn-plr-ndn.dropdown-toggle {
  color: #fff;
  background-color: var(--plr-dark-ndn);
  border-color: var(--plr-dark-ndn);
}
.btn-check:checked + .btn-plr-ndn:focus, .btn-check:active + .btn-plr-ndn:focus, .btn-plr-ndn:active:focus, .btn-plr-ndn.active:focus, .show > .btn-plr-ndn.dropdown-toggle:focus {
  box-shadow: var(--plr-dark-ndn);
}
.btn-plr-ndn:disabled, .btn-plr-ndn.disabled {
  color: #fff;
  background-color: #9f1ae2;
  border-color: #9f1ae2;
}

.btn-plr-ntak {
  color: #fff;
  background-color: var(--plr-ntak);
  border-color: var(--plr-ntak);
}
.btn-plr-ntak:hover {
  color: #fff;
  background-color: var(--plr-dark-ntak);
  border-color: var(--plr-dark-ntak);
}
.btn-check:focus + .btn-plr-ntak, .btn-plr-ntak:focus {
  color: #fff;
  background-color: var(--plr-dark-ntak);
  border-color: var(--plr-dark-ntak);
  box-shadow: var(--plr-dark-ntak);
}
.btn-check:checked + .btn-plr-ntak, .btn-check:active + .btn-plr-ntak, .btn-plr-ntak:active, .btn-plr-ntak.active, .show > .btn-plr-ntak.dropdown-toggle {
  color: #fff;
  background-color: var(--plr-dark-ntak);
  border-color: var(--plr-dark-ntak);
}
.btn-check:checked + .btn-plr-ntak:focus, .btn-check:active + .btn-plr-ntak:focus, .btn-plr-ntak:active:focus, .btn-plr-ntak.active:focus, .show > .btn-plr-ntak.dropdown-toggle:focus {
  box-shadow: var(--plr-dark-ntak);
}
.btn-plr-ntak:disabled, .btn-plr-ntak.disabled {
  color: #fff;
  background-color: #9f1ae2;
  border-color: #9f1ae2;
}

.btn-pricer {
  color: #fff;
  background-color: var(--plr-pricer);
  border-color: var(--plr-pricer);
}
.btn-pricer:hover {
  color: #fff;
  background-color: var(--plr-dark-pricer);
  border-color: var(--plr-dark-pricer);
}
.btn-check:focus + .btn-pricer, .btn-pricer:focus {
  color: #fff;
  background-color: var(--plr-dark-pricer);
  border-color: var(--plr-dark-pricer);
  box-shadow: var(--plr-dark-pricer);
}
.btn-check:checked + .btn-pricer, .btn-check:active + .btn-pricer, .btn-pricer:active, .btn-pricer.active, .show > .btn-pricer.dropdown-toggle {
  color: #fff;
  background-color: var(--plr-dark-pricer);
  border-color: var(--plr-dark-pricer);
}
.btn-check:checked + .btn-pricer:focus, .btn-check:active + .btn-pricer:focus, .btn-pricer:active:focus, .btn-pricer.active:focus, .show > .btn-pricer.dropdown-toggle:focus {
  box-shadow: var(--plr-dark-pricer);
}
.btn-pricer:disabled, .btn-pricer.disabled {
  color: #fff;
  background-color: #9f1ae2;
  border-color: #9f1ae2;
}

.btn-outline-security {
  color: var(--plr-security-contact);
  border-color: var(--plr-security-contact);
}
.btn-outline-security:hover {
  color: #fff;
  background-color: var(--plr-security-contact);
  border-color: var(--plr-security-contact);
}
.btn-check:focus + .btn-outline-security, .btn-outline-security:focus {
  box-shadow: 0 0 0 0.25rem rgba(41, 55, 240, 0.5);
}
.btn-check:checked + .btn-outline-security, .btn-check:active + .btn-outline-security, .btn-outline-security:active, .btn-outline-security.active, .btn-outline-security.dropdown-toggle.show {
  color: #fff;
  background-color: #2937f0;
  border-color: #2937f0;
}
.btn-check:checked + .btn-outline-security:focus, .btn-check:active + .btn-outline-security:focus, .btn-outline-security:active:focus, .btn-outline-security.active:focus, .btn-outline-security.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(41, 55, 240, 0.5);
}
.btn-outline-security:disabled, .btn-outline-security.disabled {
  color: #2937f0;
  background-color: transparent;
}

.image-container{
  align-items: center;
  justify-content: center;
}

.image-container img{
  position: relative;
  display: block;
}

.font-alt-plr {
  font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-size: 37px;
}

.text-gradient-plr {
  background: -webkit-linear-gradient(var(--plr-cian), var(--plr-blue));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

footer section{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.footer-end{
  background-color: rgba(0, 0, 0, 0.2);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.bg-gradient-plr-blue-to-plr-cian {
  background: linear-gradient(90deg, var(--plr-blue), var(--plr-cian)) !important;
}

.bg-gradient-plr-cian-to-plr-blue {
  background: linear-gradient(90deg, var(--plr-cian), var(--plr-blue)) !important;
}

.bg-gradient-plr-cian-to-plr-yellow {
  background: linear-gradient(90deg, var(--plr-cian), var(--plr-yellow)) !important;
}

.bg-gradient-plr-yellow-to-plr-cian {
  background: linear-gradient(90deg, var(--plr-yellow), var(--plr-cian)) !important;
}

.bg-gradient-plr-blue-to-plr-yellow {
  background: linear-gradient(90deg, var(--plr-blue), var(--plr-yellow)) !important;
}

.bg-gradient-plr-yellow-to-plr-blue {
  background: linear-gradient(90deg, var(--plr-yellow), var(--plr-blue)) !important;
}

.bg-gradient-plr-pricer-to-plr-cian {
  background: linear-gradient(90deg, var(--plr-pricer), var(--plr-cian)) !important;
}

.bg-gradient-plr-cian-to-plr-pricer {
  background: linear-gradient(90deg, var(--plr-cian), var(--plr-pricer)) !important;
}

.bg-gradient-plr-yellow-to-plr-red {
  background: linear-gradient(90deg, var(--plr-yellow), var(--plr-red)) !important;
}

.bg-gradient-plr-privat-blue-to-plr-privat-yellow {
  background: linear-gradient(90deg, var(--plr-privat-blue), var(--plr-privat-yellow)) !important;
}

.bg-gradient-plr-privat-yellow-to-plr-privat-blue {
  background: linear-gradient(90deg, var(--plr-privat-yellow), var(--plr-privat-blue)) !important;
}

section.cti {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-index-top-hero.jpg");
  background-position: center;
  background-size: cover;
}
section.cti .cti-content {
  position: relative;
  z-index: 1;
}
section.cti:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.cti-2 {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-index-content-hero-1.jpg");
  background-position: center;
  background-size: cover;
}
section.cti-2 .cti-2-content {
  position: relative;
  z-index: 1;
}
section.cti-2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.cti-3 {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-index-content-hero-2.jpg");
  background-position: center;
  background-size: cover;
}
section.cti-3 .cti-3-content {
  position: relative;
  z-index: 1;
}
section.cti-3:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.ctc {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-commerce-top-hero.jpg");
  background-position: center;
  background-size: cover;
}
section.ctc .ctc-content {
  position: relative;
  z-index: 1;
}
section.ctc:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.ctc-2 {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-commerce-content-hero-1.jpg");
  background-position: center;
  background-size: cover;
}
section.ctc-2 .ctc-2-content {
  position: relative;
  z-index: 1;
}
section.ctc-2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.ctbc {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-bcommerce-top-hero.jpg");
  background-position: center;
  background-size: cover;
}
section.ctbc .ctbc-content {
  position: relative;
  z-index: 1;
}
section.ctbc:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.ctbc-1 {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-bcommerce-content-hero-1.jpg");
  background-position: center;
  background-size: cover;
}
section.ctbc-1 .ctbc-1-content {
  position: relative;
  z-index: 1;
}
section.ctbc-1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.ctbc-2 {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-bcommerce-content-hero-2.jpg");
  background-position: center;
  background-size: cover;
}
section.ctbc-2 .ctbc-2-content {
  position: relative;
  z-index: 1;
}
section.ctbc-2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.cttc {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-tcommerce-top-hero.jpg");
  background-position: center;
  background-size: cover;
}
section.cttc .cttc-content {
  position: relative;
  z-index: 1;
}
section.cttc:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.cttc-2 {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-tcommerce-content-hero-1.jpg");
  background-position: center;
  background-size: cover;
}
section.cttc-2 .cttc-2-content {
  position: relative;
  z-index: 1;
}
section.cttc-2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.ctorder {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-order-top-hero.jpg");
  background-position: center;
  background-size: cover;
}
section.ctorder .ctorder-content {
  position: relative;
  z-index: 1;
}
section.ctorder:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.ctlisting {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-listing-top-hero.jpg");
  background-position: center;
  background-size: cover;
}
section.ctlisting .ctlisting-content {
  position: relative;
  z-index: 1;
}
section.ctlisting:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}

section.cth {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-hospitality-top-hero.jpg");
  background-position: center;
  background-size: cover;
}
section.cth .cth-content {
  position: relative;
  z-index: 1;
}
section.cth:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.cth-2 {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-hospitality-content-hero-1.jpg");
  background-position: center;
  background-size: cover;
}
section.cth-2 .cth-2-content {
  position: relative;
  z-index: 1;
}
section.cth-2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.cth-3 {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-hospitality-content-hero-2.jpg");
  background-position: center;
  background-size: cover;
}
section.cth-3 .cth-3-content {
  position: relative;
  z-index: 1;
}
section.cth-3:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.ctp {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-pricer-top-hero.jpg");
  background-position: center;
  background-size: cover;
}
section.ctp .ctp-content {
  position: relative;
  z-index: 1;
}
section.ctp:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.ctp-2 {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-pricer-content-hero-1.jpg");
  background-position: center;
  background-size: cover;
}
section.ctp-2 .ctp-2-content {
  position: relative;
  z-index: 1;
}
section.ctp-2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.cta {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-about-top-hero.jpg");
  background-position: center;
  background-size: cover;
}
section.cta .cta-content {
  position: relative;
  z-index: 1;
}
section.cta:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.ct-its {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-security-top-hero.jpg");
  background-position: center;
  background-size: cover;
}
section.ct-its .ct-its-content {
  position: relative;
  z-index: 1;
}
section.ct-its:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

section.ctp-a {
  position: relative;
  padding: 15rem 0;
  background-image: url("../img/page-privat-top-hero.jpg");
  background-position: center;
  background-size: cover;
}
section.ctp-a .ctp-a-content {
  position: relative;
  z-index: 1;
}
section.ctp-a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

section.ct-contact {
  position: relative;
  padding-top: 10rem;
  padding-bottom: 0;
}
section.ct-contact .ct-contact-content {
  position: relative;
  z-index: 1;
}
.ct-contact-hr{
  width: 100px; 
  height: 2px;
  background-color:var(--bs-gray-900); 
}

section.company-detail {
  padding-top: 0;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {  
  background: #fff;
  display: flex;
  align-content: center;
  justify-content: center;
}

.swiper-slide img {
  display: block;
  width: 60%;
  height: 60%;
}

.form-group.required > label::after {
	content: "*";
	color: red;
	position: absolute;
}

.form-label {
  text-align: right !important;
}

@media (max-width: 1200px) {

  .pl-r-0{
    padding-left: 0;
    padding-right: 0;
  }
  .iu{
    margin-bottom: 3rem !important;
  }
  .il{
    margin-top: 3rem !important;
  }
  .form-label {
    text-align: left !important;
  }
}

span.block-unwanted-spam {
  display: none;
}

.card {
  border-width: 0;
}