.sqfk-article .sqfk-keyvision {
  background-image: -webkit-linear-gradient(30deg, #1d446f, #30567b, #3d5f7b);
  background-image: linear-gradient(60deg, #1d446f, #30567b, #3d5f7b); }
@media (min-width: 1000px) {
  .sqfk-article .sqfk-keyvision {
    background-image: url(../images/kv-img.png), linear-gradient(60deg, #1d446f, #30567b, #3d5f7b); } }

.dark-bg a {
  color: #55ffff; }
.dark-bg a:hover {
  color: #ffffff; }

.sqfk-section {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

#f01 {
  background-color: #ffffff;
  background-image: url(../images/easy-secure-img.png);
  background-size: auto 360px;
  background-position: center bottom;
  padding-bottom: 360px; }
@media (max-width: 1000px) {
  #f01 {
    background-size: 100% auto;
    padding-bottom: 15%; } }

#f02 {
  background-color: #46a3ed;
  background-image: url(../images/ui.png);
  background-size: auto 320px;
  background-repeat: repeat;
  padding-bottom: 0;
  animation: bg 5s linear infinite; }
#f02 img {
  width: auto; }

@keyframes bg {
  from {
    background-position: center 0; }
  to {
    background-position: center -320px; } }
#f03 {
  background-color: #fff;
  background-image: url(../images/notes-bg2.png), url(../images/notes-bg1.jpg);
  background-size: 100% auto, contain;
  background-position: center center, center 200px;
  background-attachment: fixed, scroll; }
@media (max-width: 1000px) {
  #f03 {
    background-position: center center, center bottom; } }
#f03 .sqfk-container {
  justify-content: space-between; }
@media (max-width: 1000px) {
  #f03 .sqfk-container {
    flex-direction: column; }
  #f03 .sqfk-container > * {
    width: 100%; } }
#f03 .sqfk-container iframe {
  margin-top: 50px; }
#f03 .txt-all {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
@media (min-width: 1000px) {
  #f03 .txt-all {
    margin-top: 50px; } }
#f03 .txt-all div {
  padding-left: 40%;
  padding-right: 0; }
@media (max-width: 1000px) {
  #f03 .txt-all div {
    width: 100%;
    min-width: 0;
    max-width: none; } }
#f03 img {
  width: auto; }

#f04 .txt-all {
  padding: 5% 10% 5% 5%; }

/*# sourceMappingURL=custom.css.map */
