Gecko [ kv7techno.com ]

Name	Size	Permission
.mad-root	0 B	-rw-r--r--
pwnkit	0 B	-rwxr-xr-x
style0.css	129.06 KB	-rwxrwxrwx
style1.css	63.26 KB	-rwxrwxrwx

Code Editor : style1.css

@media (min-width:768px) {}

@media (min-width:1024px) {}

@media (min-resolution:192dpi) {}

@media (max-width:768px) {}

footer,
header {
  display: block
}

template {
  display: none
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline: 0
}

b {
  font-weight: bold
}

img {
  border: 0
}

hr {
  box-sizing: content-box;
  height: 0
}

button,
input {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button {
  text-transform: none
}

button {
  -webkit-appearance: button;
  cursor: pointer
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
* {
  box-sizing: border-box
}

*:before,
*:after {
  box-sizing: border-box
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
  line-height: 1.428571429;
  background-color: #fff
}

input,
button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

img {
  vertical-align: middle
}

hr {
  border: 0
}

h1,
h4 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px
}

@media (min-width:768px) {}

ul {
  margin-top: 0;
  margin-bottom: 10px
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

.container:before,
.container:after {
  display: table;
  content: " "
}

.container:after {
  clear: both
}

@media (min-width:768px) {
  .container {
    width: 750px
  }
}

@media (min-width:1024px) {
  .container {
    width: 970px
  }
}

@media (min-width:1440px) {
  .container {
    width: 1170px
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

.container-fluid:before,
.container-fluid:after {
  display: table;
  content: " "
}

.container-fluid:after {
  clear: both
}

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

.row:before,
.row:after {
  display: table;
  content: " "
}

.row:after {
  clear: both
}

.col-md-5,
.col-xs-6,
.col-md-7,
.col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.col-xs-6,
.col-xs-12 {
  float: left
}

.col-xs-6 {
  width: 50%
}

.col-xs-12 {
  width: 100%
}

@media (min-width:768px) {
  .col-sm-12 {
    float: left
  }

.col-sm-12 {
    width: 100%
  }
}

@media (min-width:1024px) {

.col-md-5,
  .col-md-7 {
    float: left
  }

.col-md-5 {
    width: 41.6666666667%
  }

.col-md-7 {
    width: 58.3333333333%
  }
}

@media (min-width:1440px) {

.col-lg-5,
  .col-lg-7 {
    float: left
  }

.col-lg-5 {
    width: 41.6666666667%
  }

.col-lg-7 {
    width: 58.3333333333%
  }
}

@media screen and (max-width:767px) {}

label {
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700
}

@media screen and (-webkit-min-device-pixel-ratio:0) {}

@media (min-width:768px) {}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }

to {
    background-position: 0 0
  }
}

@media (min-width:768px) {}

@media (min-width:1024px) {}

@media all and (transform-3d),
(-webkit-transform-3d) {}

@media screen and (min-width:768px) {}

.clearfix:before,
.nid-lib .template-content .logo-cntnr:before,
.template-content .logo-cntnr:before,
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
  display: table;
  content: " "
}

.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
  clear: both
}

@media (max-width:767px) {}

@media (min-width:768px) and (max-width:1023px) {}

@media (min-width:1024px) and (max-width:1439px) {}

@media (min-width:1440px) {}

@media (max-width:767px) {
  .hidden-xs {
    display: none !important
  }
}

@media (min-width:768px) and (max-width:1023px) {
  .hidden-sm {
    display: none !important
  }
}

@media (min-width:1024px) and (max-width:1439px) {}

@media (min-width:1440px) {}

:root {
  --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}

.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0
}

html,
body,
ul,
p {
  margin: 0;
  padding: 0
}

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  color: #009639;
  cursor: pointer
}

hr {
  border-top: 1px solid #EEE
}

@media (min-width:768px) {}

.fa-fa-eye-show {
  position: relative
}

.fa-fa-eye-show::before {
  content: url(../images/img_131eaae8eadb54e1.svg);
  width: 100%;
  height: 100%;
  display: block
}

@media (min-width:768px) {}

.gd-primary-btn {
  position: relative;
  width: 100%;
  max-width: 25rem;
  height: 50px;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  outline: none;
  font-weight: bold;
  font-size: 1rem;
  padding: 0 15px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  text-align: center
}

.gd-primary-btn {
  background: #009639;
  color: #FFF;
  border: none
}

.gd-primary-btn:hover,
.gd-primary-btn:active,
.gd-primary-btn:focus,
.gd-primary-btn:active:focus {
  color: #FFF;
  background: #007f33;
  border-color: transparent;
  outline: none
}

.gd-primary-btn:disabled,
.gd-primary-btn[disabled] {
  color: #FFF;
  background: #D7D7D7;
  border-color: transparent;
  cursor: not-allowed
}

@media (min-width:768px) {}

.form-element,
input[type=text] {
  border: 2px solid #BBB;
  width: 100%;
  background: #FFF;
  color: #666;
  outline: none;
  height: 50px;
  padding: 0 15px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  -webkit-appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box
}

.form-element.ng-valid,
input.ng-valid[type=text] {
  border-color: #78BE20
}

.form-element:focus,
.nid-lib textarea:focus,
textarea:focus,
input[type=text]:focus,
input[type=textbox]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=search]:focus,
.input-type-div:focus {
  border-color: #009639 !important
}

@media (max-width:768px) {}

@media (min-width:768px) {}

.gd-form .gd-form-row label {
  display: block;
  color: #666
}

.gd-form .gd-form-row .gd-sm-label {
  font-size: 0.875rem;
  font-weight: normal
}

.gd-form .gd-form-row .icon-field {
  position: relative
}

@media (min-width:375px) {}

@media (min-width:768px) {
  .gd-form .gd-form-row {
    margin-bottom: 30px
  }

.gd-form .gd-form-row:last-of-type {
    margin-bottom: 60px
  }
}

@media (min-width:768px) {}

@media (min-width:1024px) {}

@media (min-width:1440px) {}

@media (min-width:768px) {}

@media (max-width:767px) {}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  opacity: 0
}

@media screen and (min-width:1024px) {}

@media screen and (max-width:1023px) {}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

::placeholder {
  color: #BBB
}

@keyframes loading-ring {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg)
  }

100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg)
  }
}

@media only screen and (min-device-width:320px) {}

@media (min-width:375px) {}

@media (min-width:768px) {}

@media (min-width:1440px) {}

@media (min-width:768px) {}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0
  }

100% {
    background-position: 468px 0
  }
}

@media (min-width:768px) {}

@media (min-width:1024px) {}

label:not(.keep-local) {
  color: #333 !important;
  font-weight: normal
}

::placeholder,
.ng-select .ng-select-container .ng-value-container .ng-placeholder {}

@media (min-width:768px) {}

@media (min-width:1024px) {}

* {
  outline: none !important
}

@font-face {
  font-family: LibreFranklin;
  src: url(../fonts/font_e9800c98d80382a9)format("woff2")
}

@font-face {
  font-family: LibreFranklinMedium;
  src: url(../fonts/font_7e2d8dbc33a5d021)format("woff2")
}

@font-face {
  font-family: LibreFranklinBold;
  src: url(../fonts/font_c31a9dbd5cb7eab6)format("woff2")
}

html {
  height: 100%;
  font-size: 16px
}

body {
  min-height: 100%;
  font-size: 1rem;
  font-family: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
  color: #666;
  letter-spacing: 0.2px;
  background: #F9F9F9;
  cursor: default
}

.container {
  width: 100%
}

@media (min-width:768px) {}

@media (min-width:1440px) {}

@media (min-width:1920px) {
  .container {
    max-width: 1500px !important
  }
}

@media (min-width:768px) {}

@media (max-width:768px) {}

@keyframes fadeAndFloatIn {
  0% {
    opacity: 0;
    left: 100px
  }

100% {
    opacity: 1;
    left: 0px
  }
}

@media (min-width:1024px) {}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0
  }

100% {
    background-position: 468px 0
  }
}

@media (min-width:768px) {}

@media (max-width:767px) {}

@media (min-width:768px) {}

@media (min-width:1024px) {}

@media (min-width:768px) {}

@media (min-width:1024px) {}

@font-face {
  font-family: "LibreFranklin";
  src: url(../fonts/font_e9800c98d80382a9)format("woff2")
}

@font-face {
  font-family: "LibreFranklinMedium";
  src: url(../fonts/font_7e2d8dbc33a5d021)format("woff2")
}

@font-face {
  font-family: "LibreFranklinBold";
  src: url(../fonts/font_c31a9dbd5cb7eab6)format("woff2")
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/snazzy-info-window/dist/snazzy-info-window.css?ngGlobalStyle ***!
\*******************************************************************************************************************************************************************************************************************************************************************/
/*!*********************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/swiper/swiper-bundle.css?ngGlobalStyle ***!
\*********************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "swiper-icons";
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box
}

.swiper-wrapper {
  transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
  touch-action: pan-y
}

.swiper-slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg)
  }

100% {
    transform: rotate(360deg)
  }
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
  width: calc(var(--swiper-navigation-size)/44*27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev"
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next"
}

:root {}

.swiper-pagination {
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-horizontal>.swiper-pagination-bullets {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none !important
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1)
}

:root {}

100% {
    transform: rotate(359deg)
  }
}

[_ngcontent-ng-c3078892097]:root {
  --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}

.overlay-loader[_ngcontent-ng-c3078892097] {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  z-index: 99;
  width: 100%;
  height: 100%;
  color: #FFF;
  background: #009639;
  border-radius: inherit;
  cursor: not-allowed
}

.loader[_ngcontent-ng-c3078892097] {
  position: absolute;
  top: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  left: 50%;
  line-height: 1;
  width: 24px
}

[_ngcontent-ng-c2971746515]:root {
  --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}

.swiper-slider-container[_ngcontent-ng-c2971746515] .swiper-pagination {
  position: relative;
  margin-top: 40px
}

.swiper-slider-container[_ngcontent-ng-c2971746515] .swiper-pagination .swiper-pagination-bullet {
  margin: 0 3px;
  background: #BBB
}

[_nghost-ng-c2971746515] .swiper-button-next {
  background: none;
  position: absolute;
  top: 43%
}

[_nghost-ng-c2971746515] .swiper-button-next::before {
  content: var(--sf-img-8);
  width: 16px;
  height: 16px;
  display: block
}

[_nghost-ng-c2971746515] .swiper-button-prev {
  background: none;
  position: absolute;
  top: 43%;
  transform: rotate(180deg)
}

[_nghost-ng-c2971746515] .swiper-button-prev::before {
  content: var(--sf-img-8);
  width: 16px;
  height: 16px;
  display: block
}

[_nghost-ng-c2971746515] .swiper-button-prev:after {
  content: none
}

[_nghost-ng-c2971746515] .swiper-button-next:after {
  content: none
}

@media (min-width:1024px) {}

@media (min-width:1440px) {}

swiper-container {
  position: inherit !important
}

swiper-container {
  width: 100%;
  height: 100%
}

swiper-slide {
  text-align: center;
  font-size: 18px;
  justify-content: center;
  align-items: center
}

swiper-slide img {
  display: block;
  object-fit: cover
}

swiper-container::part(pagination) {
  position: relative;
  margin-top: 40px
}

swiper-container::part(bullet-active) {
  background: #78BE20;
  opacity: 1;
  width: 24px;
  border-radius: 5px
}

[_ngcontent-ng-c4003506759]:root {
  --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}

.card-container[_ngcontent-ng-c4003506759] {
  box-shadow: 0px 3px 3px 0px rgba(141, 151, 158, 0.2);
  border-radius: 5px;
  border: 1px solid #EEE
}

.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] {
  width: 100%
}

.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .image-container[_ngcontent-ng-c4003506759] {
  height: 140px
}

.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .image-container[_ngcontent-ng-c4003506759] img[_ngcontent-ng-c4003506759] {
  border-radius: 5px 5px 0px 0px;
  height: 100%;
  width: 100%
}

.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] {
  background-color: #FFF;
  padding: 20px;
  min-height: 145px;
  border-radius: 0px 0px 5px 5px
}

.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .card-text[_ngcontent-ng-c4003506759] {
  font-size: 13px;
  margin-bottom: 40px;
  color: #333
}

.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .footer[_ngcontent-ng-c4003506759] {
  font-family: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
  color: #009639;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 20px 0px;
  opacity: 0.9;
  display: inline;
  cursor: pointer
}

.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .footer[_ngcontent-ng-c4003506759] .link-icon[_ngcontent-ng-c4003506759] {
  margin-left: 8px;
  display: inline;
  position: absolute;
  transition: transform 0.2s ease-in-out;
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out
}

.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .footer[_ngcontent-ng-c4003506759] .link-icon[_ngcontent-ng-c4003506759]::before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTEwLjc4NiA4LjQ5SDMuMjV2LS45OGg3LjUzNmwtMy4zOS0zLjMxOC43MDgtLjY5MkwxMi43IDhsLTQuNTk2IDQuNS0uNzA4LS42OTIgMy4zOS0zLjMxOHoiLz4KICAgIDwvZGVmcz4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIi8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDx1c2UgZmlsbD0iIzAwOTYzOSIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjYSIvPgogICAgPC9nPgo8L3N2Zz4K);
  width: 24px;
  height: 24px;
  display: block
}

.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .footer[_ngcontent-ng-c4003506759]:hover .link-icon[_ngcontent-ng-c4003506759] {
  transform: translateX(5px);
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px)
}

[_ngcontent-ng-c2912084714]:root {
  --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
  --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}

.spinner-container[_ngcontent-ng-c2912084714] {
  animation: _ngcontent-ng-c2912084714_rotate 2s linear infinite;
  -webkit-animation: _ngcontent-ng-c2912084714_rotate 2s linear infinite;
  z-index: 100
}

.spinner-container[_ngcontent-ng-c2912084714] .path[_ngcontent-ng-c2912084714] {
  stroke-dasharray: 1, 150;
  stroke-dashoffset: 0;
  stroke: #FFF;
  stroke-linecap: round;
  animation: _ngcontent-ng-c2912084714_dash 1.5s ease-in-out infinite;
  -webkit-animation: _ngcontent-ng-c2912084714_dash 1.5s ease-in-out infinite
}

@keyframes _ngcontent-ng-c2912084714_rotate {
  100% {
    transform: rotate(360deg)
  }
}

@keyframes _ngcontent-ng-c2912084714_dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0
  }

50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35
  }

100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124
  }
}

[_nghost-ng-c1305129137] .approveit-container .progress-container {
  margin-top: 30px
}

[_nghost-ng-c1305129137] .approveit-container .progress-container .progress-bar-success {
  background-color: #0c8450 !important;
  border-bottom: none !important
}

[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal {
  overflow: hidden
}

@media (max-width:376px) {
  [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal {
    padding: 30px 20px
  }
}

@media (max-width:767px) and (min-width:376px) {
  [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal {
    padding: 120px 20px
  }
}

@media (min-width:768px) {
  [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay {
    overflow: hidden
  }
}

[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay {
  max-width: 810px !important;
  height: auto;
  padding: 20px 30px
}

@media (max-width:767px) {
  [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay {
    height: auto
  }
}

@media (max-width:1023px) {}

@media (max-width:767px) {}

@media (max-width:767px) {
  [_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer {
    width: 85%;
    margin: auto
  }
}

@media (max-width:1023px) {
  [_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer .sub-title {
    font-size: 14px;
    line-height: 21px;
    margin-top: 10px
  }
}

@media (max-width:767px) {
  [_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer .sub-title {
    font-size: 14px;
    line-height: 21px
  }
}

.approve-it-container[_ngcontent-ng-c1305129137] {
  background-color: #fff;
  text-align: center
}

@media (min-width:768px) {
  .approve-it-container[_ngcontent-ng-c1305129137] {
    margin: 0 50px
  }
}

.approve-it-container[_ngcontent-ng-c1305129137] .close-icon[_ngcontent-ng-c1305129137] {
  position: absolute !important;
  right: 18px;
  cursor: pointer;
  top: 18px
}

.approve-it-container[_ngcontent-ng-c1305129137] .flex-container[_ngcontent-ng-c1305129137] .footer-container[_ngcontent-ng-c1305129137] {
  color: #666;
  font-family: LibreFranklin, Century Gothic, Helvetica, Arial;
  font-size: 14px;
  width: 92%;
  margin: auto
}

.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column
}

.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] {
  position: relative
}

.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] {
  width: 100%;
  display: inline-block
}

@media (min-width:768px) {
  .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin: 20px 0
  }
}

@media (max-width:767px) {
  .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .iconITA[_ngcontent-ng-c1305129137] {
    left: calc(50% - 35px)
  }
}

@media (min-width:768px) {}

@media (max-width:767px) {}

@media (min-width:768px) {}

@media (max-width:767px) {}

@media (max-width:767px) {
  .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .time-left[_ngcontent-ng-c1305129137] {
    font-size: 18px
  }
}

@media (min-width:768px) {}

@media (max-width:767px) {}

@media (min-width:768px) {}

@media (max-width:767px) {}

.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] {
  color: #333;
  font-family: LibreFranklin, Century Gothic, Helvetica, Arial;
  font-size: 20px;
  text-align: center
}

@media (max-width:1023px) {
  .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] {
    font-size: 16px;
    line-height: 21px
  }
}

@media (max-width:767px) {
  .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] {
    font-size: 16px;
    margin-top: 10px;
    line-height: 21px
  }
}

.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] {
  color: #333;
  font-family: LibreFranklinMedium, Century Gothic, Helvetica, Arial;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 35px;
  text-align: center
}

@media (max-width:1023px) {
  .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] {
    font-size: 28px;
    line-height: 35px
  }
}

@media (max-width:767px) {
  .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] {
    font-size: 22px;
    line-height: 27.5px
  }
}

@media (max-width:1023px) {}

.approve-it-container[_ngcontent-ng-c1305129137] .flex-container[_ngcontent-ng-c1305129137] {
  text-align: center;
  display: inline-flex;
  flex-flow: row wrap
}

.approve-it-container[_ngcontent-ng-c1305129137] .flex-container[_ngcontent-ng-c1305129137]>div[_ngcontent-ng-c1305129137] {
  text-align: center
}

.approve-it-container[_ngcontent-ng-c1305129137] .margin-bottom-20[_ngcontent-ng-c1305129137] {
  margin-bottom: 20px
}

.approve-it-container[_ngcontent-ng-c1305129137] .margin-top-20[_ngcontent-ng-c1305129137] {
  margin-top: 20px
}

@media (min-width:1024px) {}

@media (max-width:1023px) {}

.overlay-modal[_ngcontent-ng-c215243294] {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  right: 0;
  background-color: #000;
  background: none #0006;
  overflow-x: hidden
}

.overlay-modal[_ngcontent-ng-c215243294] {
  bottom: 0
}

.overlay[_ngcontent-ng-c215243294] {
  position: relative;
  width: 100%;
  margin: 0;
  background: #0c8953;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

@media (min-width:768px) {
  .overlay[_ngcontent-ng-c215243294] {
    height: auto;
    width: 80%;
    overflow: auto;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

@media (min-width:1024px) {
  .overlay[_ngcontent-ng-c215243294] {
    max-width: 680px
  }
}

[_nghost-ng-c3576352787] {
  width: 100%;
  display: flex
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

.loader[_ngcontent-han-c58] {
  position: absolute;
  top: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  left: 50%;
  line-height: 1;
  width: 24px;
}

.spinner-container[_ngcontent-han-c57] {
  animation: rotate 2s linear infinite;
  -webkit-animation: rotate 2s linear infinite;
  z-index: 100;
  width: 24px;
  height: 24px;
}

.spinner-container[_ngcontent-han-c57] .path[_ngcontent-han-c57] {
  stroke-dasharray: 1, 150;
  stroke-dashoffset: 0;
  stroke: #fff;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
  -webkit-animation: dash 1.5s ease-in-out infinite;
}

/* Original scoped styles for ITA container preserved/refactored for clarity */
.spinner-container[_ngcontent-ng-c2912084714] {
  animation: rotate 2s linear infinite;
  z-index: 100
}

.ita-container[_ngcontent-ng-c3744073668] .nlsg-otp-start[_ngcontent-ng-c3744073668] .spinnerContainer[_ngcontent-ng-c3744073668] .spinner-container[_ngcontent-ng-c3744073668] {
  width: 100%;
  height: 110px;
  display: inline-block
}

@media (min-width:768px) {
  .ita-container[_ngcontent-ng-c3744073668] .nlsg-otp-start[_ngcontent-ng-c3744073668] .spinnerContainer[_ngcontent-ng-c3744073668] .spinner-container[_ngcontent-ng-c3744073668] {
    display: flex;
    justify-content: center;
    margin: 20px 0
  }
}

.ita-container[_ngcontent-ng-c3744073668] .nlsg-otp-start[_ngcontent-ng-c3744073668] .spinnerContainer[_ngcontent-ng-c3744073668] .spinner-container[_ngcontent-ng-c3744073668] progressbar[_ngcontent-ng-c3744073668] {
  margin: 10px 0;
  min-width: 100%
}

@media (min-width:768px) {
  .ita-container[_ngcontent-ng-c3744073668] .nlsg-otp-start[_ngcontent-ng-c3744073668] .spinnerContainer[_ngcontent-ng-c3744073668] .spinner-container[_ngcontent-ng-c3744073668] .progress-container[_ngcontent-ng-c3744073668] {
    min-width: 300px
  }
}

@media (max-width:767px) {
  .ita-container[_ngcontent-ng-c3744073668] .nlsg-otp-start[_ngcontent-ng-c3744073668] .spinnerContainer[_ngcontent-ng-c3744073668] .spinner-container[_ngcontent-ng-c3744073668] .icon-time-out[_ngcontent-ng-c3744073668] {
    display: inline-block
  }
}

.ita-container[_ngcontent-ng-c3744073668] .nlsg-otp-start[_ngcontent-ng-c3744073668] .spinnerContainer[_ngcontent-ng-c3744073668] .spinner-container[_ngcontent-ng-c3744073668] .time-left[_ngcontent-ng-c3744073668] {
  text-align: left
}

@media (max-width:767px) {
  .ita-container[_ngcontent-ng-c3744073668] .nlsg-otp-start[_ngcontent-ng-c3744073668] .spinnerContainer[_ngcontent-ng-c3744073668] .spinner-container[_ngcontent-ng-c3744073668] .time-left[_ngcontent-ng-c3744073668] {
    text-align: center;
    font-size: 18px
  }
}

${this.title}

Code Editor : style1.css